:root{
  --bg:#f2f6f8!important;--panel:#fff!important;--ink:#172536!important;--mute:#657385!important;
  --line:#dfe7eb!important;--side:#18324a!important;--sideink:#bdc9d7!important;
  --navon:#2aa685!important;--navink:#fff!important;--acc:#176f62!important;--accbg:#e3f4ef!important;
  --hdr:#fff!important;--icm-blue:#1644a2;--icm-mint:#2aa685;--icm-ink:#193047;
}
html{background:var(--bg)}
body{font-family:Inter,"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif;background:linear-gradient(180deg,#f7f9fa,#f1f5f7)}
aside{width:288px;padding:0 12px 14px;background:radial-gradient(circle at -10% -5%,rgba(31,84,170,.5),transparent 30%),linear-gradient(165deg,#19324b 0%,#142a3e 58%,#102335 100%);box-shadow:10px 0 34px rgba(18,39,58,.08)}
.brand{min-height:92px;padding:16px 9px 17px;border-bottom:1px solid rgba(255,255,255,.08);font-size:19px;letter-spacing:.07em}
.brand .blogo{width:76px;max-width:76px!important;max-height:48px!important;padding:8px;border-radius:12px;background:#fff}
.brand span{display:grid;gap:2px}.brand span:after{content:"PEOPLE PLATFORM";color:#9babbc;font-size:9px;letter-spacing:.13em;font-weight:500}
aside>small{margin-top:12px;color:#8296aa;text-transform:uppercase;letter-spacing:.09em}
.ngh{min-height:43px;margin-top:3px;padding:9px 10px;border-radius:11px;color:#aab8c7;text-transform:none;letter-spacing:0;font-size:12.5px}
.ngh.act,.ngh.open{color:#fff;background:rgba(255,255,255,.06)}
.ngi{padding-left:32px}.ngi .nav{font-size:12px;color:#9faec0}
.nav{min-height:37px;padding:8px 10px;border-radius:9px}.nav:hover{background:rgba(255,255,255,.06);transform:none}.nav.on{background:linear-gradient(90deg,#2b4c69,#29445f);box-shadow:inset 3px 0 #62cbb0;color:#fff}
main{background:transparent}
header{min-height:78px;padding:12px 30px;border-color:var(--line);background:rgba(255,255,255,.96);box-shadow:0 5px 20px rgba(25,48,71,.04);backdrop-filter:blur(12px)}
#menu{height:42px;border-radius:10px}.search{height:44px!important;max-width:680px;border-radius:12px!important;background:#f4f7f8!important}
.me{gap:12px}.me:before{content:"ICM Workspace";color:var(--mute);font-size:11px}.av{background:linear-gradient(145deg,#dff4ee,#c9ebe2);color:#146f5b}
#view{padding:30px 32px 70px}.top{align-items:center;margin-bottom:20px}.crumb{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#2b8b73}.top h1{font-size:27px;letter-spacing:-.03em}
.card,.tw{border-color:var(--line);border-radius:15px;box-shadow:0 9px 26px rgba(24,52,73,.055)}
.card{padding:20px}.stat{position:relative;overflow:hidden;border-top:3px solid var(--icm-blue)}.stat:nth-child(2){border-top-color:var(--icm-mint)}.stat:nth-child(3){border-top-color:#c88a2c}.stat:nth-child(4){border-top-color:#a84f7d}
.stat b{font-size:28px}.btn{border-radius:9px;font-weight:600}.btn.p{background:var(--icm-ink);border-color:var(--icm-ink);color:#fff}.btn.p:hover:not([disabled]){background:#24445f;border-color:#24445f}
.tools{padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 6px 18px rgba(24,52,73,.04)}
.tools input,.tools select{background:#f8fafb}.tabs{border:1px solid var(--line);border-radius:11px;background:#fff;padding:5px;margin:14px 0}.tabs button{border-radius:8px;border-bottom:0}.tabs button.on{background:var(--icm-ink);color:#fff;border:0}
th{padding:12px 15px;background:#f4f7f9;color:#536476;font-size:11px;text-transform:uppercase;letter-spacing:.04em}td{padding:13px 15px}.tag{padding:4px 9px}.note{border:1px solid #cfe7df;background:#f1f9f6;color:#356b5f}
.box{border-radius:18px}.modal .box{box-shadow:0 24px 70px rgba(10,29,43,.28)}
#login{display:flex;align-items:center;justify-content:center;padding:32px;background:radial-gradient(circle at 50% 42%,rgba(42,166,133,.08),transparent 34%),linear-gradient(180deg,#f8fafb 0%,#eef3f6 100%)}
#login:before{display:none!important;content:none}
#login .box{width:min(430px,calc(100% - 24px));max-width:430px;margin:auto;padding:40px;box-shadow:0 22px 65px rgba(28,48,69,.13);border:1px solid #e2e9ed}
#login_logo{display:flex;justify-content:center;margin-bottom:22px}#login_logo img{max-height:64px!important;max-width:210px!important}.box h3{text-align:center;font-size:23px}.fl input{height:44px}
@media(max-width:1000px){aside{width:260px}#view{padding:24px}.me:before{display:none}}
@media(max-width:820px){#login{padding:18px}#login .box{width:min(430px,100%);padding:30px 24px}aside{width:286px}header{padding:10px 15px}#view{padding:18px}}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#f2f6f8!important;--panel:#fff!important;--ink:#172536!important;--mute:#657385!important;--line:#dfe7eb!important;color-scheme:light!important}}
