.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column-reverse;gap:.5rem;max-width:min(24rem,calc(100vw - 3rem));pointer-events:none}.toast-container>*{pointer-events:auto}.toast{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius, 6px);font-size:.875rem;line-height:1.4;box-shadow:0 4px 12px #00000026;animation:toast-enter .2s ease-out}@keyframes toast-enter{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.toast--success{background:#0f766e;color:#fff}.toast--success .toast-icon{color:#5eead4;flex-shrink:0}.toast--error{background:#b91c1c;color:#fff}.toast--error .toast-icon{color:#fca5a5;flex-shrink:0}.toast-message{flex:1;min-width:0}.toast-dismiss{display:flex;align-items:center;justify-content:center;padding:.25rem;background:transparent;border:none;color:inherit;cursor:pointer;opacity:.85;border-radius:4px;transition:opacity .15s}.toast-dismiss:hover{opacity:1}.toast-dismiss:focus-visible{outline:2px solid currentColor;outline-offset:2px}.login-page{min-height:100vh;background-color:var(--login-bg-dark);font-family:var(--font-main);display:flex;align-items:center;justify-content:center;padding:1rem}.login-theme-toggle{position:fixed;top:1rem;right:1rem;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;background:var(--login-card-bg);border:1px solid var(--login-card-border);border-radius:var(--radius-lg);color:var(--theme-text-muted);cursor:pointer;transition:color .2s,background .2s;z-index:10}.login-theme-toggle:hover{color:var(--login-primary);background:var(--theme-surface)}.login-container{width:100%;max-width:480px}.login-brand{display:flex;flex-direction:column;align-items:center;margin-bottom:2.5rem}.login-brand-icon{width:4rem;height:4rem;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.login-brand-icon .login-brand-logo{width:2.5rem;height:2.5rem;object-fit:contain}.login-brand-title{color:var(--theme-text);font-size:1.05rem;font-weight:700;letter-spacing:-.02em;line-height:1.3;max-width:22rem;margin-left:auto;margin-right:auto;text-align:center}.login-brand-subtitle{color:var(--login-text-muted);font-size:.875rem;margin-top:.25rem}.login-card{background-color:var(--login-card-bg);border:1px solid var(--login-card-border);border-radius:.75rem;padding:2rem;box-shadow:0 25px 50px -12px #00000080}.login-card-title{color:var(--theme-text);font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-field{display:flex;flex-direction:column;gap:.5rem}.login-label{color:var(--login-text-muted);font-size:.875rem;font-weight:500}.login-input{width:100%;height:3.5rem;padding:0 1rem;border-radius:.5rem;border:1px solid var(--login-border);background-color:var(--login-input-bg);color:#fff;font-size:1rem;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.login-input::placeholder{color:var(--login-text-muted)}.login-input:focus{border-color:var(--login-primary);box-shadow:0 0 0 2px var(--login-focus-glow)}.login-input-wrap{display:flex;align-items:stretch;border-radius:.5rem}.login-input-wrap .login-input{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.login-password-toggle{display:flex;align-items:center;justify-content:center;padding-right:1rem;background-color:var(--login-input-bg);border:1px solid var(--login-border);border-left:none;border-radius:0 .5rem .5rem 0;color:var(--login-text-muted);cursor:pointer;transition:color .2s}.login-password-toggle:hover{color:#fff}.login-forgot{display:flex;justify-content:flex-end}.login-forgot-link{color:var(--login-primary);font-size:.875rem;font-weight:500}.login-forgot-link:hover{text-decoration:underline}.login-submit{width:100%;height:3.5rem;background-color:var(--login-primary);color:#fff;font-size:1rem;font-weight:700;font-family:inherit;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .2s;box-shadow:0 10px 15px -3px #bf121d33}.login-submit:hover{background-color:#bf121de6}.login-submit:disabled{opacity:.7;cursor:not-allowed}.login-error{color:#ef4444;font-size:.875rem;margin-top:-.5rem}.login-card-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--login-border);text-align:center}.login-card-footer p{color:var(--login-text-muted);font-size:.875rem}.login-card-footer a{color:var(--login-primary);font-weight:500;margin-left:.25rem}.login-card-footer a:hover{text-decoration:underline}.login-page-footer{margin-top:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.login-page-footer-links{display:flex;gap:1.5rem}.login-page-footer-links a{color:var(--login-text-muted);font-size:.75rem}.login-page-footer-links a:hover{color:var(--login-text-muted);filter:brightness(1.2)}.login-page-footer-copy{color:#525252;font-size:.625rem;text-transform:uppercase;letter-spacing:.1em}.app-layout{display:flex;min-height:100vh;background:var(--dash-bg)}.main-area{flex:1;display:flex;flex-direction:column;min-height:100vh;min-width:0}.sidebar{width:16rem;min-width:16rem;border-right:1px solid var(--dash-border);background:var(--dash-surface);display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;height:100vh}.sidebar-inner{padding:1.5rem;display:flex;flex-direction:column;height:100%}.sidebar-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:2.5rem}.sidebar-logo-icon{width:2.5rem;height:2.5rem;background:var(--dash-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-logo-icon img{width:1.5rem;height:1.5rem;object-fit:contain}.sidebar-logo-text{display:flex;flex-direction:column}.sidebar-logo-title{font-size:.875rem;font-weight:700;color:var(--theme-text);letter-spacing:-.025em;line-height:1.2}.sidebar-logo-subtitle{font-size:10px;font-weight:600;color:var(--dash-text-muted);letter-spacing:.1em;text-transform:uppercase;margin-top:.25rem}.sidebar-nav{display:flex;flex-direction:column;gap:.375rem;flex:1}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;color:var(--dash-text-muted);text-decoration:none;transition:background .2s,color .2s}.sidebar-link:hover{background:#bf121d1a;color:var(--dash-primary)}.sidebar-link--active,.sidebar-link--active:hover{background:var(--dash-primary);color:#fff}.sidebar-link svg{width:1.25rem;height:1.25rem;flex-shrink:0}.sidebar-bottom{padding-top:1.5rem;border-top:1px solid var(--dash-border);display:flex;flex-direction:column;gap:.375rem}.sidebar-bottom .sidebar-link{color:var(--dash-text-muted)}.sidebar-sign-out{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;margin-top:.125rem;border:2px solid var(--dash-primary);border-radius:var(--radius-lg);background:#bf121d1f;color:var(--dash-primary);font-size:.875rem;font-weight:700;font-family:inherit;text-align:left;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}.sidebar-sign-out:hover{background:var(--dash-primary);color:#fff;box-shadow:0 2px 8px #bf121d59}.sidebar-sign-out svg{width:1.25rem;height:1.25rem;flex-shrink:0}.topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;border-bottom:1px solid var(--dash-border);background:linear-gradient(to right,#0f172aeb,#0f172aeb);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:0 2rem;min-height:4rem;position:sticky;top:0;z-index:10}[data-theme=light] .topbar{background:linear-gradient(to right,#f8fafcfa,#f8fafcfa)}.topbar-left{display:flex;align-items:center;gap:2rem}.topbar-brand{display:flex;align-items:center;gap:1rem;color:var(--dash-primary)}.topbar-logo{width:24px;height:24px;object-fit:contain}.topbar-app-name{font-size:.8125rem;font-weight:700;letter-spacing:-.02em;line-height:1.25;color:var(--dash-text);max-width:min(22rem,40vw)}@media(min-width:1100px){.topbar-app-name{font-size:.9375rem;max-width:28rem}}.topbar-actions{display:flex;flex:1;justify-content:flex-end;align-items:center;gap:1rem}.topbar-search-wrap{display:none;min-width:10rem;max-width:16rem;height:2.5rem}@media(min-width:640px){.topbar-search-wrap{display:flex}}.topbar-search-inner{display:flex;width:100%;height:100%;align-items:stretch;border-radius:var(--radius-lg);overflow:hidden}.topbar-search-icon{display:flex;align-items:center;justify-content:center;padding-left:1rem;background:var(--dash-border);color:var(--dash-text-muted)}.topbar-search-icon svg{width:1.25rem;height:1.25rem}.topbar-search{flex:1;min-width:0;border:none;background:var(--dash-border);color:var(--dash-text);padding:0 1rem;font-size:.875rem;font-family:var(--font-main)}.topbar-search::placeholder{color:var(--dash-text-muted)}.topbar-search:focus{outline:none}.topbar-right{display:flex;align-items:center;gap:.5rem}.topbar-icon-btn{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-lg);background:var(--dash-surface);color:var(--dash-text-muted);border:none;cursor:pointer;transition:background .2s,color .2s}.topbar-icon-btn:hover{background:var(--dash-border);color:var(--dash-text)}.topbar-notification-btn{position:relative}.topbar-notification-dot{position:absolute;top:.15rem;right:.15rem;width:.5rem;height:.5rem;border-radius:9999px;background:var(--dash-primary);box-shadow:0 0 0 2px var(--dash-surface)}.topbar-notification-badge{position:absolute;top:-.25rem;right:-.25rem;background:var(--dash-primary);color:#fff;font-size:.625rem;min-width:1rem;height:1rem;padding:0 .25rem;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.topbar-notification-popover{position:absolute;right:7.5rem;top:3.5rem;width:22rem;max-height:28rem;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--dash-border);background:var(--dash-surface);box-shadow:0 16px 50px #0f172a4d;z-index:50;display:flex;flex-direction:column}.topbar-notification-header,.topbar-notification-footer{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--dash-border)}.topbar-notification-footer{border-top:1px solid var(--dash-border);border-bottom:none}.topbar-notification-list{overflow-y:auto;max-height:20rem}.topbar-notification-empty{padding:1rem;color:var(--dash-text-muted);font-size:.875rem}.topbar-notification-item{width:100%;text-align:left;border:none;border-bottom:1px solid var(--dash-border);background:transparent;color:var(--dash-text);padding:.75rem 1rem;cursor:pointer}.topbar-notification-item:hover{background:var(--dash-border)}.topbar-notification-item--unread{background:#bf121d14}.topbar-notification-item-title{font-weight:600;font-size:.875rem}.topbar-notification-item-message{margin-top:.25rem;color:var(--dash-text-muted);font-size:.75rem}.topbar-link-btn{border:none;background:none;color:var(--dash-primary);cursor:pointer;font-weight:600;font-size:.75rem}.topbar-avatar{width:2.5rem;height:2.5rem;border-radius:9999px;border:1px solid var(--dash-border);background:var(--dash-surface);color:var(--dash-text);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.topbar-page-title{font-size:1.125rem;font-weight:700;letter-spacing:-.025em;color:var(--dash-text)}.topbar-date-range-wrap{position:relative}.topbar-date-range{display:flex;align-items:center;gap:.75rem;padding:.375rem .75rem;background:var(--dash-surface);border:1px solid var(--dash-border);border-radius:var(--radius-lg);font-size:.75rem;font-weight:600;color:var(--dash-text-muted);cursor:pointer;font-family:inherit}.topbar-date-range:hover{border-color:#bf121d59;color:var(--dash-text)}.topbar-date-range:focus-visible{outline:2px solid var(--dash-primary);outline-offset:2px}.topbar-date-range svg{width:1.125rem;height:1.125rem;color:var(--dash-text-muted);flex-shrink:0}.topbar-date-range svg:last-child{transition:transform .2s ease}.topbar-date-chevron--open{transform:rotate(180deg)}.topbar-date-popover{position:absolute;left:0;top:calc(100% + .5rem);min-width:17.5rem;max-width:min(22rem,92vw);border-radius:var(--radius-lg);border:1px solid var(--dash-border);background:var(--dash-surface);box-shadow:0 16px 50px #0f172a47;z-index:60;padding:0;overflow:hidden}.topbar-date-popover-header{padding:.75rem 1rem;font-size:.8125rem;font-weight:700;color:var(--dash-text);border-bottom:1px solid var(--dash-border)}.topbar-date-presets{display:flex;flex-direction:column;padding:.5rem;gap:.25rem;border-bottom:1px solid var(--dash-border)}.topbar-date-preset{width:100%;text-align:left;padding:.5rem .75rem;border:none;border-radius:var(--radius-md);background:transparent;color:var(--dash-text);font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .15s}.topbar-date-preset:hover{background:var(--dash-border)}.topbar-date-preset--active{background:#bf121d1a;color:var(--dash-primary);font-weight:700}.topbar-date-custom{padding:.75rem 1rem 1rem;display:flex;flex-direction:column;gap:.75rem}.topbar-date-custom-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--dash-text-muted)}.topbar-date-inputs{display:flex;flex-wrap:wrap;gap:.75rem}.topbar-date-field{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:7rem;font-size:.6875rem;font-weight:600;color:var(--dash-text-muted)}.topbar-date-field input[type=date]{padding:.35rem .5rem;border-radius:var(--radius-md);border:1px solid var(--dash-border);background:var(--dash-bg, var(--dash-surface));color:var(--dash-text);font-size:.8125rem;font-family:inherit}.topbar-date-field input[type=date]:focus{outline:none;border-color:var(--dash-primary)}.topbar-date-apply{padding:.5rem .75rem;border-radius:var(--radius-md);border:none;background:var(--dash-primary);color:#fff;font-size:.8125rem;font-weight:700;font-family:inherit;cursor:pointer;transition:filter .15s}.topbar-date-apply:hover{filter:brightness(1.06)}.topbar-user-block{display:flex;align-items:center;gap:.75rem;padding-left:1rem;border-left:1px solid var(--dash-border);background:transparent;border:none;cursor:pointer;padding-inline:0}.topbar-user-block:hover .topbar-avatar{background:var(--dash-primary);color:#fff}.topbar-user-info{display:flex;flex-direction:column;align-items:flex-end}.topbar-user-name{font-size:.875rem;font-weight:700;color:var(--dash-text)}.topbar-user-role{font-size:10px;font-weight:700;padding:.125rem .375rem;background:#bf121d33;color:var(--dash-primary);border:1px solid rgba(191,18,29,.3);border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.content{flex:1;overflow-y:auto;padding:1rem 1rem 1rem 0}@media(min-width:1024px){.content{padding:2rem 2.5rem 2rem 0}}.dashboard-page{flex:1;display:flex;flex-direction:column;min-width:0;padding:2rem 2rem 2rem 0;gap:2rem;max-width:100%;margin:0 auto;width:100%}.dashboard-kpi-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.dashboard-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.dashboard-kpi-grid{grid-template-columns:repeat(4,1fr)}}.dashboard-kpi-card{background:var(--dash-surface);border:1px solid var(--dash-border);border-radius:var(--radius-xl);padding:1.5rem;position:relative;overflow:hidden}.dashboard-kpi-card--accent{border-width:2px;border-color:#bf121d66;background:#bf121d08}.dashboard-kpi-card--accent .dashboard-kpi-value{color:var(--dash-primary)}.dashboard-kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#bf121d80}.dashboard-kpi-card:not(:first-child):before{display:none}.dashboard-kpi-card:first-child:before{display:block}.dashboard-kpi-card--clickable{appearance:none;-webkit-appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .15s}.dashboard-kpi-card--clickable:hover{border-color:#bf121d59;box-shadow:0 4px 14px #0f172a14}.dashboard-kpi-card--clickable:focus-visible{outline:2px solid var(--dash-primary);outline-offset:2px}.dashboard-kpi-card--clickable:active{transform:scale(.995)}.dashboard-kpi-label{font-size:.875rem;font-weight:500;color:var(--dash-text-muted);margin-bottom:.5rem}.dashboard-kpi-row{display:flex;align-items:flex-end;justify-content:space-between;gap:.5rem;margin-top:.5rem}.dashboard-kpi-value{font-size:1.875rem;font-weight:700;color:var(--dash-text)}.dashboard-kpi-trend{font-size:.875rem;font-weight:700;display:inline-flex;align-items:center;gap:.125rem}.dashboard-kpi-trend--up{color:#22c55e}.dashboard-kpi-trend--down{color:#f43f5e}.dashboard-main-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:1024px){.dashboard-main-grid{grid-template-columns:2fr 1fr}}.dashboard-card{background:var(--dash-surface);border:1px solid var(--dash-border);border-radius:var(--radius-xl);overflow:hidden}.dashboard-card--chart{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.dashboard-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.dashboard-card-title{font-size:1.125rem;font-weight:700;color:var(--dash-text)}.dashboard-card-subtitle{font-size:.875rem;color:var(--dash-text-muted);margin-top:.25rem}.dashboard-card-actions .dashboard-btn-ghost{padding:.375rem .75rem;font-size:.75rem;font-weight:700;border-radius:var(--radius-lg);border:1px solid var(--dash-border);background:transparent;color:var(--dash-text-muted);cursor:pointer;font-family:var(--font-main);transition:background .2s,color .2s}.dashboard-card-actions .dashboard-btn-ghost:hover{background:#ffffff0d;color:var(--dash-text)}.dashboard-chart-wrap{height:16rem;width:100%;position:relative;margin-top:.5rem}.dashboard-chart-labels{display:flex;justify-content:space-between;margin-top:1rem}.dashboard-chart-labels span{font-size:10px;font-weight:700;color:var(--dash-text-muted)}.dashboard-risk-card{padding:1.5rem}.dashboard-risk-card .dashboard-card-title,.dashboard-risk-item{margin-bottom:1.5rem}.dashboard-risk-item:last-of-type{margin-bottom:0}.dashboard-risk-row{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:700;margin-bottom:.25rem}.dashboard-risk-row span:first-child{color:var(--dash-text-muted)}.dashboard-risk-row span:last-child{color:var(--dash-text)}.dashboard-risk-bar{height:8px;width:100%;background:var(--dash-border);border-radius:9999px;overflow:hidden}.dashboard-risk-bar-fill{height:100%;border-radius:9999px}.dashboard-risk-bar-fill--low{background:#22c55e}.dashboard-risk-bar-fill--medium{background:#f59e0b}.dashboard-risk-bar-fill--high{background:var(--dash-primary)}.dashboard-risk-info{margin-top:1rem;padding:1rem;border-radius:var(--radius-lg);background:#bf121d0d;border:1px solid rgba(191,18,29,.2);display:flex;align-items:flex-start;gap:.75rem}.dashboard-risk-info svg{color:var(--dash-primary);flex-shrink:0;width:1.25rem;height:1.25rem}.dashboard-risk-info p{font-size:.75rem;font-weight:700;color:var(--dash-text);margin-bottom:.25rem}.dashboard-risk-info span{font-size:10px;color:var(--dash-text-muted)}.dashboard-risk-footer{margin-top:1rem}.dashboard-table-card{border-top:none;border-radius:var(--radius-xl)}.dashboard-table-header{padding:1.5rem;border-bottom:1px solid var(--dash-border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.dashboard-table-header .dashboard-card-title{margin:0}.dashboard-table-link{font-size:.75rem;font-weight:700;color:var(--dash-primary);background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.25rem;font-family:var(--font-main);padding:0}.dashboard-table-link:hover{text-decoration:underline}.dashboard-table-wrap{overflow-x:auto}.dashboard-table{width:100%;border-collapse:collapse;text-align:left}.dashboard-table thead{background:#ffffff05;border-bottom:1px solid var(--dash-border)}.dashboard-table th{padding:1rem 1.5rem;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--dash-text-muted)}.dashboard-table tbody tr{border-bottom:1px solid rgba(248,250,252,.06);transition:background .2s}.dashboard-table tbody tr:hover{background:#ffffff05}.dashboard-table td{padding:1rem 1.5rem;font-size:.875rem;vertical-align:middle}.dashboard-table-client{display:flex;align-items:center;gap:.75rem}.dashboard-table-avatar{width:2rem;height:2rem;border-radius:9999px;background:var(--dash-border);flex-shrink:0}.dashboard-table-name{font-weight:600;color:var(--dash-text)}.dashboard-table-amount{font-weight:700;color:var(--dash-text)}.dashboard-table-date{color:var(--dash-text-muted)}.dashboard-table-badge{display:inline-block;padding:.25rem .625rem;font-size:10px;font-weight:700;border-radius:9999px;text-transform:uppercase;letter-spacing:.025em}.dashboard-table-badge--paid{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.dashboard-table-badge--pending{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.dashboard-table-badge--overdue{background:#bf121d1a;color:var(--dash-primary);border:1px solid rgba(191,18,29,.2)}.dashboard-table-actions button{background:none;border:none;padding:.25rem;cursor:pointer;color:var(--dash-text-muted);transition:color .2s}.dashboard-table-actions button:hover{color:var(--dash-primary)}.users-page{max-width:1200px;margin:0 auto;padding:0;min-height:600px}.users-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}@media(min-width:768px){.users-header{flex-direction:row;align-items:flex-end;justify-content:space-between}}.users-header-text{display:flex;flex-direction:column;gap:.5rem}.users-title{font-size:1.875rem;font-weight:900;line-height:1.2;letter-spacing:-.025em;text-transform:uppercase;color:var(--theme-text)}.users-subtitle{font-size:1rem;font-weight:400;color:var(--app-text-muted)}.users-create-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:2.5rem;padding:0 1.5rem;border:2px solid var(--app-primary);background:transparent;color:var(--app-primary);font-size:.875rem;font-weight:700;font-family:var(--font-main);border-radius:var(--radius-lg);cursor:pointer;transition:background .2s,color .2s;flex-shrink:0}.users-create-btn:hover{background:var(--app-primary);color:#fff}.users-create-btn svg{width:1.25rem;height:1.25rem}.users-card{background:var(--app-card-dark);border:1px solid var(--app-border-dark);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column}.users-card-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;background:var(--app-bg-dark)}.users-card-header{padding:1.5rem;border-bottom:1px solid var(--app-border-dark);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;background:var(--theme-surface)}.users-card-title{font-size:1.125rem;font-weight:700;color:var(--theme-text)}.users-card-title .users-card-title-accent{color:var(--app-primary)}.users-card-subtitle{font-size:.875rem;color:var(--app-text-muted);margin-top:.25rem}.users-profile-role-row{margin-top:.5rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.users-profile-username{font-size:.875rem;color:var(--theme-text-muted)}.users-badge--role{background:#bf121d26;color:var(--app-primary);border-radius:999px;padding:.15rem .6rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.users-table-wrap{flex:1;overflow-x:auto;min-width:0}.users-table{width:100%;border-collapse:collapse;font-size:.875rem;min-width:600px;text-align:left}.users-table thead tr{background:var(--theme-surface)}.users-table th{padding:1rem 1.5rem;font-size:.875rem;font-weight:700;color:var(--theme-text);text-transform:uppercase;letter-spacing:.05em}.users-table th:not(:first-child){text-align:center}.users-table tbody tr{border-bottom:1px solid var(--app-border-dark);transition:background .2s}.users-table tbody tr:hover{background:var(--theme-surface)}.users-table td{padding:1.25rem 1.5rem;color:var(--theme-text)}.users-table td:not(:first-child){text-align:center}.users-table .users-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.users-badge--active{background:#22c55e33;color:#86efac}.users-badge--inactive{background:#ef444433;color:#fca5a5}.users-loading,.users-error{padding:2rem;text-align:center;color:var(--app-text-muted)}.users-error{color:#f87171}.users-empty{text-align:center;padding:2rem;color:var(--app-text-muted);font-size:.875rem}.users-table-row--clickable{cursor:pointer}.users-table-row--clickable:hover{background:#bf121d0f}.expenses-row--highlight{outline:2px solid var(--app-primary, #bf121d);outline-offset:-2px;transition:outline-color .2s}.users-th-actions{text-align:center;white-space:nowrap}.users-td-actions{text-align:center;white-space:nowrap;vertical-align:middle}.users-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.35rem .6rem;font-size:.75rem;font-weight:500;font-family:var(--font-main);border:none;border-radius:var(--radius);cursor:pointer;transition:background .2s,color .2s,opacity .2s}.users-action-btn:not(:last-child){margin-right:.5rem}.users-action-btn:disabled{opacity:.6;cursor:not-allowed}.users-action-btn--edit{background:#c1121f26;color:#fca5a5}.users-action-btn--edit:hover:not(:disabled){background:#c1121f4d;color:#fff}.users-action-btn--delete{background:#ef444426;color:#fca5a5}.users-action-btn--delete:hover:not(:disabled){background:#ef44444d;color:#fff}.users-info-bar{padding:1rem 1.5rem;background:#c1121f1a;border-top:1px solid rgba(193,18,31,.2);display:flex;align-items:center;gap:.75rem}.users-info-bar svg{width:1.25rem;height:1.25rem;flex-shrink:0;color:var(--app-primary)}.users-info-bar p{font-size:.75rem;font-weight:500;color:var(--app-primary)}.users-modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.users-modal{background:var(--app-card-dark);border:1px solid var(--app-border-dark);border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000080;width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.users-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--app-border-dark)}.users-modal-title{font-size:1.25rem;font-weight:700;color:#fff}.users-modal-close{background:none;border:none;padding:.25rem;cursor:pointer;color:var(--app-text-muted);font-size:1.5rem;line-height:1;transition:color .2s}.users-modal-close:hover{color:#fff}.users-modal-body{padding:1.5rem}.users-form{display:flex;flex-direction:column;gap:1rem}.users-form-actions{display:flex;justify-content:flex-end;margin-top:1.5rem}.users-form-actions .users-create-btn{height:2.25rem;padding:0 1.5rem}.users-profile-view{display:flex;flex-direction:column;gap:.75rem}.users-profile-row{display:flex;justify-content:space-between;gap:1rem;font-size:.875rem}.users-profile-label{color:var(--theme-text-muted)}.users-profile-value{color:var(--theme-text);font-weight:500}.users-password-wrap{display:flex;align-items:stretch}.users-form-input--password{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.users-password-toggle{display:flex;align-items:center;justify-content:center;padding:0 .75rem;border-radius:0 var(--radius-lg) var(--radius-lg) 0;border:1px solid var(--app-border-dark);border-left:none;background:var(--app-bg-dark);color:var(--app-text-muted);cursor:pointer;transition:color .2s,background .2s}.users-password-toggle:hover{color:var(--theme-text);background:var(--app-card-dark)}.users-form-field{display:flex;flex-direction:column;gap:.25rem}.users-form-label{font-size:.875rem;font-weight:500;color:#fff}.users-form-label .required{color:var(--app-primary)}.users-form-input,.users-form-select{padding:.5rem .75rem;border:1px solid var(--app-border-dark);border-radius:var(--radius-lg);background:var(--app-bg-dark);color:#fff;font-size:.875rem;font-family:var(--font-main)}.users-form-input::placeholder{color:var(--app-text-muted)}.users-form-input:focus,.users-form-select:focus{outline:none;border-color:var(--app-primary);box-shadow:0 0 0 2px #c1121f40}.users-form-select option{background:var(--app-card-dark);color:#fff}.users-form-error{font-size:.75rem;color:#f87171}.users-modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem;border-top:1px solid var(--app-border-dark)}.users-modal-footer button{padding:.5rem 1rem;font-size:.875rem;font-weight:500;font-family:var(--font-main);border-radius:var(--radius-lg);cursor:pointer;transition:opacity .2s,background .2s}.users-modal-cancel{background:transparent;color:var(--app-text-muted);border:none}.users-modal-cancel:hover{color:#fff}.users-modal-submit{background:var(--app-primary);color:#fff;border:none;font-weight:700;box-shadow:0 10px 15px -3px #c1121f33}.users-modal-submit:hover:not(:disabled){background:#a30f19}.users-modal-submit:disabled{opacity:.6;cursor:not-allowed}.client-modal-backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem}.client-modal{width:100%;max-width:960px;max-height:90vh;background:var(--theme-bg);border:1px solid var(--theme-border);border-radius:.75rem;box-shadow:0 25px 50px -12px #00000080;overflow:hidden;display:flex;flex-direction:column}.client-modal-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid var(--theme-border)}.client-modal-title{font-size:1.5rem;font-weight:700;line-height:1.2;color:var(--theme-text)}.client-modal-subtitle{font-size:.875rem;color:var(--theme-text-muted);margin-top:.25rem}.client-modal-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:none;border:none;color:var(--theme-text-muted);font-size:1.5rem;line-height:1;cursor:pointer;transition:color .2s}.client-modal-close:hover{color:var(--theme-text)}.client-modal-form{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.client-modal-form>form{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;margin:0}.client-modal-body{flex:1;min-height:0;overflow-y:auto;padding:2rem;-webkit-overflow-scrolling:touch}.client-modal-grid{display:grid;grid-template-columns:1fr;gap:2rem 3rem}@media(min-width:1024px){.client-modal-grid{grid-template-columns:1fr 1fr}}.client-modal-section{display:flex;flex-direction:column;gap:1.5rem}.client-modal-section-title{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--app-primary)}.client-modal-section-title svg{width:1rem;height:1rem;flex-shrink:0}.client-modal-fields{display:flex;flex-direction:column;gap:1rem}.client-modal-field{display:flex;flex-direction:column;gap:.5rem}.client-modal-label{font-size:.875rem;font-weight:500;color:var(--theme-text)}.client-modal-label .client-modal-required{color:var(--app-primary)}.client-modal-input,.client-modal-select{width:100%;height:3rem;padding:0 1rem;font-size:.875rem;font-family:var(--font-main);color:var(--theme-text);background:var(--theme-surface-elevated);border:1px solid var(--theme-border);border-radius:.5rem;transition:border-color .2s,box-shadow .2s}.client-modal-input::placeholder{color:#5c4a4b}.client-modal-input:focus,.client-modal-select:focus{outline:none;border-color:var(--app-primary);box-shadow:0 0 0 1px var(--app-primary)}.client-modal-input:disabled,.client-modal-select:disabled{opacity:.7;cursor:not-allowed}.client-modal-select option{background:var(--theme-bg);color:var(--theme-text)}.client-modal-error{font-size:.75rem;color:#f87171}.client-modal-divider{padding-top:1rem;border-top:1px solid var(--theme-border)}.client-modal-footer{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 2rem;background:var(--theme-surface);border-top:1px solid var(--theme-border)}.client-modal-footer-steps{display:flex;align-items:center;gap:.75rem}.client-modal-btn--secondary{padding:.625rem 1.5rem;font-size:.875rem;font-weight:700;font-family:var(--font-main);color:var(--theme-text);background:var(--theme-border);border:1px solid #5c4a4b;border-radius:.5rem;cursor:pointer;transition:background .2s,border-color .2s}.client-modal-btn--secondary:hover:not(:disabled){background:#5c4a4b;border-color:#7d6b6c}.client-modal-btn--secondary:disabled{opacity:.5;cursor:not-allowed}.client-modal-cancel{padding:.625rem 1.5rem;font-size:.875rem;font-weight:700;font-family:var(--font-main);color:var(--app-primary);background:transparent;border:1px solid rgba(191,18,29,.5);border-radius:.5rem;cursor:pointer;transition:background .2s}.client-modal-cancel:hover:not(:disabled){background:#bf121d1a}.client-modal-cancel:disabled{opacity:.6;cursor:not-allowed}.client-modal-submit{padding:.625rem 2rem;font-size:.875rem;font-weight:700;font-family:var(--font-main);color:#fff;background:var(--app-primary);border:none;border-radius:.5rem;box-shadow:0 10px 15px -3px #bf121d33;cursor:pointer;transition:background .2s}.client-modal-submit:hover:not(:disabled){background:#a30f19}.client-modal-submit:disabled{opacity:.6;cursor:not-allowed}.client-modal-submit-error{margin-top:.5rem;font-size:.75rem;color:#f87171}.client-modal-tabs{flex-shrink:0;display:flex;gap:.25rem;padding:0 2rem;border-bottom:1px solid var(--theme-border);background:var(--theme-surface)}.client-modal-tab{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;font-size:.875rem;font-weight:600;color:var(--theme-text-muted);background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:color .2s,border-color .2s}.client-modal-tab:hover{color:var(--theme-text)}.client-modal-tab.client-modal-tab--active{color:var(--app-primary);border-bottom-color:var(--app-primary)}.client-modal-tab svg{flex-shrink:0}.client-modal-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.client-modal-field--flex{grid-column:1 / -1}.client-modal-field--flex:only-child{grid-column:1;max-width:100%}.client-modal-relative-form{padding:1rem;background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:.5rem;margin-bottom:1rem}.client-modal-relative-actions{display:flex;gap:.5rem;margin-top:1rem}.client-modal-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;border-radius:.5rem;cursor:pointer;transition:background .2s}.client-modal-btn--primary{color:#fff;background:var(--app-primary);border:none}.client-modal-btn--primary:hover{background:#a30f19}.client-modal-btn--ghost{color:var(--theme-text-muted);background:transparent;border:1px solid var(--theme-border)}.client-modal-btn--ghost:hover{color:var(--theme-text);border-color:#5c4a4b}.client-modal-relative-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.client-modal-relative-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:.5rem;font-size:.875rem}.client-modal-relative-item span{color:var(--theme-text)}.client-modal-relative-item-actions{display:flex;gap:.5rem}.client-modal-icon-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:transparent;border:none;color:var(--theme-text-muted);cursor:pointer;border-radius:.375rem;transition:color .2s,background .2s}.client-modal-icon-btn:hover{color:var(--theme-text);background:#bf121d33}.client-modal-icon-btn--danger:hover{color:#f87171;background:#f8717126}:root{--color-primary: #b00020;--color-dark: #111;--color-light: #fff;--color-gray: #f5f5f5;--sidebar-width: 16rem;--radius: 6px;--radius-lg: .5rem;--radius-xl: .75rem;--font-main: "Inter", system-ui, sans-serif;--app-primary: #C1121F;--app-bg-dark: #0A0606;--app-bg-light: #f8f6f6;--app-card-dark: #160B0C;--app-border-dark: #392829;--app-text-muted: #b99d9e;--app-checkbox-checked: #C1121F;--dash-primary: #bf121d;--dash-bg: #0a0a0a;--dash-surface: #161616;--dash-border: #2a2a2a;--dash-text: #f8fafc;--dash-text-muted: #94a3b8;--login-primary: #bf121d;--login-bg-dark: #0f0f0f;--login-bg-light: #f8f6f6;--login-card-bg: #1a1a1a;--login-card-border: #2a2a2a;--login-input-bg: rgba(38, 38, 38, .5);--login-border: #404040;--login-text-muted: #a3a3a3;--login-focus-glow: rgba(191, 18, 29, .4);--theme-bg: #121212;--theme-surface: #1a1a1a;--theme-surface-elevated: #1e1e1e;--theme-border: #392829;--theme-text: #fff;--theme-text-muted: #b99d9e}[data-theme=light]{--color-gray: #f1f5f9;--color-dark: #0f172a;--app-bg-dark: #f8fafc;--app-card-dark: #ffffff;--app-border-dark: #e2e8f0;--app-text-muted: #64748b;--dash-bg: #f1f5f9;--dash-surface: #ffffff;--dash-border: #e2e8f0;--dash-text: #0f172a;--dash-text-muted: #64748b;--login-bg-dark: #f8fafc;--login-card-bg: #ffffff;--login-card-border: #e2e8f0;--login-input-bg: #f1f5f9;--login-border: #cbd5e1;--login-text-muted: #64748b;--theme-bg: #ffffff;--theme-surface: #f8fafc;--theme-surface-elevated: #ffffff;--theme-border: #e2e8f0;--theme-text: #0f172a;--theme-text-muted: #64748b}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background:var(--dash-bg);color:var(--dash-text)}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none}