@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,sans-serif}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button{font-family:inherit}:root{color:#182334;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7fa;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}.admin-app{min-height:100vh;display:flex}.sidebar{color:#aeb9ca;background:#101c2d;flex-direction:column;flex-shrink:0;width:258px;min-height:100vh;padding:25px 16px 16px;display:flex}.brand{align-items:center;gap:11px;padding:0 8px 27px;display:flex}.brand-mark{color:#e4c17b;border:1px solid #c9a45e;border-radius:12px;place-items:center;width:43px;height:43px;font:800 28px Manrope,sans-serif;display:grid}.brand-name{color:#fff;letter-spacing:2px;font:800 22px Manrope,sans-serif}.brand-subtitle{color:#9eacbf;letter-spacing:2px;margin-top:3px;font-size:9px}.mobile-close{color:#fff;background:0 0;border:0;margin-left:auto;display:none}.workspace{background:#1a293d;border:1px solid #344154;border-radius:10px;align-items:center;gap:10px;margin-bottom:30px;padding:12px;font-size:12px;display:flex}.workspace-icon{color:#d8b66f;background:#293b52;border-radius:8px;padding:9px}.workspace strong,.workspace span{display:block}.workspace strong{color:#f2f4f8;font-size:12px}.workspace span{color:#93a2b7;margin-top:4px;font-size:10px}.workspace>svg{margin-left:auto}.nav-group{margin-bottom:25px}.nav-heading{letter-spacing:1.5px;color:#77869a;padding:0 12px 10px;font-size:9px;font-weight:700}.nav-item{color:#aab6c7;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;margin:3px 0;padding:11px 12px;font-size:12px;transition:all .2s;display:flex}.nav-item:hover{color:#fff;background:#1d2d42}.nav-item.active{color:#f0d39a;background:#28374a;font-weight:700}.nav-count{color:#fff;background:#a34f43;border-radius:20px;margin-left:auto;padding:3px 7px;font-size:10px}.sidebar-bottom{margin-top:auto}.help-card{background:#19283b;border:1px solid #344154;border-radius:10px;padding:15px}.help-card svg{color:#d5b16d;margin-bottom:8px}.help-card strong,.help-card span{display:block}.help-card strong{color:#fff;font-size:11px}.help-card span{color:#94a3b7;margin-top:5px;font-size:10px}.sidebar-profile{border-top:1px solid #344154;align-items:center;gap:10px;margin-top:18px;padding:17px 4px 0;display:flex}.avatar{color:#354052;background:#d9c49c;border-radius:50%;flex-shrink:0;place-items:center;width:35px;height:35px;font-size:11px;font-weight:800;display:grid}.profile-info{flex:1}.profile-info strong,.profile-info span{display:block}.profile-info strong{color:#fff;font-size:11px}.profile-info span{margin-top:4px;font-size:10px}.main-area{flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid #e9edf2;justify-content:space-between;align-items:center;gap:20px;height:76px;padding:0 34px;display:flex}.breadcrumb{color:#8290a1;font-size:12px}.breadcrumb span{color:#c3cbd5;margin:0 10px}.breadcrumb strong{color:#27364b}.topbar-actions{align-items:center;gap:22px;display:flex}.global-search{color:#8b98a8;background:#f6f8fa;border:1px solid #edf0f4;border-radius:8px;align-items:center;gap:9px;padding:9px 11px;display:flex}.global-search input{color:#283548;background:0 0;border:0;outline:0;width:160px;font-size:11px}.global-search kbd{color:#8793a3;border:1px solid #dce2e9;border-radius:4px;padding:3px 5px;font-size:9px}.notification-btn{color:#647286;background:0 0;border:0;padding:5px;position:relative}.notification-btn i{background:#d19e52;border-radius:50%;width:6px;height:6px;position:absolute;top:3px;right:3px}.top-user{align-items:center;gap:9px;display:flex}.top-user-info strong,.top-user-info span{display:block}.top-user-info strong{font-size:11px}.top-user-info span{color:#8c98a8;margin-top:4px;font-size:10px}.top-user>svg{color:#8994a3}.menu-toggle{color:#344256;background:0 0;border:0;display:none}.page-content{max-width:1600px;margin:auto;padding:34px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.eyebrow{color:#b18a49;letter-spacing:2px;margin-bottom:9px;font-size:9px;font-weight:800}.page-heading h1{letter-spacing:-.7px;color:#192638;margin:0;font:800 25px Manrope,sans-serif}.page-heading p{color:#8995a4;margin:8px 0 0;font-size:12px}.heading-actions{align-items:center;gap:15px;display:flex}.date-label{color:#788597;align-items:center;gap:7px;font-size:11px;display:flex}.primary-btn{color:#fff;background:#182b43;border:0;border-radius:7px;align-items:center;gap:8px;padding:11px 16px;font-size:11px;font-weight:700;display:flex}.primary-btn:hover{background:#263e5c}.welcome-banner{color:#fff;background:linear-gradient(105deg,#15283e,#263e58);border-radius:13px;justify-content:space-between;align-items:center;min-height:195px;margin-bottom:23px;padding:28px 32px;display:flex;position:relative;overflow:hidden}.welcome-tag{color:#e2c487;letter-spacing:2px;font-size:9px;font-weight:700}.welcome-banner h2{margin:11px 0 8px;font:800 25px/1.35 Manrope,sans-serif}.welcome-banner p{color:#c1ccda;max-width:430px;margin:0;font-size:11px;line-height:1.7}.banner-decoration{text-align:center;color:#d8bb80;letter-spacing:2px;margin-right:45px;font-size:9px}.banner-circle{background:#ffffff0b;border:1px solid #9b855e;border-radius:50%;place-items:center;width:112px;height:112px;margin:0 auto 10px;display:grid}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:22px;display:grid}.stat-card,.panel{background:#fff;border:1px solid #e9edf2;border-radius:11px}.stat-card{padding:19px}.stat-top{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.stat-icon,.quick-icon{border-radius:9px;place-items:center;width:39px;height:39px;display:grid}.blue{color:#5282d1;background:#eaf1fd}.purple{color:#8971c6;background:#f1edfb}.green{color:#4d9b70;background:#e9f5ed}.orange{color:#d28b4d;background:#fff2e6}.stat-menu{color:#9ca7b4;background:0 0;border:0}.stat-title{color:#788596;font-size:11px}.stat-bottom{align-items:center;gap:11px;margin-top:7px;display:flex}.stat-bottom strong{color:#1c2a3c;font:800 25px Manrope,sans-serif}.change{align-items:center;gap:2px;font-size:10px;font-weight:700;display:inline-flex}.positive{color:#39946b}.negative{color:#c47752}.stat-caption{color:#a3adba;margin-top:7px;font-size:9px}.content-grid{grid-template-columns:1.55fr 1fr;gap:18px;display:grid}.panel{padding:22px}.panel-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.panel-heading h3{color:#1e2b3d;margin:0;font:800 14px Manrope,sans-serif}.panel-heading p{color:#96a1ae;margin:6px 0 0;font-size:10px}.period-select{color:#637185;background:#fafbfd;border:1px solid #e9edf2;border-radius:6px;padding:8px;font-size:10px}.chart-summary{align-items:center;gap:12px;margin-top:20px;display:flex}.chart-summary strong{font:800 23px Manrope,sans-serif;display:block}.chart-summary div span{color:#94a0af;font-size:10px}.chart{background:repeating-linear-gradient(#0000 0 38px,#f0f2f5 39px);border-bottom:1px solid #edf0f3;justify-content:space-around;align-items:flex-end;gap:10px;height:160px;padding:14px 0 0;display:flex}.chart-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:7px;height:100%;display:flex}.chart-bar{background:linear-gradient(#c4a36b,#233b57);border-radius:5px 5px 0 0;width:min(23px,70%);min-height:5px}.chart-column span{color:#9aa5b2;font-size:8px}.chart-legend{color:#8591a0;align-items:center;gap:7px;margin-top:15px;font-size:9px;display:flex}.chart-legend span{background:#b79a67;border-radius:50%;width:8px;height:8px}.quick-panel{flex-direction:column;display:flex}.quick-row{border-bottom:1px solid #f0f2f5;align-items:center;gap:11px;padding:16px 0;display:flex}.quick-icon{flex-shrink:0;width:34px;height:34px}.quick-icon svg{width:17px}.quick-row div:nth-child(2){flex:1}.quick-row strong,.quick-row span{display:block}.quick-row strong{color:#364458;font-size:10px}.quick-row span{color:#9ba5b2;margin-top:4px;font-size:9px}.quick-row b{font:700 14px Manrope,sans-serif}.text-link{color:#ad8749;background:0 0;border:0;align-items:center;gap:6px;margin-top:auto;padding:17px 0 0;font-size:10px;font-weight:700;display:flex}.table-panel{margin-top:8px}.outline-btn{color:#57677c;background:#fff;border:1px solid #e3e8ef;border-radius:6px;align-items:center;gap:7px;padding:9px 12px;font-size:10px;display:flex}.table-scroll{margin-top:23px;overflow-x:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th{color:#8995a5;letter-spacing:.7px;background:#f8fafc;padding:13px 12px;font-size:9px}td{color:#68778a;border-bottom:1px solid #eff1f4;padding:15px 12px;font-size:10px}td strong,td small{display:block}td strong{color:#28374b;font-size:10px}td small{color:#9aa5b2;margin-top:5px;font-size:9px}td svg{vertical-align:middle;margin-right:4px}.status{border-radius:20px;padding:5px 9px;font-size:9px;font-weight:700;display:inline-block}.status.active{color:#39845e;background:#e8f5ed}.status.pending{color:#b77d36;background:#fff4e4}.status.review{color:#6c76b3;background:#eeeffb}.row-action{color:#8391a2;background:0 0;border:0}.empty-state{text-align:center;color:#98a3b1;padding:35px;font-size:12px}.table-footer{color:#a0aab7;padding-top:15px;font-size:9px}.footer{color:#a0aab6;justify-content:space-between;gap:10px;margin-top:30px;padding:0 3px;font-size:9px;display:flex}.footer i{background:#55a579;border-radius:50%;width:6px;height:6px;margin-left:5px;display:inline-block}.mobile-overlay{display:none}@media (width<=1100px){.sidebar{width:225px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}.page-content{padding:25px}}@media (width<=760px){.sidebar{z-index:20;width:258px;transition:left .25s;position:fixed;top:0;bottom:0;left:-270px}.sidebar-open{left:0}.mobile-overlay{z-index:19;background:#0008;display:block;position:fixed;inset:0}.mobile-close,.menu-toggle{display:block}.topbar{height:65px;padding:0 15px}.topbar-left{align-items:center;gap:10px;display:flex}.topbar-actions{gap:10px}.global-search{padding:8px}.global-search input{width:95px}.global-search kbd,.top-user-info,.top-user>svg{display:none}.top-user .avatar{width:31px;height:31px}.page-content{padding:22px 15px}.page-heading{flex-direction:column;align-items:flex-start}.page-heading h1{font-size:21px}.heading-actions{justify-content:space-between;width:100%}.welcome-banner{padding:23px}.welcome-banner h2{font-size:21px}.banner-decoration{margin-right:0}.banner-circle{width:75px;height:75px}.banner-circle svg{width:40px}.banner-decoration span{font-size:7px}.stats-grid{gap:10px}.stat-card{padding:13px}.stat-bottom strong{font-size:21px}.stat-icon{width:34px;height:34px}.panel{padding:16px}.footer{flex-direction:column}}@media (width<=420px){.banner-decoration{display:none}.global-search input{width:75px}.stat-title{font-size:10px}.stat-bottom{flex-wrap:wrap;gap:5px}}.login-screen{background:radial-gradient(circle at 15% 15%,#e9eef5 0,#0000 34%),radial-gradient(circle at 85% 85%,#eee8dc 0,#0000 32%),#f5f7fa;place-items:center;min-height:100vh;padding:28px 18px;display:grid}.login-card{background:#fff;border:1px solid #e7ebf0;border-radius:16px;width:min(100%,440px);padding:38px;box-shadow:0 22px 70px #15283e12}.login-brand{align-items:center;gap:13px;display:flex}.login-brand-mark{color:#b18a49;border:1px solid #c9a45e;border-radius:12px;place-items:center;width:46px;height:46px;font:800 29px Manrope,sans-serif;display:grid}.login-brand-name{color:#17283d;letter-spacing:2px;font:800 23px Manrope,sans-serif}.login-brand-subtitle{color:#8995a4;letter-spacing:2px;margin-top:3px;font-size:9px}.login-intro{margin:39px 0 27px}.login-intro h1{color:#192638;margin:0;font:800 27px Manrope,sans-serif}.login-intro p{color:#8995a4;margin:9px 0 0;font-size:12px;line-height:1.7}.login-form{flex-direction:column;display:flex}.login-form label{color:#354256;margin:0 0 8px;font-size:11px;font-weight:700}.login-form input{color:#243247;background:#fbfcfd;border:1px solid #e1e6ed;border-radius:8px;outline:none;width:100%;margin-bottom:19px;padding:13px 14px;font-size:12px}.login-form input:focus{border-color:#b18a49;box-shadow:0 0 0 3px #b18a4918}.login-form input:disabled{opacity:.7}.login-submit{color:#fff;background:#182b43;border:0;border-radius:8px;margin-top:3px;padding:14px 16px;font-size:12px;font-weight:700;transition:background .2s}.login-submit:hover{background:#263e5c}.login-submit:disabled{opacity:.65;cursor:wait}.login-error{color:#a64038;background:#fff0ee;border:1px solid #f2d0cc;border-radius:7px;margin:-5px 0 14px;padding:10px 12px;font-size:11px;line-height:1.5}.login-security{color:#8995a4;justify-content:center;align-items:center;gap:8px;margin-top:24px;font-size:10px;display:flex}.login-security svg{color:#b18a49;flex-shrink:0}.login-copyright{color:#9aa5b2;text-align:center;margin:20px 0 0;font-size:10px}.auth-loading{color:#182b43;background:#f5f7fa;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;display:flex}.auth-loading>span{color:#8995a4;font-size:11px}.logout-btn{color:#637185;background:#fff;border:1px solid #e3e8ef;border-radius:7px;align-items:center;gap:7px;padding:9px 11px;font-size:10px;font-weight:700;display:inline-flex}.logout-btn:hover{color:#a34f43;border-color:#e8c9c5}@media (width<=760px){.login-card{padding:29px 23px}.logout-btn{padding:8px}.logout-btn span{display:none}}.users-toolbar{flex-wrap:wrap;align-items:center;gap:12px;padding:18px 0;display:flex}.users-toolbar .users-search{flex:1;min-width:220px}.users-toolbar select{color:#333;min-width:140px;font:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:9px;padding:11px 13px}.user-table-profile{align-items:center;gap:10px;min-width:150px;display:flex}.user-table-avatar{object-fit:cover;border-radius:50%;flex:0 0 34px;width:34px;height:34px}.user-avatar-fallback{color:#26334a;background:#eef0f5;justify-content:center;align-items:center;font-weight:700;display:flex}.user-role{text-transform:capitalize}.users-table-message{text-align:center;color:#7b8494;padding:28px 16px!important}.users-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.users-pagination-actions{gap:8px;display:flex}.users-pagination button:disabled{opacity:.45;cursor:not-allowed}@media (width<=700px){.users-toolbar{align-items:stretch}.users-toolbar .users-search,.users-toolbar select{width:100%;min-width:0}.users-pagination{align-items:flex-start}}.user-avatar-fallback{color:#64748b;background:#e9edf5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center}.user-table-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:38px;height:38px}
