:root{--nav:#123b37;--blue:#15786e;--ink:#18312f;--muted:#6f807e;--line:#dce7e3;--bg:#f4f7f5;--accent:#f08a68}
body{background:radial-gradient(circle at 78% -20%,#dff1eb 0,transparent 30%),var(--bg);color:var(--ink);letter-spacing:-.01em}
.sidebar{width:224px;background:linear-gradient(180deg,#123b37 0%,#0d2e2c 100%);padding:27px 12px 20px;border-right:1px solid #28544f;box-shadow:12px 0 38px rgba(12,47,44,.08)}
.brand{padding:0 13px;font-size:23px;letter-spacing:-.04em}.brand-mark{width:34px;height:34px;border-radius:12px;background:linear-gradient(145deg,#49b7a7,#1b897d);box-shadow:0 7px 18px #052f2b66}.workspace{display:none}
.sidebar nav{margin-top:36px;gap:7px}.nav-item{border-radius:12px;color:#bad1cd;padding:13px 15px;transition:.18s ease}.nav-item:hover{background:#1b504a;color:#fff;transform:translateX(2px)}.nav-item.active{background:linear-gradient(100deg,#e8fff8,#cdf4e8);color:#14534c;box-shadow:0 7px 20px #071e1c55}.nav-item.active span{color:#168477}
.signed-in{border-top:1px solid #37605c;padding:17px 10px 0}.signed-in .avatar{background:#f08a68}.signed-in small{color:#9ebbb6}
.main-content{margin-left:224px;width:calc(100% - 224px);padding:32px clamp(25px,3.2vw,58px) 60px}.topbar{margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid #dce7e3}.eyebrow{color:#738b87;letter-spacing:.08em}.topbar h1,.section-head h2{font-weight:850;letter-spacing:-.045em}.topbar h1{font-size:30px}
.bell,.select-role,.outline{border-color:#d4e2de;background:#fbfdfc;border-radius:10px}.bell:hover,.outline:hover{border-color:#78b9af;background:#f0faf7;color:#146b62}.bell span{background:var(--accent)}
.notice{border:0;border-left:5px solid #38a696;border-radius:15px;background:linear-gradient(100deg,#e3f5ef,#f7fbf9);box-shadow:0 8px 26px rgba(26,91,82,.07);padding:19px 21px}.notice>span{background:#c9eee3;color:#116f64}.notice button{color:#126f65}
.stats-grid{gap:18px}.stat-card,.panel,.month-panel{border-color:#dce7e3;border-radius:17px;box-shadow:0 9px 28px rgba(27,69,63,.055)}.stat-card{padding:22px;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;right:-30px;top:-30px;background:#e7f3ef}.stat-card strong{font-size:29px}.stat-icon{border-radius:11px}.stat-icon.blue{background:#d8f1eb;color:#15786e}.stat-icon.violet{background:#ebe7f8;color:#6e5ca1}.stat-icon.orange{background:#ffeadf;color:#dc704c}.stat-icon.red{background:#ffe5e1;color:#d55f50}
.section-head{margin-bottom:24px}.section-head p{color:#738581}.primary{background:linear-gradient(135deg,#16877b,#126a62);border-radius:10px;box-shadow:0 7px 17px rgba(18,106,98,.22)}.primary:hover{filter:brightness(1.05);transform:translateY(-1px)}
.toolbar{gap:9px;flex-wrap:wrap;padding:12px;background:#edf3f0;border:1px solid #dce7e3;border-radius:14px}.search{border-color:#d5e2de;border-radius:10px;min-width:270px}select,input,textarea{border-color:#d5e2de!important;border-radius:9px!important}.toolbar select,.toolbar .outline,.toolbar .primary,.toolbar .employee-template-link{min-height:42px}
.table-panel{border-radius:16px}th{background:#edf4f1;color:#52716c;padding:15px 18px;font-size:12px;text-transform:none}td{border-color:#e6eeeb;padding:17px 18px}tbody tr{transition:.14s ease}tbody tr:hover{background:#f4fbf8}.employee-name .avatar{background:#16877b}
.tab-row{gap:8px;border:0;background:#e9f1ee;padding:6px;border-radius:13px;width:max-content;max-width:100%;overflow:auto}.tab{padding:9px 14px;border-radius:9px;white-space:nowrap}.tab.active{border:0;background:#fff;color:#146f65;box-shadow:0 3px 11px rgba(21,77,70,.12)}
.badge.master{background:#f0eaf8;color:#745393}.badge.manager{background:#dbf2ec;color:#176e64}.approve{border-color:#a8d8cf;background:#e6f7f2;color:#116f64}
dialog,.account-card,.expense-card,.absence-modal .modal-card{border-radius:20px!important;box-shadow:0 24px 75px rgba(8,42,38,.28)!important}dialog::backdrop,.account-modal,.expense-modal{background:rgba(10,40,37,.58)!important;backdrop-filter:blur(3px)}.dialog-head{padding-bottom:15px;border-bottom:1px solid #e2ebe8}.close{background:#edf3f1;color:#345c57}.form-note{background:#eef6f3;color:#5f7974;border-radius:10px}.drop-zone{background:#f8fbfa;border-color:#a9cbc5!important}.drop-zone:hover,.drop-zone.dragover{background:#e7f6f2!important;border-color:#23897d!important}
.expense-category-card{border-radius:15px!important}.expense-detail-nav{background:linear-gradient(100deg,#dff3ed,#f4faf7);border-color:#baded6}.account-save-status.complete{background:#e0f4eb;color:#137354}
.auth-gate{background:radial-gradient(circle at 20% 10%,#d5eee7 0,transparent 32%),radial-gradient(circle at 90% 90%,#fbe9df 0,transparent 28%),#f4f7f5}.auth-card{border-color:#d5e5e0;border-radius:26px;padding:38px;box-shadow:0 28px 80px rgba(14,63,57,.19)}.auth-logo span{background:linear-gradient(145deg,#49b7a7,#15786e);box-shadow:0 8px 18px rgba(21,120,110,.25)}.auth-logo strong,.auth-card h1{color:#183b37}.auth-form button{background:linear-gradient(135deg,#16877b,#126a62);box-shadow:0 8px 20px rgba(18,106,98,.22)}.auth-form input:focus{outline:3px solid #cfece4;border-color:#3b9e92!important}
@media(max-width:1000px){.sidebar{width:200px}.main-content{margin-left:200px;width:calc(100% - 200px)}}
@media(max-width:760px){.sidebar{width:76px;padding-inline:8px}.brand>span:last-child,.nav-item:not(.active){font-size:0}.brand{padding:0 12px}.nav-item span{font-size:18px}.main-content{margin-left:76px;width:calc(100% - 76px);padding:22px 15px}.signed-in>div:last-child{display:none}.stats-grid{grid-template-columns:1fr 1fr}.toolbar{align-items:stretch}.toolbar>*{flex:1 1 100%}.search{min-width:0}.tab-row{width:100%}}
#roleSwitch,
.top-actions .select-role[hidden] {
  display: none !important;
}