@font-face{font-family:Manrope;src:url('/fonts/Manrope-variable.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
:root{font-family:Manrope,"Segoe UI",sans-serif;--text:#26334a;--secondary:#64748b;--surface:rgba(255,255,255,.48);--inner:rgba(255,255,255,.66);--edge:rgba(255,255,255,.8);--skeleton:#d7deea;color-scheme:light}
#sidebar{overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}
#sidebar::-webkit-scrollbar{display:none;width:0;height:0}
.shell>header{height:56px;position:sticky;top:12px;z-index:15;border-radius:18px;background:#f2f6fbbb;box-shadow:0 5px 24px #4355790a;backdrop-filter:blur(28px) saturate(145%)}
.header-actions{gap:10px}.header-actions>.avatar{width:32px;height:32px}.header-divider{height:23px}.header-actions .icon-button{height:32px;min-width:32px;width:32px;border-radius:10px}.header-actions .icon-button svg{width:18px;height:18px}.icon-button i{top:4px;right:5px}.user small{font-size:10px;margin-top:2px}.user strong{font-size:11px}.date-label{font-size:11px}.breadcrumb{font-size:12px}
main{padding-top:25px}.page-heading{margin-bottom:21px}h1{font-size:26px;font-weight:650;letter-spacing:-.8px}.subtitle{font-size:12px}.quick-dock{margin-bottom:20px}.quick-label{font-size:11px}.brand{font-weight:800;font-size:25px}nav a{font-size:12px}h2{font-weight:650}.stat-number{font-variant-numeric:tabular-nums}.card,.stat,.module-card{background:var(--surface);border-color:var(--edge)}.icon-button:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #729eea;outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skeleton-heading{display:flex;justify-content:space-between;align-items:center;margin:7px 0 27px}.skeleton{display:block;position:relative;overflow:hidden;background:var(--skeleton);border-radius:8px}.skeleton::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,#ffffff4d,transparent);animation:skeleton-shimmer 1.6s ease-in-out infinite}.sk-title{width:185px;height:28px}.sk-button{width:110px;height:34px}.sk-label{height:12px;width:48%;margin-bottom:20px}.sk-number{height:36px;width:32%;margin-bottom:24px}.skeleton-stat{min-height:164px;padding:23px}.skeleton-panel{padding:24px;min-height:290px}.sk-chart{height:199px;width:100%;margin-top:27px;border-radius:14px}.skeleton-row{display:flex;align-items:center;gap:17px;padding:17px 0}.sk-avatar{width:38px;height:38px;border-radius:50%;flex:none}.sk-line{width:65%;height:15px}.skeleton-row:nth-child(even) .sk-line{width:48%}
@keyframes skeleton-shimmer{to{transform:translateX(100%)}}
html[data-theme=dark]{--text:#e3eaf6;--secondary:#a1b1c9;--surface:rgba(29,40,60,.65);--inner:rgba(49,63,87,.6);--edge:rgba(155,180,218,.15);--skeleton:#354158;--blue:#90b3ff;--muted:#a1b1c9;--line:#92abc526;--navy:#e3eaf6;color:var(--text);background:#101827;color-scheme:dark}
html[data-theme=dark] body{color:var(--text);background:radial-gradient(ellipse at 90% 0,#1a3550 0,transparent 48%),radial-gradient(ellipse at 5% 90%,#302539 0,transparent 50%),#101827;background-attachment:fixed}
html[data-theme=dark] #sidebar,html[data-theme=dark] .shell>header{background:#1c293cd6;border-color:var(--edge);box-shadow:0 8px 30px #050c181c,inset 0 1px 0 #ffffff08}
html[data-theme=dark] .brand-dot{color:#8cafef}html[data-theme=dark] .workspace,html[data-theme=dark] .workspace-icon{background:#3c4f692e;border-color:var(--edge);color:#bccbe3}
html[data-theme=dark] nav a{color:#a5b5ce}html[data-theme=dark] nav a:hover{background:#ffffff09;color:#cfddfa}html[data-theme=dark] nav a.active{background:#789aca21;box-shadow:inset 0 1px 0 #ffffff09;color:#b1caff}
html[data-theme=dark] .nav-label,html[data-theme=dark] .breadcrumb,html[data-theme=dark] .date-label,html[data-theme=dark] .user small{color:#90a1bc}html[data-theme=dark] .breadcrumb strong{color:#d5e1f5}html[data-theme=dark] .nav-count{background:#6f98e629;color:#b7cefc}
html[data-theme=dark] .icon-button{background:#adc6ff0a;color:#a7bcda}html[data-theme=dark] .icon-button:hover{background:#adc6ff19}html[data-theme=dark] .icon-button i{box-shadow:0 0 0 2px #223047}
html[data-theme=dark] .card,html[data-theme=dark] .stat,html[data-theme=dark] .module-card{background:var(--surface);box-shadow:0 8px 25px #0000000a,inset 0 1px 0 #ffffff05;border-color:var(--edge)}
html[data-theme=dark] .stat:nth-child(2){background:#332d4760}html[data-theme=dark] .stat:nth-child(3){background:#40304050}html[data-theme=dark] .stat:nth-child(4){background:#25434655}
html[data-theme=dark] .subtitle,html[data-theme=dark] .stat-top,html[data-theme=dark] .stat-foot,html[data-theme=dark] .card-heading small,html[data-theme=dark] .table-footer,html[data-theme=dark] .chart-label,html[data-theme=dark] .legend,html[data-theme=dark] .quick-label{color:#a0afc6}
html[data-theme=dark] .stat-icon{background:#87a7db12;color:#a1bffc;border-color:#afc8ed1c}html[data-theme=dark] .card-heading,html[data-theme=dark] td,html[data-theme=dark] .requests-list .request,html[data-theme=dark] .activity,html[data-theme=dark] .goal{border-color:#a0b6db12}
html[data-theme=dark] .chart{background:repeating-linear-gradient(to top,transparent 0,transparent 42px,#aec7e510 43px,#aec7e510 44px)}html[data-theme=dark] .chart-bar{background:linear-gradient(0deg,#577dcc,#8babee);box-shadow:inset 1px 0 0 #ffffff20}
html[data-theme=dark] .donut:before{background:#223049;border-color:#a1b9dc19}html[data-theme=dark] .donut small,html[data-theme=dark] .department-legend,html[data-theme=dark] .department-legend b{color:#aebed6}
html[data-theme=dark] .button{background:linear-gradient(140deg,#547bce,#3e63ac);color:#fff;border-color:#a7bff234;box-shadow:inset 0 1px 0 #ffffff15,0 3px 10px #00000016}html[data-theme=dark] .button:hover{background:#567fcf}
html[data-theme=dark] .button.secondary,html[data-theme=dark] .quick-dock .button{background:#9cb7df10;color:#b6c9e9;border-color:#a7bff21c;box-shadow:none}html[data-theme=dark] .button.secondary:hover,html[data-theme=dark] .quick-dock .button:hover{background:#9cb7df22}
html[data-theme=dark] .button.success,html[data-theme=dark] .badge{background:#4bb38c1c;color:#98ddc1;border-color:#75cba52b}html[data-theme=dark] .button.danger,html[data-theme=dark] .badge.rejected{background:#d4777c1b;color:#ecb1b2;border-color:#e99c9c26}html[data-theme=dark] .badge.pending,html[data-theme=dark] .badge.draft{background:#d7b66819;color:#dfc493;border-color:#d7b66828}html[data-theme=dark] .badge.completed{background:#83a7e721;color:#b2cafa;border-color:#83a7e728}
html[data-theme=dark] .person strong,html[data-theme=dark] .request-detail strong{color:#d4def0}html[data-theme=dark] .person small,html[data-theme=dark] .request-detail small{color:#96a9c4}html[data-theme=dark] td{color:#b1c0d8}html[data-theme=dark] th{background:#93acd10b;color:#93a7c4}html[data-theme=dark] tbody tr:hover{background:#aec6ed06}
html[data-theme=dark] .avatar{background:linear-gradient(140deg,#365373,#273b59);color:#bdd8fc;border-color:#aec7ed2b;box-shadow:0 3px 9px #00000020}html[data-theme=dark] .avatar.purple{background:linear-gradient(140deg,#574673,#403253);color:#dbc7f8}html[data-theme=dark] .avatar.green{background:linear-gradient(140deg,#2c6158,#24463f);color:#b9e9d6}html[data-theme=dark] .avatar.orange{background:linear-gradient(140deg,#6c543c,#47372d);color:#f1d0a9}
html[data-theme=dark] .announcement,html[data-theme=dark] .candidate{background:#adbfeb0a;border-color:var(--edge)}html[data-theme=dark] .announcement-tag{background:#98b2f315;color:#b8c9f4}html[data-theme=dark] .announcement p,html[data-theme=dark] .announcement small,html[data-theme=dark] .candidate p,html[data-theme=dark] .goal p,html[data-theme=dark] .goal-foot,html[data-theme=dark] .settings-item p,html[data-theme=dark] .module-card p,html[data-theme=dark] .activity p,html[data-theme=dark] .activity time{color:#a0b0c9}
html[data-theme=dark] .toolbar input,html[data-theme=dark] .toolbar select,html[data-theme=dark] .candidate select,html[data-theme=dark] td select,html[data-theme=dark] form input,html[data-theme=dark] form select,html[data-theme=dark] form textarea{background:#1e2b40c9;border-color:#96b3e12b;color:#d5e0f2}html[data-theme=dark] input::placeholder{color:#92a4bd}
html[data-theme=dark] .board-column{background:#8cacc309;border-color:var(--edge)}html[data-theme=dark] .board-title{color:#b8c9e1}html[data-theme=dark] .board-title span{background:#97b8ed15}html[data-theme=dark] .note{background:#8aaaf012;border-color:var(--edge);color:#adbfdc}
html[data-theme=dark] .page-tabs{border-color:var(--edge)}html[data-theme=dark] .page-tabs button{color:#9eb2cf}html[data-theme=dark] .page-tabs .active{color:#acc7ff}html[data-theme=dark] .progress{background:#a3bfec12;border-color:#a7bff212}html[data-theme=dark] .detail-grid small{color:#9db0cd}html[data-theme=dark] .empty,html[data-theme=dark] .empty strong{color:#a3b6d2}
html[data-theme=dark] dialog{background:#202e42f5;color:#e0e9f7;border-color:#c1d5f72b;box-shadow:0 25px 90px #00000060}html[data-theme=dark] dialog::backdrop{background:#030b176b}html[data-theme=dark] .modal-header{border-color:var(--edge)}html[data-theme=dark] form label{color:#aec0dc}html[data-theme=dark] .error-panel{background:#432e38;color:#f1bec0;border-color:#bc7e853d}html[data-theme=dark] #form-error{color:#f0a9aa}html[data-theme=dark] .skeleton::after{background:linear-gradient(90deg,transparent,#aac0df15,transparent)}
@media(max-width:650px){.shell>header{height:50px;top:8px;padding:0 8px}.header-actions{gap:4px}.header-actions>.avatar{width:29px;height:29px}.header-actions .icon-button{width:29px;min-width:29px;height:29px}.breadcrumb{font-size:10px;margin-left:3px}.breadcrumb span{margin:0 5px}#sidebar{top:74px}.page-heading>.request-actions{width:auto}h1{font-size:25px}.page-heading{gap:12px}.sk-title{width:140px}.sk-button{width:75px}.skeleton-stat{min-height:150px;padding:18px}.skeleton-panel{padding:20px}.skeleton-heading{margin-bottom:23px}}
@media(prefers-reduced-motion:reduce){.skeleton::after{animation:none}}