*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{height:100%}body,html{width:100%}body{background-color:#f3f4f6;color:#1f2937;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,sans-serif;font-size:14px;line-height:1.5;min-height:100%;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}a,button{-webkit-tap-highlight-color:rgba(0,0,0,0)}ol,ul{list-style:none}img{display:block;height:auto;max-width:100%}button{cursor:pointer}button,input,select,textarea{font-family:inherit}h1,h2,h3,h4,h5,h6{color:#1f2937;font-weight:700;line-height:1.2}h1{font-size:28px}h2{font-size:24px}h3{font-size:22px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}p{margin-bottom:16px}small{font-size:12px}.btn,strong{font-weight:600}.btn{align-items:center;border:none;cursor:pointer;display:inline-flex;justify-content:center;transition:all .3s ease}.btn:hover{transform:translateY(-2px)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn{border-radius:10px;font-size:14px;padding:12px 20px}.btn--primary{background:#2d5a3d;color:#fff}.btn--primary:hover{background:#1e3d29;box-shadow:0 4px 12px rgba(45,90,61,.3)}.btn--secondary{background:#e5e7eb;color:#374151}.btn--secondary:hover{background:#d1d5db}.btn--danger{background:#ef4444;color:#fff}.btn--danger:hover{background:#ed2d2d;box-shadow:0 4px 12px rgba(239,68,68,.3)}.btn--block{width:100%}.btn--lg{font-size:16px;padding:16px 24px}.btn--sm{font-size:12px;padding:8px 16px}.btn-login{align-items:center;display:inline-flex;justify-content:center;transition:all .3s ease}.btn-login:hover{transform:translateY(-2px)}.btn-login:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-login{margin-bottom:20px;padding:12px}.btn-action{border:none;font-weight:600;justify-content:center;padding:12px 20px;text-decoration:none;white-space:nowrap}.btn-action i{font-size:14px}.btn-action--primary:hover{background:#1e3d29;box-shadow:0 4px 12px rgba(45,90,61,.3);transform:translateY(-1px)}.btn-action--outline{border:1px solid #e5e7eb;color:#374151}.btn-action--outline:hover{background:#f9fafb;border-color:#d1d5db}.btn-action--danger{background:#ef4444;color:#fff}.btn-action--danger:hover{background:#ed2d2d;box-shadow:0 4px 12px rgba(239,68,68,.3)}.btn-action--light{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.3);color:#fff}.btn-action--light:hover{background:hsla(0,0%,100%,.2)}.btn-action--sm{font-size:10px;padding:8px 16px}.btn-action--sm i{font-size:12px}.btn-action--lg{font-size:14px;padding:16px 24px}.btn-action--lg i{font-size:16px}@media screen and (max-width:380px){.btn-action{font-size:10px;padding:8px 12px}.btn-action i{font-size:12px}.btn-action--lg{font-size:12px;padding:12px 16px}}.form-group{min-width:0;width:100%}.form-group input[type=date],.form-group input[type=email],.form-group input[type=number],.form-group input[type=password],.form-group input[type=tel],.form-group input[type=text],.form-group select,.form-group textarea{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;transition:all .3s ease;width:100%}.form-group input[type=date]:focus,.form-group input[type=email]:focus,.form-group input[type=number]:focus,.form-group input[type=password]:focus,.form-group input[type=tel]:focus,.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#2d5a3d;box-shadow:0 0 0 3px rgba(45,90,61,.1);outline:none}.form-group input[type=date]::placeholder,.form-group input[type=email]::placeholder,.form-group input[type=number]::placeholder,.form-group input[type=password]::placeholder,.form-group input[type=tel]::placeholder,.form-group input[type=text]::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group input[type=date],.form-group input[type=email],.form-group input[type=number],.form-group input[type=password],.form-group input[type=tel],.form-group input[type=text],.form-group select,.form-group textarea{box-sizing:border-box;max-width:100%;padding:12px 16px}.form-grid{gap:16px}.form-input--error{background-color:rgba(239,68,68,.05);border-color:#ef4444!important}.form-input--error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.15)}.form-input--valid{border-color:#10b981!important}.form-input--valid:focus{box-shadow:0 0 0 3px rgba(16,185,129,.15)}.field-error{color:#ef4444;display:block;font-size:12px;margin-top:4px}@media screen and (max-width:768px){.form-row--3{grid-template-columns:repeat(2,1fr)}}.form-actions{border-top:1px solid #f3f4f6}@media screen and (max-width:380px){.form-actions{flex-direction:column-reverse}}.form-input,.form-select,.form-textarea{box-sizing:border-box;max-width:100%}@media screen and (max-width:480px){.form-input,.form-select,.form-textarea{font-size:12px;padding:8px 12px}}.form-label{display:block;margin-bottom:8px}@media screen and (max-width:380px){.form-label{font-size:10px}}.form-hint{margin-top:4px}@media screen and (max-width:380px){.form-hint{font-size:10px}}.input-group{align-items:stretch;display:flex}.input-group__input{border-bottom-right-radius:0!important;border-right:none!important;border-top-right-radius:0!important;flex:1;min-width:0}.input-group__addon{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-left:none;border-radius:0 10px 10px 0;color:#6b7280;display:flex;font-size:14px;font-weight:500;justify-content:center;padding:0 16px;white-space:nowrap}@media screen and (max-width:480px){.input-group__addon{font-size:12px;padding:0 12px}}.input-group .form-input:focus+.input-group__addon{border-color:#2d5a3d}.toggle-switch{align-items:center;cursor:pointer;display:inline-flex;gap:12px;user-select:none}.toggle-switch__input{height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;clip:rect(0,0,0,0)!important;border:0!important;white-space:nowrap!important}.toggle-switch__track{background-color:#d1d5db;border-radius:28px;display:inline-block;flex-shrink:0;height:28px;position:relative;transition:background-color .2s ease;width:52px}.toggle-switch__thumb{background-color:#fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);height:22px;left:3px;position:absolute;top:3px;transition:transform .2s ease;width:22px}.toggle-switch__label{color:#374151;font-size:14px;font-weight:500}.toggle-switch:hover .toggle-switch__track{background-color:#9ca3af}.toggle-switch__input:checked~.toggle-switch__track{background-color:#2d5a3d}.toggle-switch__input:checked~.toggle-switch__track .toggle-switch__thumb{transform:translateX(24px)}.toggle-switch:hover .toggle-switch__input:checked~.toggle-switch__track{background-color:#1e3d29}.toggle-switch__input:focus-visible~.toggle-switch__track{box-shadow:0 0 0 3px rgba(45,90,61,.3)}.alert{font-size:13px;padding:12px 16px}.alert--error{background:#fef2f2;border:1px solid #fecaca;color:#ef4444}.alert--success{background:#f0fdf4;border:1px solid #bbf7d0;color:#10b981}.alert--warning{background:#fffbeb;border:1px solid #fde68a;color:#f59e0b}.alert--info{background:#eff6ff;border:1px solid #bfdbfe;color:#3b82f6}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#ef4444;font-size:13px;padding:12px 16px}.app-body{background:#f8fafc}.app-body,.app-container{min-height:100vh;min-height:100dvh;overflow-x:hidden}.app-container,.app-main{display:flex}.app-main{flex:1;flex-direction:column;margin-left:260px;max-width:100%;min-height:100vh;min-height:100dvh;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}@media screen and (max-width:1024px){.app-main{margin-left:0}.app-container,.app-main{max-width:100%;width:100%}}.sidebar.collapsed~.app-main,body:has(.sidebar.collapsed) .app-main{margin-left:72px}html.sidebar-collapsed .app-main{margin-left:72px;transition:none}.app-content{box-sizing:border-box;flex:1;max-width:100%;overflow-x:hidden;overflow-y:auto;padding:32px;width:100%}@media screen and (max-width:1024px){.app-content{padding:24px}}@media screen and (max-width:768px){.app-content{padding:20px}}@media screen and (max-width:480px){.app-content{padding:16px}}@media screen and (max-width:380px){.app-content{padding:12px}}.sidebar{background:#fff;border-right:1px solid #f3f4f6;box-shadow:2px 0 8px rgba(0,0,0,.04);display:flex;flex-direction:column;height:100vh;height:100dvh;left:0;position:fixed;top:0;transition:width .3s cubic-bezier(.4,0,.2,1);width:260px;z-index:100}.sidebar.collapsed{width:72px}.sidebar.collapsed .nav-section-title,.sidebar.collapsed .nav-text,.sidebar.collapsed .user-arrow,.sidebar.collapsed .user-info,.sidebar.collapsed .user-logout{display:none}.sidebar.collapsed .nav-menu{align-items:center;display:flex;flex-direction:column;padding:0 8px}.sidebar.collapsed .nav-item{margin:4px 0;width:100%}.sidebar.collapsed .nav-item.active .nav-link:before{display:none}.sidebar.collapsed .nav-link{align-items:center;display:flex;gap:0;height:48px;justify-content:center;margin:0 auto;padding:0;width:48px}.sidebar.collapsed .nav-icon{margin:0}.sidebar.collapsed .sidebar-user{display:flex;gap:0;justify-content:center;padding:16px 8px}.sidebar.collapsed .user-avatar{margin:0}.sidebar.collapsed .sidebar-collapse-btn i{transform:rotate(180deg)}@media screen and (max-width:1024px){.sidebar{transform:translateX(-100%);transition:transform .3s ease,width .3s cubic-bezier(.4,0,.2,1)}.sidebar,.sidebar.collapsed{width:260px}.sidebar.open{transform:translateX(0)}}@media screen and (max-width:380px){.sidebar{max-width:calc(100vw - 60px);width:280px}}@media(max-width:500px){.sidebar{max-width:100%;width:100%}}html.sidebar-collapsed .sidebar{transition:none;width:72px}html.sidebar-collapsed .sidebar .nav-section-title,html.sidebar-collapsed .sidebar .nav-text,html.sidebar-collapsed .sidebar .user-arrow,html.sidebar-collapsed .sidebar .user-info{display:none}.sidebar-collapse-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.1);cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:-12px;top:16px;transition:all .2s ease;width:24px;z-index:10}.sidebar-collapse-btn:hover{background:#f9fafb;border-color:#2d5a3d;transform:scale(1.1)}.sidebar-collapse-btn i{color:#6b7280;font-size:12px;transition:transform .3s ease}@media screen and (max-width:1024px){.sidebar-collapse-btn{display:none}}.sidebar-close-btn{background:#f3f4f6;border:none;border-radius:8px;color:#4b5563;cursor:pointer;display:none;height:36px;position:absolute;right:12px;top:16px;transition:all .2s ease;width:36px;z-index:10}.sidebar-close-btn:hover{background:#e5e7eb;color:#1f2937}.sidebar-close-btn i{font-size:18px}@media screen and (max-width:1024px){.sidebar-close-btn{align-items:center;display:flex;justify-content:center}}.sidebar-nav{flex:1;overflow-x:hidden;overflow-y:auto;padding:60px 0 20px}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:2px}.nav-section-title{color:#9ca3af;font-size:10px;font-weight:700;letter-spacing:.08em;overflow:hidden;padding:20px 20px 8px;text-transform:uppercase;transition:opacity .2s,visibility .2s;white-space:nowrap}.nav-menu{list-style:none;margin:0;padding:0}.nav-item{margin:4px 12px;transition:margin .3s ease}.nav-item.active .nav-link{background:rgba(45,90,61,.1);color:#2d5a3d}.nav-item.active .nav-link .nav-icon{color:#2d5a3d}.nav-item.active .nav-link:before{background:#2d5a3d;border-radius:0 3px 3px 0;content:"";height:24px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.nav-link{align-items:center;border-radius:10px;color:#4b5563;display:flex;font-size:14px;font-weight:500;gap:12px;overflow:hidden;padding:12px 16px;position:relative;transition:all .2s ease;white-space:nowrap}.nav-link:hover{background:#f9fafb;color:#1f2937}.nav-icon{color:#9ca3af;flex-shrink:0;font-size:18px;height:20px;justify-content:center;transition:color .2s ease;width:20px}.nav-icon,.nav-text{align-items:center;display:flex}.nav-text{line-height:20px;overflow:hidden;transition:opacity .2s,visibility .2s,width .3s}.nav-badge{background:#2d5a3d;border-radius:10px;color:#fff;font-size:10px;font-weight:600;margin-left:auto;padding:2px 8px}.sidebar-user{align-items:center;background:#f9fafb;border-top:1px solid #f3f4f6;cursor:pointer;display:flex;gap:12px;overflow:hidden;padding:16px 20px;text-decoration:none;transition:all .3s ease}.sidebar-user:hover{background:#f3f4f6}.sidebar-user:hover .user-arrow{color:#2d5a3d;transform:translateX(2px)}.user-avatar{align-items:center;background:#2d5a3d;border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:40px;justify-content:center;transition:margin .3s ease;width:40px}.user-info{flex:1;min-width:0;overflow:hidden;transition:opacity .2s,visibility .2s,width .3s}.user-info .user-name{color:#1f2937;display:block;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info .user-role{color:#9ca3af;display:block;font-size:10px}.user-logout{align-items:center;border-radius:8px;color:#9ca3af;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.user-logout:hover{background:rgba(239,68,68,.1);color:#ef4444}.user-logout svg{height:18px;width:18px}.user-arrow{align-items:center;color:#d1d5db;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-left:auto;transition:all .2s ease;width:20px}.user-arrow svg{height:16px;width:16px}.sidebar-overlay{backdrop-filter:blur(4px);background:rgba(0,0,0,.5);bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:99}@media screen and (max-width:1024px){.sidebar-overlay.active{display:block}}.sidebar-toggle{background:#f9fafb;border:none;border-radius:10px;color:#4b5563;cursor:pointer;display:none;flex-shrink:0;font-size:18px;height:40px;transition:all .2s ease;width:40px}.sidebar-toggle:hover{background:#f3f4f6;color:#1f2937}.sidebar-toggle i,.sidebar-toggle svg{height:20px;width:20px}.sidebar-toggle .close-icon.hidden,.sidebar-toggle .menu-icon.hidden{display:none}@media screen and (max-width:1024px){.sidebar-toggle{align-items:center;display:flex;justify-content:center}}@media screen and (max-width:380px){.sidebar-toggle{font-size:16px;height:36px;width:36px}.sidebar-toggle i,.sidebar-toggle svg{height:18px;width:18px}}.sidebar.collapsed .nav-link{position:relative}.sidebar.collapsed .nav-link:hover:after{background:#1f2937;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);color:#fff;content:attr(data-tooltip);font-size:12px;left:calc(100% + 10px);padding:8px 12px;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:1000}.app-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:16px;padding:20px 32px}@media screen and (max-width:768px){.app-header{padding:16px 20px}}@media screen and (max-width:480px){.app-header{gap:12px;padding:12px 16px}}@media screen and (max-width:320px){.app-header{gap:8px;padding:8px 12px}}.header-search{flex:1;max-width:500px;position:relative}.header-search .search-icon{color:#9ca3af;height:18px;left:12px;position:absolute;top:50%;transform:translateY(-50%);width:18px}@media screen and (max-width:380px){.header-search .search-icon{height:16px;left:8px;width:16px}}.header-search .search-input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;font-size:13px;padding:8px 12px 8px 40px;transition:all .2s ease;width:100%}.header-search .search-input:focus{background:#fff;border-color:#2d5a3d;outline:none}.header-search .search-input::placeholder{color:#9ca3af}@media screen and (max-width:380px){.header-search .search-input{font-size:12px;padding:8px 8px 8px 32px}}.header-btn{align-items:center;background:#f9fafb;border:none;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;position:relative;transition:all .2s ease;width:40px}.header-btn:hover{background:#f3f4f6;color:#374151}.header-btn i,.header-btn svg{height:20px;width:20px}@media screen and (max-width:380px){.header-btn{font-size:16px;height:36px;width:36px}.header-btn i,.header-btn svg{height:18px;width:18px}}.notification-badge{align-items:center;background:#2d5a3d;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:600;height:18px;justify-content:center;position:absolute;right:-4px;top:-4px;width:18px}.login-container{display:flex;min-height:100vh;min-height:100dvh;position:relative;width:100%}.illustration-side{background:linear-gradient(135deg,#2d5a3d,#1e3d29);flex:1.2;overflow:hidden;position:relative;z-index:1}.illustration-side img{height:100%;left:0;object-fit:cover;object-position:center;opacity:.9;position:absolute;top:0;width:100%}.illustration-side:before{background:linear-gradient(135deg,rgba(45,90,61,.3),rgba(30,61,41,.5));bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.form-side{background:#fff;display:flex;flex:1;flex-direction:column;justify-content:center;max-width:600px;padding:60px 80px;z-index:2}.login-header{margin-bottom:35px}.login-header h1{color:#1f2937;font-size:28px;font-weight:700;margin-bottom:8px}.login-header p{color:#9ca3af;font-size:13px;margin-bottom:0}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{margin-bottom:20px}.form-group label{color:#374151;display:block;font-size:12px;font-weight:500;margin-bottom:8px}.form-group input[type=email],.form-group input[type=number],.form-group input[type=password],.form-group input[type=tel],.form-group input[type=text],.form-group select,.form-group textarea{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#1f2937;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.form-group input[type=email]:focus,.form-group input[type=number]:focus,.form-group input[type=password]:focus,.form-group input[type=tel]:focus,.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2d5a3d;box-shadow:0 0 0 3px rgba(45,90,61,.1);outline:none}.form-group input[type=email]::placeholder,.form-group input[type=number]::placeholder,.form-group input[type=password]::placeholder,.form-group input[type=tel]::placeholder,.form-group input[type=text]::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:#9ca3af}.btn-login{background:#2d5a3d;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s ease;width:100%}.btn-login:hover{background:#1e3d29;box-shadow:0 4px 12px rgba(45,90,61,.3);transform:translateY(-1px)}.btn-login:active{transform:translateY(0)}.alert-error{background:#fee2e2;border:1px solid rgba(239,68,68,.2);border-radius:10px;color:#eb1515;font-size:12px;font-weight:500;gap:12px;margin-bottom:20px;padding:16px 20px}.alert-error,.form-options{align-items:center;display:flex}.form-options{font-size:13px;justify-content:space-between;margin-bottom:24px}.remember-me{align-items:center;color:#6b7280;cursor:pointer;display:flex;gap:8px}.remember-me input[type=checkbox]{accent-color:#2d5a3d;border-radius:4px;height:16px;width:16px}.forgot-password{color:#2d5a3d;font-weight:500;transition:color .3s ease}.forgot-password:hover{color:#1e3d29;text-decoration:underline}@media screen and (max-width:1024px){.illustration-side{display:none!important}.form-side{align-items:center;flex:none;max-width:none;min-height:100vh;min-height:100dvh;padding:40px;width:100%}.login-header,form{max-width:400px;width:100%}}@media screen and (max-width:768px){.form-side{padding:32px 24px}.login-header h1{font-size:24px}.login-header p{font-size:12px}}@media screen and (max-width:480px){.form-side{padding:24px 20px}.login-header{margin-bottom:28px}.login-header h1{font-size:22px}.form-group{margin-bottom:16px}.form-group label{font-size:12px}.form-group input{font-size:14px;padding:12px}.form-options{font-size:12px}.btn-login{font-size:14px;padding:12px}}@media screen and (max-width:380px){.form-side{padding:20px 16px}.login-header h1{font-size:20px}.login-header p{font-size:11px}.form-group input{border-radius:8px;font-size:13px;padding:10px}.form-options{align-items:flex-start;flex-direction:column;font-size:11px;gap:8px}.btn-login{border-radius:8px;font-size:13px;padding:11px}}@media screen and (max-width:320px){.form-side{padding:16px 12px}.login-header{margin-bottom:20px}.login-header h1{font-size:18px}.login-header p{font-size:10px}.form-group{margin-bottom:12px}.form-group label{font-size:11px;margin-bottom:4px}.form-group input{font-size:12px;padding:9px 8px}.form-options{font-size:10px;gap:6px;margin-bottom:16px}.remember-me{gap:6px}.remember-me input[type=checkbox]{height:14px;width:14px}.btn-login{font-size:12px;padding:10px}}.dashboard-page__header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}@media screen and (max-width:480px){.dashboard-page__header{align-items:flex-start;flex-direction:column}}.dashboard-page__title{color:#1f2937;font-size:24px;font-weight:700;margin:0}@media screen and (max-width:380px){.dashboard-page__title{font-size:20px}}.dashboard-page__subtitle{color:#9ca3af;font-size:13px;margin:4px 0 0}.dashboard-page__actions{display:flex;gap:8px}@media screen and (max-width:480px){.dashboard-page__actions{width:100%}}@media screen and (max-width:380px){.dashboard-page__actions{flex-direction:column}}.stats-row{display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}@media screen and (max-width:768px){.stats-row{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:380px){.stats-row{gap:12px}}.stats-row--five{display:flex;flex-wrap:wrap}.stats-row--five .stat-box{flex:1 1 calc(33.333% - 16px);min-width:0}@media screen and (max-width:768px){.stats-row--five .stat-box{flex:1 1 calc(50% - 16px)}}.stat-box{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;transition:all .2s ease}@media screen and (max-width:768px){.stat-box{padding:16px 12px}}@media screen and (max-width:380px){.stat-box{padding:12px 8px}}.stat-box:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}.stat-box--success .stat-box__value{color:#10b981}.stat-box--success .stat-box__icon{background:#d1fae5;color:#10b981}.stat-box--danger .stat-box__value{color:#ef4444}.stat-box--danger .stat-box__icon{background:#fee2e2;color:#ef4444}.stat-box--warning .stat-box__value{color:#f59e0b}.stat-box--warning .stat-box__icon{background:#fef3c7;color:#f59e0b}.stat-box--accent{background:#2d5a3d;border-color:#2d5a3d}.stat-box--accent .stat-box__footer,.stat-box--accent .stat-box__label,.stat-box--accent .stat-box__value{color:#fff}.stat-box--accent .stat-box__icon{background:hsla(0,0%,100%,.2);color:#fff}.stat-box--accent .stat-box__footer i{color:hsla(0,0%,100%,.7)}.stat-box--clickable{cursor:pointer;display:block;text-decoration:none}.stat-box--clickable:hover{border-color:#2d5a3d;box-shadow:0 6px 16px rgba(0,0,0,.1);transform:translateY(-2px)}.stat-box__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}@media screen and (max-width:768px){.stat-box__header{margin-bottom:8px}}.stat-box__label{color:#4b5563;font-size:12px;font-weight:500}@media screen and (max-width:380px){.stat-box__label{font-size:10px}}.stat-box__icon{align-items:center;background:#f3f4f6;border-radius:50%;color:#6b7280;display:flex;font-size:12px;height:28px;justify-content:center;width:28px}@media screen and (max-width:768px){.stat-box__icon{font-size:10px;height:24px;width:24px}}.stat-box__value{color:#1f2937;font-size:24px;font-weight:700;line-height:1;margin-bottom:12px}@media screen and (max-width:768px){.stat-box__value{font-size:18px;margin-bottom:8px}}@media screen and (max-width:380px){.stat-box__value{font-size:16px}}.stat-box__footer{align-items:center;color:#6b7280;display:flex;font-size:10px;gap:4px}@media screen and (max-width:380px){.stat-box__footer{font-size:9px}}.stat-box__footer i{color:#2d5a3d;font-size:10px}.dashboard-masonry{column-count:2;column-gap:20px}@media screen and (max-width:768px){.dashboard-masonry{column-count:1;display:flex;flex-direction:column}}.masonry-item{break-inside:avoid;margin-bottom:20px}@media screen and (max-width:768px){.masonry-item--server-mobile{order:98}.masonry-item--security-mobile{order:99}}.info-box{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:16px;overflow:hidden}.info-box--dark{background:#2d5a3d;border-color:#2d5a3d}.info-box--highlight{background:linear-gradient(180deg,rgba(16,185,129,.05),#fff);border-color:#10b981;border-width:2px}.info-box__header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:8px;justify-content:space-between;padding:16px 20px}@media screen and (max-width:480px){.info-box__header{flex-wrap:wrap;padding:12px 16px}}.info-box__header h3{color:#1f2937;font-size:14px;font-weight:600;margin:0}@media screen and (max-width:380px){.info-box__header h3{font-size:12px}}.info-box__header--dark{border-bottom-color:hsla(0,0%,100%,.1)}.info-box__header--dark h3{color:#fff}.info-box__body{padding:20px}@media screen and (max-width:480px){.info-box__body{padding:16px}}@media screen and (max-width:380px){.info-box__body{padding:12px}}.info-box__body--no-padding{padding:0}.link-action{color:#2d5a3d;font-size:12px;font-weight:500;transition:color .2s ease}.link-action:hover{color:#3d7a52}.btn-icon{background:#f3f4f6;border:none;height:28px;width:28px}.btn-icon:hover{background:#2d5a3d;color:#fff}.btn-icon i{font-size:12px}.activity-list{display:flex;flex-direction:column}.activity-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;padding:12px 0;transition:all .2s ease}.activity-item:last-child{border-bottom:none;padding-bottom:0}.activity-item:first-child{padding-top:0}.activity-item:hover .activity-item__title{color:#2d5a3d}.activity-item__avatar{align-items:center;background:#2d5a3d;border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:40px;justify-content:center;width:40px}.activity-item__content{flex:1;min-width:0}.activity-item__title{color:#1f2937;display:block;font-size:14px;font-weight:500;transition:color .2s ease}.activity-item__desc{color:#9ca3af;display:block;font-size:10px;margin-top:2px}.activity-item__time{color:#9ca3af;flex-shrink:0;font-size:10px}.quick-actions-grid{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}@media screen and (max-width:380px){.quick-actions-grid{grid-template-columns:1fr}}.quick-action-card{align-items:center;background:hsla(0,0%,100%,.1);border-radius:10px;display:flex;flex-direction:column;padding:20px 16px;text-align:center;transition:all .2s ease}.quick-action-card:hover{background:hsla(0,0%,100%,.2);transform:translateY(-2px)}.quick-action-card__icon{align-items:center;background:hsla(0,0%,100%,.15);border-radius:10px;color:#fff;display:flex;font-size:20px;height:48px;justify-content:center;margin-bottom:12px;width:48px}.quick-action-card__title{color:#fff;display:block;font-size:12px;font-weight:600;margin-bottom:2px}.quick-action-card__desc{color:hsla(0,0%,100%,.6);display:block;font-size:10px}.quick-actions-row{display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}@media screen and (max-width:480px){.quick-actions-row{grid-template-columns:repeat(2,1fr)}}.quick-action-compact{align-items:center;background:hsla(0,0%,100%,.1);border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:12px 8px;text-align:center;transition:all .2s ease}.quick-action-compact:hover{background:hsla(0,0%,100%,.2);transform:translateY(-1px)}.quick-action-compact i{color:#fff;font-size:16px}.quick-action-compact span{color:hsla(0,0%,100%,.85);font-size:10px;font-weight:500;line-height:1.2}.empty-message{align-items:center;color:#9ca3af;display:flex;flex-direction:column;font-size:12px;gap:8px;justify-content:center;padding:24px}.empty-message i{font-size:24px;opacity:.5}.btn-action{align-items:center;border:1px solid transparent;border-radius:10px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}@media screen and (max-width:380px){.btn-action{justify-content:center;width:100%}}.btn-action--primary{background:#2d5a3d;color:#fff}.btn-action--primary:hover{background:#3d7a52}.btn-action--outline{background:#fff;border-color:#e5e7eb;color:#4b5563}.btn-action--outline:hover{border-color:#2d5a3d;color:#2d5a3d}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:10px;font-weight:600;padding:4px 12px}.badge--primary{background:rgba(45,90,61,.1);color:#2d5a3d}.badge--success{background:#d1fae5;color:#10b981}.badge--warning{background:#fef3c7;color:#f59e0b}.badge--danger{background:#fee2e2}.badge--green{background:rgba(45,90,61,.1);color:#2d5a3d}.badge--gray{background:#f3f4f6;color:#4b5563}.badge--purple{background:#ede9fe;color:#8b5cf6}.badge--yellow{background:#fef9c3;color:#a16207}.badge--orange{background:#fef3c7;color:#c2410c}.calc-urssaf__tabs{background:#f3f4f6;border-radius:8px;display:flex;margin-bottom:16px;padding:3px}.calc-urssaf__tab{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;flex:1;font-size:12px;font-weight:500;padding:8px 12px;transition:all .2s ease}.calc-urssaf__tab:hover{color:#374151}.calc-urssaf__tab--active{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1);color:#2d5a3d}.calc-urssaf__panel--hidden{display:none}.calc-urssaf__input-group{margin-bottom:16px}.calc-urssaf__input-group label{color:#4b5563;display:block;font-size:12px;font-weight:500;margin-bottom:4px}.calc-urssaf__input-wrap{align-items:center;display:flex;position:relative}.calc-urssaf__input-wrap input{-moz-appearance:textfield;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#1f2937;font-size:16px;font-weight:600;padding:12px 36px 12px 16px;transition:all .2s ease;width:100%}.calc-urssaf__input-wrap input::-webkit-inner-spin-button,.calc-urssaf__input-wrap input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.calc-urssaf__input-wrap input::placeholder{color:#d1d5db}.calc-urssaf__input-wrap input:focus{background:#fff;border-color:#2d5a3d;box-shadow:0 0 0 3px rgba(45,90,61,.1);outline:none}.calc-urssaf__currency{color:#9ca3af;font-size:14px;font-weight:600;pointer-events:none;position:absolute;right:12px}.calc-urssaf__results{display:flex;flex-direction:column;gap:8px}.calc-urssaf__result{align-items:center;background:#f9fafb;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.calc-urssaf__result--main{background:rgba(45,90,61,.06)}.calc-urssaf__result-label{color:#4b5563;font-size:12px}.calc-urssaf__result-value{color:#2d5a3d;font-size:16px;font-weight:700}.calc-urssaf__result-value--muted{color:#6b7280;font-size:14px;font-weight:600}.monitor-dashboard-stats{display:flex;gap:12px}@media screen and (max-width:380px){.monitor-dashboard-stats{flex-direction:column}}.monitor-stat{align-items:center;background:#f9fafb;border-radius:10px;display:flex;flex:1;gap:12px;padding:12px 16px}.monitor-stat--success{background:rgba(16,185,129,.1)}.monitor-stat--success .monitor-stat__icon{color:#10b981}.monitor-stat--danger{background:rgba(239,68,68,.1)}.monitor-stat--danger .monitor-stat__icon{color:#ef4444}.monitor-stat--gray{background:#f3f4f6}.monitor-stat--gray .monitor-stat__icon{color:#6b7280}.monitor-stat__icon{font-size:20px}.monitor-stat__content{display:flex;flex-direction:column}.monitor-stat__value{color:#1f2937;font-size:18px;font-weight:700;line-height:1}.monitor-stat__label{color:#6b7280;font-size:10px;margin-top:2px}.security-loading,.security-unavailable{align-items:center;color:#9ca3af;display:flex;font-size:13px;gap:8px;padding:8px 0}.security-loading i,.security-unavailable i{opacity:.6}.security-score{margin-bottom:16px}.security-score__bar{background:#f3f4f6;border-radius:5px;height:10px;margin-bottom:6px;overflow:hidden;width:100%}.security-score__fill{border-radius:5px;height:100%;transition:width .6s ease,background .4s ease}.security-score__label{font-size:12px;font-weight:600}.security-issues{margin-bottom:16px}.security-issue{align-items:center;color:#ef4444;display:flex;font-size:12px;gap:6px;padding:4px 0}.security-issue i{flex-shrink:0;font-size:10px}.security-issue--defense{color:#10b981}.security-section{border-top:1px solid #f3f4f6;margin-bottom:12px;padding-top:8px}.security-section__title{color:#9ca3af;display:block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.security-services{display:flex;flex-wrap:wrap;gap:8px}.security-svc{align-items:center;background:#f9fafb;border-radius:6px;display:flex;font-size:12px;font-weight:500;gap:4px;padding:4px 10px}.security-svc--ok,.security-svc--ok i{color:#10b981}.security-svc--down{background:rgba(239,68,68,.08);color:#ef4444}.security-svc--down i{color:#ef4444}.security-svc--na{color:#9ca3af}.security-svc--na i{color:#d1d5db}.security-stats-row{display:flex;flex-wrap:wrap;gap:16px}.security-stat{align-items:center;display:flex;flex-direction:column;min-width:60px}.security-stat__value{color:#1f2937;font-size:18px;font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.security-stat__label{color:#9ca3af;font-size:10px;margin-top:2px;text-align:center}.security-ips{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.security-ip{background:rgba(239,68,68,.08);border-radius:4px;color:#ef4444;font-family:monospace;font-size:11px;font-weight:500;padding:2px 8px}.security-ip--more{background:#f3f4f6;color:#6b7280}.security-stale{border-top:1px solid #f3f4f6;color:#f59e0b;font-size:11px;padding-top:8px}.security-stale i{margin-right:4px}.security-login-list{display:flex;flex-direction:column;gap:4px}.security-login{align-items:center;display:flex;font-size:11px;gap:8px;padding:3px 0}.security-login__user{color:#374151;font-weight:600;min-width:60px}.security-login__ip{color:#6b7280;font-family:monospace;font-size:11px}.security-login__date{color:#9ca3af;font-size:10px;margin-left:auto;white-space:nowrap}.server-gauges{display:flex;flex-direction:column;gap:16px;padding:8px 0}.server-gauge__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.server-gauge__label{color:#4b5563;font-size:12px;font-weight:600}.server-gauge__label i{margin-right:4px;text-align:center;width:14px}.server-gauge__value{color:#1f2937;font-size:13px;font-variant-numeric:tabular-nums;font-weight:700}.server-gauge__bar{background:#f3f4f6;border-radius:4px;height:8px;overflow:hidden;width:100%}.server-gauge__fill{background:#10b981;border-radius:4px;height:100%;min-width:0;transition:width .6s ease,background .4s ease}.server-gauge__detail{color:#9ca3af;font-size:11px;font-variant-numeric:tabular-nums;margin-top:4px}.server-pulse{background:#d1d5db;border-radius:50%;display:inline-block;flex-shrink:0;height:8px;width:8px}.server-pulse--ok{animation:server-pulse-anim 2s infinite;background:#10b981;box-shadow:0 0 0 0 rgba(16,185,129,.4)}.server-pulse--error{animation:server-pulse-anim 1s infinite;background:#ef4444;box-shadow:0 0 0 0 rgba(239,68,68,.4)}@keyframes server-pulse-anim{0%{box-shadow:0 0 0 0 rgba(16,185,129,.4)}70%{box-shadow:0 0 0 6px rgba(16,185,129,0)}to{box-shadow:0 0 0 0 rgba(16,185,129,0)}}.rappel-list{display:flex;flex-direction:column}.rappel-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;padding:12px 0;transition:background .2s ease}.rappel-item:last-child{border-bottom:none;padding-bottom:0}.rappel-item:first-child{padding-top:0}.rappel-item__checkbox{align-items:center;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;position:relative}.rappel-item__checkbox input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.rappel-item__checkmark{align-items:center;border:2px solid #d1d5db;border-radius:4px;display:flex;height:20px;justify-content:center;transition:all .2s ease;width:20px}.rappel-item__checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:9px;margin-top:-1px;opacity:0;transform:rotate(45deg);transition:opacity .2s ease;width:5px}.rappel-item__checkbox input:checked+.rappel-item__checkmark{background:#2d5a3d;border-color:#2d5a3d}.rappel-item__checkbox input:checked+.rappel-item__checkmark:after{opacity:1}.rappel-item__checkbox:hover .rappel-item__checkmark{border-color:#2d5a3d}.rappel-item__content{cursor:pointer;display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.rappel-item__content:hover .rappel-item__title{color:#2d5a3d}.rappel-item__title{color:#1f2937;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.rappel-item__date{color:#9ca3af;font-size:10px}.rappel-item__date i{font-size:10px;margin-right:2px}.rappel-item--overdue .rappel-item__checkmark{border-color:#ef4444}.rappel-item--overdue .rappel-item__date{color:#ef4444}.rappel-item--today .rappel-item__checkmark{border-color:#f59e0b}.rappel-item--today .rappel-item__date{color:#f59e0b}.rappel-item--done{opacity:.5}.rappel-item--done .rappel-item__title{color:#9ca3af;text-decoration:line-through}.rappel-item--done .rappel-item__date{color:#d1d5db}.profile-page{width:100%}.profile-page__header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}@media screen and (max-width:480px){.profile-page__header{align-items:flex-start;flex-direction:column}}.profile-page__user{align-items:center;display:flex;gap:16px}.profile-page__avatar{align-items:center;background:#2d5a3d;border-radius:16px;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:64px;justify-content:center;width:64px}.profile-page__title{color:#1f2937;font-size:20px;font-weight:700;margin:0}@media screen and (max-width:380px){.profile-page__title{font-size:18px}}.profile-page__subtitle{color:#9ca3af;font-size:13px;margin:4px 0 0}.profile-grid{align-items:start;display:grid;gap:20px;grid-template-columns:1fr 1fr}@media screen and (max-width:768px){.profile-grid{grid-template-columns:1fr}}.profile-grid__main,.profile-grid__side{display:flex;flex-direction:column;gap:20px}.security-row{align-items:center;background:#f9fafb;border-radius:10px;display:flex;justify-content:space-between;padding:16px}@media screen and (max-width:480px){.security-row{flex-direction:column;gap:12px;text-align:center}}.security-row__info h4{color:#1f2937;font-size:14px;font-weight:600;margin:0 0 4px}.security-row__info p{color:#6b7280;font-size:12px;margin:0}.logout-row{align-items:center;display:flex;justify-content:space-between}@media screen and (max-width:480px){.logout-row{flex-direction:column;gap:16px;text-align:center}}.logout-row__info{align-items:center;display:flex;gap:16px}.logout-row__info>i{align-items:center;color:hsla(0,0%,100%,.7);display:flex;font-size:24px;justify-content:center;min-width:24px;width:24px}.logout-row__info h4{color:#fff;font-size:14px;font-weight:600;margin:0 0 4px}.logout-row__info p{color:hsla(0,0%,100%,.7);font-size:12px;margin:0}@media screen and (max-width:480px){.logout-row__info{flex-direction:column;gap:8px}.logout-row__info>i{font-size:28px}}.form-row{margin-bottom:16px}.form-row .form-group{margin-bottom:0}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-label{color:#374151;font-size:12px;font-weight:500}.form-input,.form-select,.form-textarea{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#1f2937;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#2d5a3d;box-shadow:0 0 0 3px rgba(45,90,61,.1);outline:none}.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder{color:#9ca3af}.form-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:32px}.form-textarea{min-height:120px;resize:vertical}.form-hint{color:#9ca3af;font-size:10px}.form-actions-inline{border-top:1px solid #f3f4f6;display:flex;gap:12px;justify-content:flex-end;margin-top:12px;padding-top:16px}@media screen and (max-width:380px){.form-actions-inline{flex-direction:column-reverse}.form-actions-inline .btn-action{justify-content:center;width:100%}}.form-message{border-radius:8px;font-size:12px;font-weight:500;margin-top:16px;padding:12px 16px}.form-message--success{background:#d1fae5;border:1px solid rgba(16,185,129,.2);color:#0c8a60}.form-message--error{background:#fee2e2;border:1px solid rgba(239,68,68,.2);color:#eb1515}.password-wrapper{align-items:center;display:flex;position:relative}.password-wrapper .form-input,.password-wrapper .form-select,.password-wrapper .form-textarea{padding-right:48px;width:100%}.password-toggle{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:12px;transition:color .2s ease}.password-toggle:hover{color:#4b5563}.password-toggle i{font-size:16px}.modal-overlay{align-items:center;backdrop-filter:blur(4px);background:rgba(0,0,0,.5);bottom:0;display:none;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-overlay.show{display:flex}.modal{animation:modalSlideIn .2s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.2);max-width:450px;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;padding:20px 24px}.modal-header,.modal-title{align-items:center;display:flex}.modal-title{color:#1f2937;font-size:16px;font-weight:600;gap:8px;margin:0}.modal-title i{color:#2d5a3d}.modal-close{align-items:center;background:none;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modal-close:hover{background:#f3f4f6;color:#4b5563}.modal-close i{font-size:18px}.modal-body{max-height:60vh;overflow-y:auto;padding:24px}.modal-footer{background:#f9fafb;border-radius:0 0 16px 16px;border-top:1px solid #f3f4f6;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.spinner{animation:spin .8s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.hidden{display:none!important}.clients-page__header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}@media screen and (max-width:480px){.clients-page__header{align-items:flex-start;flex-direction:column}}.clients-page__title{color:#1f2937;font-size:24px;font-weight:700;margin:0}@media screen and (max-width:380px){.clients-page__title{font-size:20px}}.clients-page__subtitle{color:#9ca3af;font-size:13px;margin:4px 0 0}.clients-page__actions{display:flex;gap:8px}@media screen and (max-width:480px){.clients-page__actions{width:100%}}.search-box{align-items:center;display:flex;position:relative}.search-box i{color:#9ca3af;font-size:14px;left:12px;position:absolute}.search-box input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;font-size:12px;padding:8px 12px 8px 32px;transition:all .2s ease;width:200px}.search-box input:focus{background:#fff;border-color:#2d5a3d;outline:none;width:250px}.search-box input::placeholder{color:#9ca3af}@media screen and (max-width:380px){.search-box input{width:150px}.search-box input:focus{width:180px}}.clients-table{display:flex}.clients-table__scroll{flex:1;min-width:0}@media screen and (max-width:768px){.clients-table__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.clients-table__scroll::-webkit-scrollbar{height:6px}.clients-table__scroll::-webkit-scrollbar-track{background:#f3f4f6}.clients-table__scroll::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}}.clients-table__content{display:flex;flex-direction:column}@media screen and (max-width:768px){.clients-table__content{min-width:max-content}}.clients-table__actions{background:#fff;border-left:1px solid #f3f4f6;display:flex;flex-direction:column;flex-shrink:0}@media screen and (max-width:768px){.clients-table__actions{box-shadow:-4px 0 8px rgba(0,0,0,.05);position:sticky;right:0}}.client-row{align-items:center;border-bottom:1px solid #f3f4f6;box-sizing:border-box;display:flex;gap:16px;height:76px;padding:16px 20px;transition:background .2s ease}.client-row:last-child{border-bottom:none}.client-row:hover{background:#f9fafb}.client-row__action{align-items:center;background:#fff;border-bottom:1px solid #f3f4f6;box-sizing:border-box;color:#4b5563;display:flex;font-size:12px;font-weight:500;gap:8px;height:76px;justify-content:center;padding:16px 20px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.client-row__action i{font-size:12px;transition:transform .2s ease}.client-row__action:last-child{border-bottom:none}.client-row__action:hover{background:#2d5a3d;color:#fff}.client-row__action:hover i{transform:translateX(2px)}@media screen and (max-width:768px){.client-row__action{padding:12px}.client-row__action span{display:none}}.client-row__avatar{align-items:center;background:#2d5a3d;border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:44px;justify-content:center;width:44px}.client-row__info{flex-shrink:0;min-width:180px;width:180px}@media screen and (max-width:768px){.client-row__info{min-width:150px;width:150px}}.client-row__name{color:#1f2937;font-size:14px;font-weight:600}.client-row__company,.client-row__name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-row__company{color:#9ca3af;font-size:10px;margin-top:2px}.client-row__contact{flex:none;max-width:150px;min-width:150px}.client-row__email{color:#4b5563;display:block;font-size:12px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.client-row__email:hover{color:#2d5a3d}.client-row__phone{color:#9ca3af;display:block;font-size:10px;margin-top:2px;text-decoration:none;transition:color .2s ease;white-space:nowrap}.client-row__phone:hover{color:#2d5a3d}.client-row__badge{flex-shrink:0}.client-row__offres{display:flex;flex-wrap:wrap;gap:4px;max-width:200px;min-width:150px}@media screen and (max-width:768px){.client-row__offres{max-width:150px;min-width:120px}}.client-row__offres .badge{font-size:10px;padding:2px 8px}.client-row__offres .badge i{font-size:10px;margin-right:4px}.client-row__no-offre{color:#9ca3af;font-size:10px;font-style:italic}.empty-state{padding:40px 24px;text-align:center}.empty-state__icon{align-items:center;background:rgba(45,90,61,.1);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.empty-state__icon i{color:#2d5a3d;font-size:32px}.empty-state__title{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 8px}.empty-state__desc{color:#9ca3af;font-size:13px;margin:0 0 20px}.client-page__header{align-items:center;display:flex;gap:16px;margin-bottom:24px}@media screen and (max-width:768px){.client-page__header{align-items:flex-start;flex-direction:column}}.client-page__header-left{align-items:center;display:flex;flex:1;gap:16px}.client-page__header-left,.client-page__header-left>div{min-width:0;overflow:hidden}.client-page__title{color:#1f2937;font-size:24px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:768px){.client-page__title{font-size:20px;white-space:normal;word-break:break-word}}.client-page__subtitle{color:#9ca3af;font-size:13px;margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:768px){.client-page__subtitle{white-space:normal;word-break:break-word}}.client-page__subtitle a{overflow:hidden;text-overflow:ellipsis}.client-page__actions{display:flex;flex-shrink:0;gap:8px}.client-page__actions form{display:flex}.back-link{background:#fff;border:1px solid #e5e7eb}@media screen and (max-width:480px){.back-link{height:36px;width:36px}}.back-link:hover{border-color:#2d5a3d;color:#2d5a3d}.content-grid{grid-template-columns:1.5fr 1fr}.content-grid__main,.content-grid__side{gap:16px;min-width:0}.info-row{align-items:center}@media screen and (max-width:380px){.info-row{gap:8px}}.info-row__icon{font-size:14px}@media screen and (max-width:380px){.info-row__icon{font-size:12px;height:32px;width:32px}}.info-row__value{word-break:break-word}@media screen and (max-width:380px){.info-row__value{font-size:12px}}.info-row__value--link{color:#2d5a3d;transition:color .2s ease}.info-row__value--link:hover{color:#3d7a52}.info-row__value--empty{color:#9ca3af;font-style:italic;font-weight:400}.address-block{font-style:normal;line-height:1.6}.address-block span{color:#374151;display:block}.notes-text{line-height:1.7}.company-block__name{margin-bottom:8px}.company-block__name,.company-block__siret{color:#1f2937;font-size:14px;font-weight:600}.company-block__siret-label{color:#6b7280;font-weight:400}.quick-actions-list{gap:8px}.quick-action-item i{opacity:.7}.client-form{display:block}.client-form,.client-form .form-grid,.client-form .form-group,.client-form .form-input,.client-form .form-row,.client-form .form-section,.client-form .form-select,.client-form .form-textarea,.form-page{max-width:100%!important;width:100%!important}.form-page{box-sizing:border-box}.form-page__header{align-items:center;display:flex;gap:16px;margin-bottom:24px}@media screen and (max-width:480px){.form-page__header{gap:12px;margin-bottom:20px}}.form-page__title{color:#1f2937;font-size:24px;font-weight:700;margin:0}@media screen and (max-width:768px){.form-page__title{font-size:20px}}@media screen and (max-width:380px){.form-page__title{font-size:18px}}.form-page__subtitle{color:#9ca3af;font-size:13px;margin:4px 0 0}@media screen and (max-width:380px){.form-page__subtitle{font-size:12px}}.form-grid{display:flex;flex-direction:column;gap:20px;width:100%}@media screen and (max-width:480px){.form-grid{gap:16px}}.form-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;padding:24px;width:100%}@media screen and (max-width:1024px){.form-section{padding:20px}}@media screen and (max-width:480px){.form-section{border-radius:10px;padding:16px}}@media screen and (max-width:380px){.form-section{padding:12px}}.form-section__title{align-items:center;color:#1f2937;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}@media screen and (max-width:480px){.form-section__title{font-size:14px}}.form-section__title i{align-items:center;background:rgba(45,90,61,.1);border-radius:8px;color:#2d5a3d;display:flex;font-size:14px;height:32px;justify-content:center;width:32px}@media screen and (max-width:480px){.form-section__title i{font-size:12px;height:28px;width:28px}}.form-section .form-group,.form-section .form-row{margin-bottom:0}.form-row{display:grid;gap:16px;grid-template-columns:repeat(2,1fr);width:100%}@media screen and (max-width:768px){.form-row{gap:12px}}@media screen and (max-width:480px){.form-row{grid-template-columns:1fr}}.form-row--3{grid-template-columns:repeat(3,1fr)}@media screen and (max-width:1024px){.form-row--3{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:480px){.form-row--3{grid-template-columns:1fr}}.form-row--4{grid-template-columns:repeat(4,1fr)}@media screen and (max-width:1024px){.form-row--4{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:480px){.form-row--4{grid-template-columns:1fr}}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:24px}@media screen and (max-width:480px){.form-actions{margin-top:16px;padding-top:20px}}@media screen and (max-width:380px){.form-actions{flex-direction:column-reverse}.form-actions .btn-action{justify-content:center;width:100%}}.alert{align-items:center;border-radius:10px;display:flex;gap:12px;margin-bottom:20px;padding:16px 20px}.alert i{flex-shrink:0;font-size:18px}.alert--success{background:#d1fae5;color:#0c8a60}.alert--error{background:#fee2e2;color:#eb1515}.alert--warning{background:#fef3c7;color:#c57f08}.modal--sm{max-width:400px}.offre-form,.souscription-form{display:block}.offre-form,.offre-form .form-grid,.offre-form .form-group,.offre-form .form-input,.offre-form .form-row,.offre-form .form-section,.offre-form .form-select,.offre-form .form-textarea,.souscription-form,.souscription-form .form-grid,.souscription-form .form-group,.souscription-form .form-input,.souscription-form .form-row,.souscription-form .form-section,.souscription-form .form-select,.souscription-form .form-textarea{max-width:100%!important;width:100%!important}.offre-form .input-group,.souscription-form .input-group{display:flex;max-width:100%!important;width:100%!important}.offres-page__header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}@media screen and (max-width:480px){.offres-page__header{align-items:flex-start;flex-direction:column}}.offres-page__title{color:#1f2937;font-size:24px;font-weight:700;margin:0}@media screen and (max-width:380px){.offres-page__title{font-size:20px}}.offres-page__subtitle{color:#9ca3af;font-size:13px;margin:4px 0 0}.offres-page__actions{display:flex;gap:8px}@media screen and (max-width:480px){.offres-page__actions{width:100%}}.offres-table{display:flex}.offres-table__scroll{flex:1;min-width:0}@media screen and (max-width:768px){.offres-table__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.offres-table__scroll::-webkit-scrollbar{height:6px}.offres-table__scroll::-webkit-scrollbar-track{background:#f3f4f6}.offres-table__scroll::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}}.offres-table__content{display:flex;flex-direction:column}@media screen and (max-width:768px){.offres-table__content{min-width:max-content}}.offres-table__actions{background:#fff;border-left:1px solid #f3f4f6;display:flex;flex-direction:column;flex-shrink:0}@media screen and (max-width:768px){.offres-table__actions{box-shadow:-4px 0 8px rgba(0,0,0,.05);position:sticky;right:0}}.offre-row{align-items:center;border-bottom:1px solid #f3f4f6;box-sizing:border-box;display:flex;gap:16px;height:88px;padding:16px 20px;transition:background .2s ease}.offre-row:last-child{border-bottom:none}.offre-row:hover{background:#f9fafb}.offre-row--inactive{opacity:.6}.offre-row__icon{align-items:center;background:#2d5a3d;border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:16px;height:44px;justify-content:center;width:44px}.offre-row__info{flex-shrink:0;min-width:200px;width:200px}@media screen and (max-width:768px){.offre-row__info{min-width:160px;width:160px}}.offre-row__name{color:#1f2937;font-size:14px;font-weight:600}.offre-row__desc,.offre-row__name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.offre-row__desc{color:#9ca3af;font-size:10px;margin-top:2px}.offre-row__price{flex-shrink:0;min-width:120px}@media screen and (max-width:768px){.offre-row__price{min-width:100px}}.offre-row__price-ht{color:#1f2937;display:block;font-size:14px;font-weight:600}.offre-row__price-ttc{color:#9ca3af;display:block;font-size:10px;margin-top:2px}.offre-row__clients-count{align-items:center;display:flex;flex-direction:column;gap:4px;min-width:100px}@media screen and (max-width:768px){.offre-row__clients-count{min-width:80px}}.offre-row__badge{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:4px}.offre-row__action{align-items:center;background:#fff;border-bottom:1px solid #f3f4f6;color:#4b5563;display:flex;font-size:12px;font-weight:500;gap:8px;height:88px;justify-content:center;padding:16px 20px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.offre-row__action i{font-size:12px;transition:transform .2s ease}.offre-row__action:last-child{border-bottom:none}.offre-row__action:hover{background:#2d5a3d;color:#fff}.offre-row__action:hover i{transform:translateX(2px)}@media screen and (max-width:768px){.offre-row__action{padding:12px}.offre-row__action span{display:none}}.clients-counter{align-items:center;background:#f3f4f6;border-radius:10px;color:#6b7280;display:flex;gap:8px;justify-content:center;min-width:60px;padding:8px 12px}.clients-counter i{font-size:12px}.clients-counter__number{font-size:16px;font-weight:700}.clients-counter__label{color:#9ca3af;font-size:10px;text-align:center}.clients-counter--active{background:rgba(45,90,61,.1);color:#2d5a3d}.offre-page__header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}@media screen and (max-width:480px){.offre-page__header{align-items:flex-start;flex-direction:column}}.offre-page__header-left{align-items:center;display:flex;gap:16px}.offre-page__title{color:#1f2937;font-size:24px;font-weight:700;margin:0}@media screen and (max-width:380px){.offre-page__title{font-size:20px}}.offre-page__subtitle{align-items:center;color:#9ca3af;display:flex;font-size:13px;gap:8px;margin:4px 0 0}.offre-page__actions{display:flex;gap:8px}@media screen and (max-width:480px){.offre-page__actions{flex-wrap:wrap;width:100%}}.souscription-list{display:flex;flex-direction:column}.souscription-list--fixed{height:643px;overflow-y:auto}@media screen and (max-width:768px){.souscription-list--fixed{height:400px}}@media screen and (max-width:380px){.souscription-list--fixed{height:auto}}.souscription-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;padding:12px 16px;transition:background .2s ease}.souscription-item:last-child{border-bottom:none}.souscription-item:hover{background:#f9fafb}.souscription-item--inactive{opacity:.6}@media screen and (max-width:480px){.souscription-item{flex-wrap:wrap;padding:12px}}.souscription-item__avatar{align-items:center;background:#2d5a3d;border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:10px;font-weight:700;height:40px;justify-content:center;width:40px}@media screen and (max-width:380px){.souscription-item__avatar{height:36px;width:36px}}.souscription-item__info{flex:1;min-width:0}.souscription-item__name{color:#1f2937;display:block;font-size:12px;font-weight:600;overflow:hidden;text-decoration:none;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.souscription-item__name:hover{color:#2d5a3d}.souscription-item__meta{color:#9ca3af;display:flex;font-size:10px;gap:12px;margin-top:2px}.souscription-item__meta i{margin-right:4px}@media screen and (max-width:480px){.souscription-item__meta{flex-direction:column;gap:2px}}.souscription-item__status{flex-shrink:0}@media screen and (max-width:480px){.souscription-item__status{margin-left:auto;order:3}}.souscription-item__actions{display:flex;flex-shrink:0;gap:4px}@media screen and (max-width:480px){.souscription-item__actions{order:4}}.pricing-summary{background:#f9fafb;border-radius:10px;padding:16px}.pricing-summary__row{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.pricing-summary__row:not(:last-child){border-bottom:1px solid #e5e7eb}.pricing-summary__row--total{border-top:2px solid #d1d5db;color:#1f2937;font-size:16px;font-weight:600;margin-top:8px;padding-top:12px}.pricing-summary__row--annual{color:#2d5a3d;font-weight:500}.pricing-summary__label{color:#4b5563}.pricing-summary__value{color:#1f2937}.btn-icon{align-items:center;background:transparent;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.btn-icon:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}.btn-icon--danger:hover{background:#fee2e2;border-color:#ef4444;color:#ef4444}.form-group--checkbox{align-items:flex-start;display:flex;gap:8px}.form-group--checkbox .form-checkbox{margin-top:2px}.form-group--checkbox label{cursor:pointer}.form-group--checkbox .form-hint{display:block;margin-left:0;margin-top:4px}.form-input--readonly{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;cursor:not-allowed;font-size:14px;padding:8px 12px}.offre-row--draggable{cursor:grab}.offre-row--draggable:active{cursor:grabbing}.offre-row--dragging{background:#f3f4f6;opacity:.5}.offre-row--drag-over{border-top:2px solid #2d5a3d;margin-top:-1px}.offre-row__drag-handle{align-items:center;color:#9ca3af;cursor:grab;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:color .2s ease;width:24px}.offre-row__drag-handle:hover{color:#4b5563}.offre-row__drag-handle:active{cursor:grabbing}.offre-row__action--dragging{opacity:.5}.config-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.facture-ligne{background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.06);border-radius:8px;margin-bottom:.75rem;padding:1rem}.facture-ligne__fields{display:flex;flex-direction:column;gap:.75rem}.facture-ligne__row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem}.facture-ligne__row .form-group{margin-bottom:0}@media screen and (max-width:768px){.facture-ligne__row{gap:.75rem}}.facture-ligne__prestation{flex:2;min-width:0}@media screen and (max-width:768px){.facture-ligne__prestation{flex:1 1 100%}}.facture-ligne__prix{flex:1;min-width:0}@media screen and (max-width:768px){.facture-ligne__prix{flex:1 1 0}}.facture-ligne__quantite{flex:0 0 90px}@media screen and (max-width:768px){.facture-ligne__quantite{flex:0 0 80px}}.facture-ligne__delete{align-items:flex-end;display:flex;flex:0 0 40px;padding-top:1.75rem}.facture-ligne__delete .btn-remove-ligne{background:none;border:none;color:#ef4444;cursor:pointer;font-size:1.1rem}.facture-ligne__description{margin-top:0}.facture-ligne:hover{border-color:rgba(0,0,0,.12)}.btn-remove-ligne{opacity:.6;transition:opacity .2s}.btn-remove-ligne:hover{opacity:1}#manual-client-fields{display:flex;flex-direction:column;gap:.75rem}#manual-client-fields .form-group,#manual-client-fields .form-row{margin-bottom:0}.parametrage-sections{display:flex;flex-direction:column;gap:1.5rem}.parametrage-config-list{display:flex;flex-direction:column;gap:0}.parametrage-config-item{align-items:center;border-radius:8px;display:flex;padding:0;transition:background .15s}.parametrage-config-item:hover{background:rgba(0,0,0,.03)}.parametrage-config-item+.parametrage-config-item{border-top:1px solid rgba(0,0,0,.06)}.parametrage-config-item__link{align-items:center;color:inherit;display:flex;flex:1;gap:1rem;min-width:0;padding:1rem;text-decoration:none}.parametrage-config-item__logo{align-items:center;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.parametrage-config-item__logo img{max-height:48px;max-width:48px;object-fit:contain}.parametrage-config-item__initials{align-items:center;border-radius:10px;color:#fff;display:flex;font-size:.85rem;font-weight:700;height:48px;justify-content:center;letter-spacing:1px;width:48px}.parametrage-config-item__info{display:flex;flex:1;flex-direction:column;gap:.2rem;min-width:0}.parametrage-config-item__name{color:#1f2937;font-size:.95rem;font-weight:600}.parametrage-config-item__meta{color:#6b7280;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.parametrage-config-item__arrow{color:#9ca3af;flex-shrink:0;font-size:.8rem}.parametrage-config-item__delete{flex-shrink:0;padding:0 1rem}.parametrage-config-item__delete button{background:none;border:none;border-radius:6px;color:#d1d5db;cursor:pointer;font-size:.9rem;padding:.5rem;transition:color .15s,background .15s}.parametrage-config-item__delete button:hover{background:rgba(239,68,68,.08);color:#ef4444}.btn-action--sm{font-size:.8rem;padding:.4rem .8rem}.stat-box--actions{align-items:flex-start;display:flex;gap:1.5rem}@media screen and (max-width:380px){.stat-box--actions{flex-direction:column}}.stat-box-actions__left{display:flex;flex-direction:column;flex-shrink:0;gap:.5rem}.stat-box-actions__right{display:flex;flex-direction:column;gap:.4rem;margin-left:auto}.stat-box-actions__right form{display:flex}@media screen and (max-width:380px){.stat-box-actions__right{margin-left:0;width:100%}}.stat-action-btn{align-items:center;border:1.5px solid transparent;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:.5rem;padding:.5rem 1.1rem;transition:all .2s ease;white-space:nowrap;width:100%}.stat-action-btn:hover{box-shadow:0 3px 8px rgba(0,0,0,.1);transform:translateY(-1px)}.stat-action-btn:active{transform:translateY(0)}.stat-action-btn--blue{background:#3b82f6;border-color:#3b82f6;color:#fff}.stat-action-btn--blue:hover{background:#2563eb;border-color:#2563eb}.stat-action-btn--green{background:#10b981;border-color:#10b981;color:#fff}.stat-action-btn--green:hover{background:#059669;border-color:#059669}.stat-action-btn--red{background:transparent;border-color:#fca5a5;color:#ef4444}.stat-action-btn--red:hover{background:rgba(239,68,68,.08);border-color:#ef4444}.facture-list-scroll{max-height:380px;overflow-y:auto}.facture-list-scroll::-webkit-scrollbar{width:8px}.facture-list-scroll::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.facture-list-scroll::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:4px}.facture-list-scroll::-webkit-scrollbar-thumb:hover{background:#64748b}.facture-list-scroll{scrollbar-color:#94a3b8 #f1f5f9;scrollbar-width:thin}#facture-scroll-actions{scrollbar-width:none;-ms-overflow-style:none}#facture-scroll-actions::-webkit-scrollbar{display:none}.facture-list-box{margin-bottom:1.5rem}.facture-list-box__icon{margin-right:.5rem}.facture-list-box__icon--gray{color:#6b7280}.facture-list-box__icon--blue{color:#3b82f6}.facture-list-box__icon--green{color:#10b981}.facture-list-box__icon--red{color:#ef4444}.facture-search-box{margin-bottom:1.5rem}.stat-box--gray .stat-box__icon,.stat-box--gray .stat-box__value{color:#6b7280}.stat-box--blue .stat-box__icon,.stat-box--blue .stat-box__value{color:#3b82f6}.stat-box--green .stat-box__icon,.stat-box--green .stat-box__value{color:#10b981}.stat-box--red .stat-box__icon,.stat-box--red .stat-box__value{color:#ef4444}.client-row__avatar--brouillon{background:hsla(220,9%,46%,.1);color:#6b7280}.client-row__avatar--envoyee{background:rgba(59,130,246,.1);color:#3b82f6}.client-row__avatar--payee{background:rgba(16,185,129,.1);color:#10b981}.client-row__avatar--annulee{background:rgba(239,68,68,.1);color:#ef4444}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.badge--blue{background-color:rgba(59,130,246,.1);color:#3b82f6}.badge--danger{background-color:rgba(239,68,68,.1);color:#ef4444}.file-upload-custom{align-items:center;display:flex;gap:.75rem}.file-upload-custom__input{display:none!important}.file-upload-custom__btn{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;font-size:1.25rem;height:56px;justify-content:center;overflow:hidden;transition:border-color .2s,color .2s,background .2s;width:56px}.file-upload-custom__btn:hover{background:rgba(139,92,246,.04);border-color:#8b5cf6;color:#8b5cf6}.file-upload-custom__preview{border-radius:10px;height:100%;object-fit:contain;width:100%}.file-upload-custom__name{color:#6b7280;cursor:pointer;font-size:.85rem;transition:color .15s}.file-upload-custom__name:hover{color:#8b5cf6}.color-picker-custom{align-items:center;display:flex;gap:.6rem}.color-picker-custom__swatch{border:2px solid rgba(0,0,0,.1);border-radius:10px;cursor:pointer;flex-shrink:0;height:40px;padding:0;transition:border-color .2s,box-shadow .2s;width:40px}.color-picker-custom__swatch:hover{border-color:rgba(0,0,0,.25);box-shadow:0 0 0 3px rgba(0,0,0,.06)}.color-picker-custom__input{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.form-label--required:after{color:#ef4444;content:" *";font-weight:600}.icon-selector{align-items:center;display:flex;gap:12px}.icon-selector__preview{align-items:center;background:#2d5a3d;border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:16px;height:44px;justify-content:center;width:44px}.icon-selector .form-select{flex:1}.abonnement-form{display:block}.abonnement-form,.abonnement-form .form-grid,.abonnement-form .form-group,.abonnement-form .form-input,.abonnement-form .form-row,.abonnement-form .form-section,.abonnement-form .form-select,.abonnement-form .form-textarea,.abonnement-form .input-group{max-width:100%!important;width:100%!important}.abonnement-form .input-group{display:flex}.abonnements-page__header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}@media screen and (max-width:480px){.abonnements-page__header{align-items:flex-start;flex-direction:column}}.abonnements-page__title{color:#1f2937;font-size:24px;font-weight:700;margin:0}@media screen and (max-width:380px){.abonnements-page__title{font-size:20px}}.abonnements-page__subtitle{color:#9ca3af;font-size:13px;margin:4px 0 0}.abonnements-page__actions{display:flex;gap:8px}@media screen and (max-width:480px){.abonnements-page__actions{width:100%}}.tabs-nav{display:flex;flex-wrap:wrap;gap:4px}.tab-btn{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.tab-btn:hover{background:#e5e7eb;color:#374151}.tab-btn--active{background:#2d5a3d;color:#fff}.tab-btn--active:hover{background:#3d7a52}.tab-btn--active .badge{background:hsla(0,0%,100%,.25);color:#fff}.tab-btn i{font-size:14px}.tab-btn .badge{margin-left:4px}@media screen and (max-width:380px){.tab-btn{flex:1;font-size:10px;justify-content:center;padding:8px 12px}}.tab-content{display:none}.tab-content--active{display:block}.abonnements-table{display:flex}.abonnements-table__scroll{flex:1;min-width:0}@media screen and (max-width:480px){.abonnements-table__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.abonnements-table__scroll::-webkit-scrollbar{height:6px}.abonnements-table__scroll::-webkit-scrollbar-track{background:#f3f4f6}.abonnements-table__scroll::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}}.abonnements-table__content{display:flex;flex-direction:column}@media screen and (max-width:480px){.abonnements-table__content{min-width:max-content}}.abonnements-table__actions{background:#fff;border-left:1px solid #f3f4f6;display:flex;flex-direction:column;flex-shrink:0}@media screen and (max-width:480px){.abonnements-table__actions{box-shadow:-4px 0 8px rgba(0,0,0,.05);position:sticky;right:0}}.abonnement-list{display:flex;flex-direction:column}.abonnement-row{align-items:center;border-bottom:1px solid #f3f4f6;box-sizing:border-box;display:flex;gap:16px;height:76px;padding:16px 20px;transition:background .2s ease}.abonnement-row:last-child{border-bottom:none}.abonnement-row:hover{background:#f9fafb}.abonnement-row--inactive{opacity:.5}@media screen and (max-width:480px){.abonnement-row{gap:12px;padding:12px 16px}}.abonnement-row__icon{align-items:center;background:#2d5a3d;border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:16px;height:44px;justify-content:center;width:44px}.abonnement-row__info{flex-shrink:0;min-width:200px;width:200px}@media screen and (max-width:480px){.abonnement-row__info{min-width:120px;width:120px}}@media screen and (max-width:380px){.abonnement-row__info{min-width:100px;width:100px}}.abonnement-row__name{color:#1f2937;display:block;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:380px){.abonnement-row__name{font-size:12px}}.abonnement-row__vendor{color:#9ca3af;display:block;font-size:10px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.abonnement-row__amount{flex-shrink:0;min-width:130px;text-align:right;white-space:nowrap;width:130px}.abonnement-row__amount-value{color:#1f2937;font-size:14px;font-weight:600}.abonnement-row__amount-period{color:#9ca3af;font-size:10px}.abonnement-row__monthly{align-items:baseline;background:rgba(45,90,61,.08);border-radius:8px;display:flex;flex-shrink:0;gap:2px;justify-content:center;padding:8px 12px;white-space:nowrap}.abonnement-row__monthly-value{color:#2d5a3d;font-size:12px;font-weight:700}@media screen and (max-width:380px){.abonnement-row__monthly-value{font-size:10px}}.abonnement-row__monthly-label{color:#2d5a3d;font-size:10px;opacity:.7}.abonnement-row__date{white-space:nowrap}.abonnement-row__date,.abonnement-row__status{flex-shrink:0;min-width:80px;text-align:center}.abonnement-row__status{width:80px}.abonnement-row__action{align-items:center;background:#fff;border-bottom:1px solid #f3f4f6;box-sizing:border-box;color:#4b5563;display:flex;font-size:12px;font-weight:500;gap:8px;height:76px;justify-content:center;padding:16px 20px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.abonnement-row__action i{font-size:12px;transition:transform .2s ease}.abonnement-row__action:last-child{border-bottom:none}.abonnement-row__action:hover{background:#2d5a3d;color:#fff}.abonnement-row__action:hover i{transform:translateX(2px)}@media screen and (max-width:480px){.abonnement-row__action{padding:12px}.abonnement-row__action span{display:none}}.abonnement-page__header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}@media screen and (max-width:480px){.abonnement-page__header{align-items:flex-start;flex-direction:column}}.abonnement-page__header-left{align-items:center;display:flex;gap:16px}.abonnement-page__title{color:#1f2937;font-size:24px;font-weight:700;margin:0}@media screen and (max-width:380px){.abonnement-page__title{font-size:20px}}.abonnement-page__subtitle{align-items:center;color:#9ca3af;display:flex;font-size:13px;gap:8px;margin:4px 0 0}.abonnement-page__actions{display:flex;gap:8px}@media screen and (max-width:480px){.abonnement-page__actions{flex-wrap:wrap;width:100%}}.content-grid{display:grid;gap:20px;grid-template-columns:1fr 380px}@media screen and (max-width:768px){.content-grid{grid-template-columns:1fr}}.content-grid__main,.content-grid__side{display:flex;flex-direction:column;gap:20px}.info-row{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;padding:12px 0}.info-row:last-child{border-bottom:none;padding-bottom:0}.info-row:first-child{padding-top:0}.info-row__icon{align-items:center;background:#f3f4f6;border-radius:8px;color:#6b7280;display:flex;flex-shrink:0;font-size:12px;height:36px;justify-content:center;width:36px}.info-row__content{flex:1;min-width:0}.info-row__label{color:#9ca3af;display:block;font-size:10px;font-weight:500;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.info-row__value{color:#1f2937;display:block;font-size:14px;font-weight:500}.quick-actions-list{display:flex;flex-direction:column;gap:4px}.quick-action-item{align-items:center;background:hsla(0,0%,100%,.1);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.quick-action-item:hover{background:hsla(0,0%,100%,.2)}.quick-action-item i{font-size:14px;text-align:center;width:20px}.back-link{align-items:center;background:#f3f4f6;border-radius:10px;color:#6b7280;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.back-link:hover{background:#2d5a3d;color:#fff}.back-link i,.notes-text{font-size:14px}.notes-text{color:#4b5563;line-height:1.6;margin:0}.text-muted{color:#9ca3af;font-size:12px}.charges-summary__total{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.charges-summary__label{color:#6b7280;font-size:12px}.charges-summary__value{color:#2d5a3d;font-size:18px;font-weight:700}.charges-summary__breakdown{display:flex;flex-direction:column;gap:8px}.charges-summary__item{align-items:center;display:flex;justify-content:space-between}.charges-summary__item-label{color:#4b5563;font-size:12px}.charges-summary__item-value{color:#1f2937;font-size:12px;font-weight:600}