:root{--primary:#2478f5;--primary-light:#edf4ff;--emerald:#17a880;--orange:#ffb454;--coral:#f46d75;--lavender:#a78bfa;--bg:#f5f7fb;--surface:#fff;--text:#171d2b;--muted:#7a8393;--line:#eaf0f5;--radius:16px;--sidebar:232px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px 'Manrope',system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:var(--primary);text-decoration:none}svg.lucide{width:18px;height:18px;stroke-width:1.7;flex-shrink:0}button{color:inherit}h1,h2,h3,h4,p{margin:0}h1,h2,h3,.brand,.stat-value{font-family:'Manrope',system-ui,sans-serif}h1{font-size:25px;letter-spacing:0;font-weight:800}h2{font-size:15px;font-weight:750;letter-spacing:0}h3{font-size:14px}.muted{color:var(--muted)}.small{font-size:11px}.strong{font-weight:650}.flex{display:flex;align-items:center;gap:10px}.between{display:flex;align-items:center;justify-content:space-between;gap:14px}.stack{display:flex;flex-direction:column;gap:6px}.wrap{flex-wrap:wrap}.gap{gap:20px}.mt{margin-top:22px}.mb{margin-bottom:18px}.hidden{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:28px 16px 18px;background:white;border-right:1px solid var(--line);z-index:40;display:flex;flex-direction:column;transition:width .15s}.brand{padding:0 14px 26px;display:flex;align-items:center;gap:11px;font-size:24px;font-weight:800;letter-spacing:0}.brand-mark{display:grid;grid-template-columns:repeat(2,10px);gap:3px;transform:rotate(-8deg)}.brand-mark b{width:10px;height:10px;background:var(--primary);border-radius:3px}.brand-mark b:nth-child(2){background:#8cbaff}.brand-mark b:nth-child(3){background:#17b890}.brand-mark b:nth-child(4){background:#b5d2ff}.brand .small{font-family:'Manrope';font-size:10px;color:var(--muted);font-weight:500;letter-spacing:0;display:block;margin-top:1px}.company-switch{margin:0 3px 24px;border:1px solid var(--line);background:#fff;padding:11px;border-radius:11px;text-align:left;width:calc(100% - 6px)}.company-logo{width:33px;height:33px;border-radius:10px;background:#edf2ff;color:var(--primary);font-weight:800;display:inline-flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}.nav-scroll{flex:1;overflow:auto;scrollbar-width:thin}.nav-label{font-size:9px;color:#a1a8b4;font-weight:700;letter-spacing:0;padding:0 15px;margin:10px 0}.nav-item,.nav-sub{border:0;background:none;text-align:left;display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:9px;font-weight:500;font-size:12px;margin:3px 0;color:#747e8f}.nav-item:hover,.nav-sub:hover{background:#f6f8fc;color:#2478f5}.nav-item.active{color:var(--primary);background:var(--primary-light);font-weight:700}.nav-item .arrow{margin-left:auto;width:13px}.nav-count{margin-left:auto;font-size:9px;background:#ffecd4;padding:2px 6px;border-radius:5px;color:#b47b27}.nav-sub{font-size:11px;padding:8px 14px 8px 43px}.nav-sub.active{color:var(--primary);font-weight:700}.sidebar-bottom{padding-top:14px;border-top:1px solid var(--line)}.help-card{margin:12px 4px 0;border-radius:12px;background:linear-gradient(125deg,#eff6ff,#f5f2ff);padding:15px}.help-card button{margin-top:10px;width:100%}.topbar{position:sticky;top:0;height:76px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);margin-left:var(--sidebar);padding:0 32px;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:15px}.breadcrumb{font-size:12px;color:#98a0ac}.breadcrumb span{color:#323c4d;margin-left:10px}.top-search{width:260px;border:1px solid var(--line);background:#fafbfd;color:#99a1ae;display:flex;align-items:center;padding:9px 12px;border-radius:9px;font-size:11px;text-align:left}.top-search kbd{margin-left:auto;border:1px solid #e5e8ef;padding:1px 4px;border-radius:4px;font-size:9px}.icon-btn{border:1px solid var(--line);background:white;border-radius:9px;width:35px;height:35px;display:inline-flex;align-items:center;justify-content:center;position:relative}.dot{width:6px;height:6px;border-radius:50%;background:var(--coral);position:absolute;right:7px;top:6px}.avatar{height:34px;width:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#eaf0ff;color:#4d71ad;font-size:11px;font-weight:700;flex-shrink:0}.avatar.peach{background:#fff0e2;color:#b57747}.avatar.mint{background:#e2f5ed;color:#458c73}.avatar.pink{background:#fce8f0;color:#bd6e8e}.avatar.lilac{background:#f0eafa;color:#8a70ae}.profile-button{border:0;border-left:1px solid var(--line);padding-left:18px;background:none;text-align:left}.main{margin-left:var(--sidebar);padding:26px 32px 34px;max-width:1800px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.page-heading p{color:var(--muted);font-size:12px;margin-top:7px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 14px;border-radius:8px;border:1px solid #e5eaf0;background:#fff;font-weight:600;font-size:11px;white-space:nowrap;min-height:36px}.btn svg{width:15px;height:15px}.btn:hover{background:#f6f9ff;border-color:#cad9f1}.btn.primary{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 3px 6px #2478f51a}.btn.primary:hover{background:#1765d5}.btn.danger{background:#fff0f0;border-color:#ffd5d8;color:#c94f58}.btn.success{background:#edf9f4;border-color:#caebdd;color:#138c68}.btn.ghost{border:0;background:transparent;padding:5px;color:var(--primary)}.btn.tiny{padding:6px 9px;font-size:10px;min-height:28px}.demo-bar{border:1px solid #dce8fd;border-radius:8px;color:#6482ae;background:#f0f6ff;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;font-size:10px;gap:8px;margin-bottom:20px}.demo-label{font-size:8px;font-weight:800;letter-spacing:0;background:white;border:1px solid #d4e3fa;padding:3px 5px;border-radius:4px;color:#4776be}.welcome{border-radius:16px;overflow:hidden;background:linear-gradient(110deg,#e4f0ff 0%,#edf2ff 62%,#f1eaff 100%);min-height:141px;padding:27px 30px;position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.welcome h2{font-size:22px;letter-spacing:0;margin:9px 0}.welcome p{font-size:11px;color:#76849d;line-height:1.7;max-width:450px}.welcome .eyebrow{text-transform:uppercase;letter-spacing:0;color:#6086b8;font-size:9px;font-weight:700}.welcome-art{width:210px;height:120px;position:relative;flex-shrink:0;margin-right:20px}.art-card{position:absolute;width:109px;height:88px;left:54px;top:15px;border:1px solid white;border-radius:14px;background:linear-gradient(140deg,#fff,#d7e5fd);box-shadow:10px 16px 22px #8ba7d72c;transform:rotate(-11deg);padding:15px}.art-card:before{content:'';display:block;width:30px;height:30px;border-radius:50%;background:linear-gradient(145deg,#89b6ff,#2478f5);box-shadow:inset -4px -5px 5px #155bd1}.art-card:after{content:'';display:block;width:65px;height:5px;background:#adc7ed;border-radius:4px;margin-top:11px;box-shadow:0 10px #cbdaf1}.art-orb{position:absolute;height:45px;width:45px;left:11px;top:60px;background:radial-gradient(circle at 30% 25%,#a6f0d2,#27b18c 65%,#0f9a76);border-radius:50%;box-shadow:8px 10px 15px #52acb330}.art-check{position:absolute;right:5px;top:14px;width:50px;height:50px;transform:rotate(14deg);border-radius:13px;background:linear-gradient(135deg,#a5c7ff,#4b8ff7);color:white;box-shadow:7px 9px 15px #4b8ff730;display:grid;place-items:center}.art-check svg{width:29px;height:29px;stroke-width:3}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:23px}.stat{background:white;border:1px solid var(--line);border-radius:14px;padding:19px;min-height:137px}.stat.featured{background:linear-gradient(115deg,#338bfd,#2267df);color:#fff;border-color:transparent;box-shadow:0 5px 13px #2478f519;position:relative;overflow:hidden}.stat.featured:after{content:'';position:absolute;right:-35px;bottom:-88px;width:190px;height:190px;border-radius:50%;border:25px solid #ffffff09;pointer-events:none}.stat-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#8490a0;font-size:10px}.featured .stat-head{color:#e1edff}.stat-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#edf3ff;color:#5489d5}.featured .stat-icon{background:#ffffff25;color:white}.stat-icon.green{background:#e8f8f2;color:#19a77d}.stat-icon.orange{background:#fff3e3;color:#e4a048}.stat-icon.red{background:#ffedf0;color:#e57b85}.stat-value{font-size:29px;letter-spacing:0;font-weight:800;margin:8px 0}.stat-foot{font-size:9px;color:#94a0b0;display:flex;align-items:center;gap:6px}.featured .stat-foot{color:#d2e5ff}.delta{color:#21a983;display:inline-flex;align-items:center;gap:3px;font-weight:600}.featured .delta{color:#dcf9ea}.delta svg{width:11px;height:11px}.grid-main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:20px;margin-bottom:20px}.grid-equal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);min-width:0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 22px 16px}.card-head p{font-size:10px;color:var(--muted);margin-top:5px}.card-body{padding:0 22px 22px}.legend{font-size:9px;display:flex;align-items:center;gap:15px;color:#8a95a3}.legend span:before{content:'';width:6px;height:6px;background:#2478f5;display:inline-block;border-radius:50%;margin-right:6px}.legend span:nth-child(2):before{background:#4ac7a3}.legend span:nth-child(3):before{background:#ffb454}.chart{height:190px;position:relative;margin:10px 0 0}.chart svg{width:100%;height:100%;overflow:visible}.chart text{fill:#9ba5b1;font:9px 'Manrope',sans-serif}.chart line{stroke:#eff2f7;stroke-dasharray:3 5}.chart .line{stroke-width:2.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.donut-wrap{display:flex;align-items:center;gap:27px;padding:3px 0 15px}.donut{width:149px;height:149px;border-radius:50%;position:relative;flex-shrink:0}.donut:after{content:'';position:absolute;inset:23px;background:white;border-radius:50%}.donut-center{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column}.donut-center b{font-family:Manrope,sans-serif;font-size:28px;letter-spacing:0}.donut-center span{font-size:9px;color:#9ba5b1;margin-top:3px}.donut-legend{flex:1;display:grid;gap:12px;font-size:9px;color:#8c96a4}.donut-legend .between{gap:8px}.color-dot{width:6px;height:6px;border-radius:2px;display:inline-block;margin-right:7px}.quick-actions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:23px}.quick-action{background:white;border:1px solid var(--line);padding:16px 8px;border-radius:12px;display:flex;align-items:center;flex-direction:column;gap:10px;font-size:10px;color:#6b7689;transition:transform .15s}.quick-action:hover{transform:translateY(-3px);border-color:#b9d3fc}.quick-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#edf4ff;color:#538bdd}.quick-action:nth-child(2) .quick-icon{background:#ebf8f3;color:#24a981}.quick-action:nth-child(3) .quick-icon{background:#fff4e5;color:#dda04e}.quick-action:nth-child(4) .quick-icon{background:#f1edff;color:#967bd3}.quick-action:nth-child(5) .quick-icon{background:#ffedf0;color:#df7a88}.quick-action:nth-child(6) .quick-icon{background:#edf8fc;color:#59a9c4}.table-wrap{overflow-x:auto;scrollbar-width:thin}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left}th{background:#fafbfd;border-top:1px solid #f0f3f7;border-bottom:1px solid #edf0f5;padding:13px 18px;font-size:9px;font-weight:550;color:#8c97a6}td{padding:13px 18px;border-bottom:1px solid #f1f4f8;font-size:11px;color:#778294}tr:last-child td{border-bottom:0}td .name{font-size:11px;color:#344055;font-weight:600}td .sub{font-size:9px;color:#a0a8b5;margin-top:4px}.person{display:flex;align-items:center;gap:10px}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:4px 7px;font-size:9px;font-weight:500;background:#eef3fc;color:#6c87b2;white-space:nowrap}.badge:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.badge.green{color:#21a77f;background:#eaf8f2}.badge.orange{color:#d99b3c;background:#fff5e5}.badge.red{color:#d7747c;background:#fff0f1}.badge.purple{color:#9578d5;background:#f1edfd}.text-link{border:0;background:none;color:var(--primary);font-size:10px;font-weight:600;padding:3px}.activity{display:flex;gap:11px;padding:13px 0;align-items:flex-start}.activity+.activity{border-top:1px solid var(--line)}.activity-icon{height:30px;width:30px;border-radius:9px;background:#edf4ff;color:#6196e0;display:grid;place-items:center;flex-shrink:0}.activity-icon svg{width:14px;height:14px}.activity p{font-size:10px;color:#66748b;line-height:1.7}.activity time{display:block;font-size:9px;color:#a1a9b6;margin-top:3px}.progress{height:5px;background:#f0f3f8;border-radius:5px;overflow:hidden}.progress span{height:100%;display:block;background:#2478f5;border-radius:5px}.toolbar{padding:16px 20px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.search-field{position:relative;min-width:200px;flex:1;max-width:330px}.search-field svg{position:absolute;left:11px;top:10px;width:15px;height:15px;color:#a1a9b6}.search-field input{padding-left:33px;width:100%}input,select,textarea{border:1px solid #e4e9f0;border-radius:8px;background:#fff;color:#445069;padding:10px 11px;min-height:37px;font-size:11px}input:focus,select:focus,textarea:focus{outline:2px solid #2478f544;border-color:#8eb8f6}textarea{resize:vertical;min-height:80px}select{max-width:100%;padding-right:28px}input::placeholder,textarea::placeholder{color:#a3adbb}.pagination{padding:15px 20px;display:flex;align-items:center;justify-content:space-between;color:#99a3b2;font-size:10px;border-top:1px solid var(--line)}.page-btn{border:1px solid var(--line);background:white;border-radius:6px;padding:5px 9px;color:#7c889c}.page-btn.active{background:#edf4ff;color:var(--primary);border-color:#dbe9ff}.tabs{display:flex;gap:22px;overflow:auto;border-bottom:1px solid var(--line);padding:0 21px;margin-bottom:20px}.tab{border:0;border-bottom:2px solid transparent;background:none;font-size:11px;padding:15px 1px;white-space:nowrap;color:#8b95a4}.tab.active{border-color:var(--primary);color:var(--primary);font-weight:600}.empty{padding:50px 20px;text-align:center;color:#8996a8;display:flex;flex-direction:column;align-items:center;gap:12px}.empty .stat-icon{width:48px;height:48px}.empty p{font-size:11px;max-width:330px;line-height:1.7}.footer{margin-top:25px;font-size:9px;color:#a1a9b5;display:flex;justify-content:space-between;gap:10px}.section-title{font-size:12px;font-weight:650;margin-bottom:12px}.overlay{position:fixed;inset:0;z-index:100;background:#182b4f50;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:24px}.modal{background:#fff;border-radius:18px;width:620px;max-width:100%;max-height:90dvh;overflow:auto;box-shadow:0 24px 90px #172a4a30}.modal.wide{width:850px}.modal-head{padding:22px 25px;border-bottom:1px solid var(--line);position:sticky;top:0;background:white;z-index:2;display:flex;align-items:center;justify-content:space-between}.modal-head p{font-size:11px;color:var(--muted);margin-top:6px}.modal-body{padding:23px 25px}.modal-foot{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);padding:17px 25px;background:#fcfdff}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.field{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#5e6c82;min-width:0}.field label{font-weight:600}.field.full{grid-column:1/-1}.field small{font-size:9px;color:#8a97aa;line-height:1.6}.field input,.field select,.field textarea{width:100%}.field input[type=checkbox]{width:auto;min-height:auto}.form-section{grid-column:1/-1;border-bottom:1px solid var(--line);padding:3px 0 10px;margin-top:5px;color:#303e55;font-weight:650}.notice{padding:13px 15px;background:#f0f6ff;border:1px solid #dce9fc;color:#6785b0;border-radius:9px;font-size:10px;line-height:1.8;display:flex;align-items:flex-start;gap:9px}.notice.warn{background:#fff8ed;border-color:#f9e8c7;color:#b08a4d}.notice svg{width:16px;flex-shrink:0}.error{color:#ce5360;font-size:11px;padding:10px 0}.error:empty{display:none}.toast{position:relative;padding:13px 18px;background:#182b44;color:#fff;border-radius:10px;box-shadow:0 5px 20px #172a4a20;display:flex;align-items:center;gap:9px;font-size:12px;max-width:380px;animation:toast .2s ease}#toasts{position:fixed;right:24px;bottom:24px;z-index:150;display:flex;flex-direction:column;gap:8px}.toast svg{color:#6de1b7;width:17px}@keyframes toast{from{transform:translateY(8px);opacity:0}}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;font-size:12px}.info-grid dt{font-size:10px;color:#9ca7b6;margin-bottom:6px}.info-grid dd{margin:0;color:#4e5e77}.profile-banner{padding:24px;display:flex;align-items:center;gap:17px}.profile-banner .avatar{width:65px;height:65px;font-size:21px;border-radius:18px}.profile-banner h2{font-size:21px}.profile-banner p{font-size:11px;color:#8b96a6;margin:6px 0}.kanban{display:grid;grid-template-columns:repeat(4,minmax(200px,1fr));gap:15px;overflow:auto}.kanban-col{background:#edf1f7;padding:12px;border-radius:13px;min-height:300px}.candidate-card{background:white;padding:15px;margin-top:12px;border:1px solid var(--line);border-radius:11px}.candidate-card p{font-size:10px;color:var(--muted);margin:8px 0 14px}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-left:1px solid var(--line);border-top:1px solid var(--line)}.cal-cell{min-height:92px;padding:10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;background:white}.cal-cell.head{min-height:auto;text-align:center;background:#fafbfd;color:#9aa5b4;font-size:10px}.cal-cell.today{background:#f1f7ff}.cal-cell.off{background:#fafbfd}.cal-cell button{display:block;width:100%;border:0;background:#eaf5ef;color:#4a9c7e;border-radius:4px;font-size:8px;text-align:left;padding:3px;margin-top:4px}.cal-cell .badge{font-size:8px;padding:3px}.salary-summary{padding:25px;border-radius:12px;background:linear-gradient(110deg,#e8f1ff,#f4f0ff);margin:15px 0}.salary-summary strong{display:block;font-size:27px;margin-top:8px}.document-preview{background:#fff;padding:35px 40px;color:#3c4555;border:1px solid #e4e8ee;line-height:1.9;font-family:'Manrope',sans-serif;font-size:12px}.document-preview h2{text-align:center;margin:20px 0;font-family:'Manrope',sans-serif;font-size:17px}.document-preview p{margin:14px 0}.document-label{letter-spacing:0;font:10px 'Manrope';color:#e09873;text-align:center}.check-row{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px;color:#607188}.check-row input{min-height:0;accent-color:var(--primary);width:16px;height:16px}.notification{padding:18px 22px;display:flex;align-items:flex-start;gap:12px;border-bottom:1px solid var(--line)}.notification.unread{background:#f8fbff}.notification h3{font-size:12px}.notification p{font-size:11px;color:var(--muted);margin:7px 0;line-height:1.7}.settings-grid{display:grid;grid-template-columns:180px minmax(0,1fr);gap:25px}.settings-menu button{display:block;width:100%;padding:12px;border:0;background:none;text-align:left;font-size:12px;border-radius:8px;margin-bottom:5px}.settings-menu button.active{background:var(--primary-light);color:var(--primary)}.account-card{padding:17px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:12px;margin-bottom:10px;cursor:pointer}.account-card:hover{background:#f6f9ff;border-color:#a7c6f5}.account-card b{font-size:13px}.account-card p{font-size:10px;color:var(--muted);margin-top:5px}.account-card .lucide{margin-left:auto;color:#92a0b7}.mobile-menu{display:none}.collapsed{--sidebar:76px}.collapsed .brand>span,.collapsed .company-switch .stack,.collapsed .company-switch>.lucide,.collapsed .nav-item span,.collapsed .nav-item .arrow,.collapsed .nav-sub,.collapsed .nav-label,.collapsed .help-card,.collapsed .sidebar-bottom .nav-item span{display:none}.collapsed .sidebar{padding:28px 12px 18px}.collapsed .brand{padding:0 13px 26px}.collapsed .company-switch{padding:8px;width:100%;margin-left:0}.collapsed .nav-item{padding:12px;justify-content:center}.collapsed .nav-count{display:none}.mobile-shade{display:none}.clickable{cursor:pointer}.clickable:hover{background:#fbfcff}.checkboxline{display:flex;gap:10px;align-items:flex-start;line-height:1.7;font-size:11px;color:#78869b}.checkboxline input{min-height:0;accent-color:var(--primary)}.list-card{padding:17px 0;border-bottom:1px solid var(--line)}.list-card:last-child{border:0}.list-card p{font-size:10px;color:var(--muted);margin-top:6px}.report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.report-card{padding:23px}.report-card .stat-icon{margin-bottom:17px}.report-card p{font-size:11px;color:var(--muted);line-height:1.7;margin:9px 0 18px}.hero-clock{font-size:38px;font-family:Manrope;font-weight:800;letter-spacing:0}.metric-strip{display:flex;gap:20px;margin-bottom:15px}.metric-strip>div{padding:15px 20px;border-radius:10px;background:#f8fafd;flex:1}.metric-strip strong{display:block;font-size:20px;margin-top:7px}.metric-strip span{font-size:10px;color:var(--muted)}.no-wrap{white-space:nowrap}.table-note{padding:12px 20px;font-size:10px;color:var(--muted)}
@media(min-width:1550px){.main{padding:30px 44px}.grid-main{grid-template-columns:1.7fr 1fr}.welcome{min-height:158px}.chart{height:220px}}
@media(max-width:1200px){:root{--sidebar:210px}.topbar{padding:0 24px}.main{padding:24px}.top-search{width:205px}.donut-wrap{gap:15px}.donut{width:125px;height:125px}.donut:after{inset:19px}.stats{gap:12px}.stat{padding:15px}.grid-main{grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr)}.profile-button .stack{display:none}.quick-actions{gap:7px}.stat-head{font-size:9px}.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.grid-main{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-equal{grid-template-columns:1fr}.top-search{display:none}.donut-wrap{justify-content:center}.donut-legend{max-width:230px}.welcome-art{width:150px;margin:0}.welcome-art .art-check{right:-8px}.welcome-art .art-card{left:30px}.welcome-art .art-orb{left:0}.settings-grid{grid-template-columns:1fr}.settings-menu{display:flex;overflow:auto}.settings-menu button{white-space:nowrap;width:auto}.quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){:root,.collapsed{--sidebar:0px}.sidebar,.collapsed .sidebar{width:248px;transform:translateX(-100%);transition:transform .2s;padding:25px 16px}.sidebar.mobile-open{transform:translateX(0)}.mobile-shade.show{display:block;position:fixed;inset:0;background:#172a4a50;z-index:39}.collapsed .brand>span,.collapsed .company-switch .stack,.collapsed .company-switch>.lucide,.collapsed .nav-item span,.collapsed .nav-item .arrow,.collapsed .nav-label,.collapsed .help-card{display:revert}.collapsed .nav-sub{display:flex}.collapsed .nav-item{justify-content:flex-start}.mobile-menu{display:inline-flex}.topbar{height:65px;padding:0 16px;gap:10px}.breadcrumb{display:none}.profile-button{padding-left:10px}.profile-button .lucide{display:none}.main{padding:19px 16px}.page-heading{align-items:flex-start;flex-wrap:wrap;margin-bottom:18px}.page-heading h1{font-size:22px}.page-heading>div:last-child{flex-wrap:wrap}.page-heading p{font-size:11px;line-height:1.7}.welcome{padding:22px 19px;min-height:150px}.welcome h2{font-size:20px}.welcome-art{display:none}.welcome p{font-size:11px}.stats{gap:10px;margin-bottom:18px}.stat{padding:14px;min-height:125px}.stat-value{font-size:27px}.stat-head{gap:4px}.stat-icon{width:26px;height:26px}.stat-head>span{max-width:110px;font-size:10px;line-height:1.5}.stat-foot{font-size:8px;line-height:1.6}.card-head{padding:18px 17px 14px;gap:8px}.card-head h2{font-size:13px}.card-body{padding:0 17px 18px}.legend{gap:8px;font-size:8px}.grid-main,.grid-equal{gap:16px}.demo-bar{font-size:9px;line-height:1.7;align-items:flex-start}.demo-bar button{font-size:9px;flex-shrink:0}.form-grid,.info-grid{grid-template-columns:1fr}.form-section,.field.full{grid-column:1}.overlay{padding:12px;align-items:center}.modal{max-height:94dvh;border-radius:14px}.modal-head,.modal-body{padding:20px}.modal-foot{padding:15px 20px}.cal-cell{min-height:65px;padding:5px;font-size:10px}.cal-cell button{font-size:7px;overflow:hidden}.cal-cell .badge{font-size:7px;padding:3px 2px}.profile-banner{align-items:flex-start;padding:19px;gap:12px}.profile-banner .avatar{width:49px;height:49px;font-size:17px}.profile-banner h2{font-size:18px}.report-grid{grid-template-columns:1fr}.toolbar{padding:13px;gap:8px}.toolbar select{max-width:145px}.search-field{max-width:100%;min-width:100%;flex:auto}.metric-strip{flex-wrap:wrap;gap:10px}.metric-strip>div{min-width:40%;padding:14px}.document-preview{padding:22px}.footer{font-size:8px}.settings-menu{gap:5px}.btn{padding:9px 12px}.stat-icon .lucide{width:15px;height:15px}.salary-summary strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Readable secondary labels on neutral surfaces. */
.muted,.stat-head,.stat-foot,.card-head p,.card-head+.card-body .small,.donut-legend,.legend,.profile-banner p,.field small,.activity time,.footer,.pagination,.table-note,th,td .sub,.breadcrumb,.top-search,.cal-cell.head,.nav-label{color:#66748a}.featured .stat-head{color:#edf4ff}.featured .stat-foot{color:#e2eeff}.featured .delta{color:#e2fff0}.badge.green{color:#167c5c}.badge.orange{color:#93691f}.badge.red{color:#b14c57}.badge.purple{color:#7756b4}.welcome p{color:#5d7191}.welcome .eyebrow{color:#456eab}.company-switch .muted{color:#66748a}
@media(max-width:700px){.desktop-collapse{display:none}.demo-bar .flex{align-items:flex-start}.welcome .eyebrow{font-size:8px}.settings-grid .card{overflow:hidden}}