:root{--deep:#012a24;--deep2:#063d33;--green:#79ad35;--green2:#96bf4c;--lime:#b5cc59;--ink:#18322c;--muted:#71817c;--line:#e4ebe7;--bg:#f5f8f6;--white:#fff;--red:#c94d4d;--orange:#d98a36;--blue:#3978b9;--purple:#7a5db7;--shadow:0 8px 28px rgba(4,44,36,.07)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-size:14px}.app-shell{display:flex;min-height:100vh}.sidebar{width:264px;background:var(--deep);color:#dce8e4;position:fixed;inset:0 auto 0 0;z-index:30;display:flex;flex-direction:column;box-shadow:8px 0 28px rgba(0,0,0,.08)}.brand{height:92px;background:#fff;display:flex;align-items:center;justify-content:center;padding:12px 20px}.brand img{width:204px;height:auto;display:block}.sidebar-close{display:none}.branch-switcher{margin:18px 14px 8px;padding:12px 13px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);border-radius:10px;display:flex;align-items:center;gap:10px}.branch-switcher .dot{width:8px;height:8px;background:#8fc83e;border-radius:50%;box-shadow:0 0 0 4px rgba(143,200,62,.12)}.branch-switcher small{display:block;color:#91aaa2;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.branch-switcher strong{font-size:13px;color:#fff}.chev{margin-left:auto;color:#8fa59f}.nav{overflow:auto;padding:6px 10px 16px}.nav-label{font-size:9px;letter-spacing:.13em;color:#6f8d84;font-weight:800;padding:17px 12px 7px}.nav-item{display:flex;align-items:center;gap:10px;color:#b9cbc5;text-decoration:none;padding:9px 12px;border-radius:8px;margin:2px 0;transition:.15s}.nav-item:hover{background:rgba(255,255,255,.07);color:#fff}.nav-item.active{background:linear-gradient(90deg,rgba(121,173,53,.25),rgba(121,173,53,.1));color:#fff;box-shadow:inset 3px 0 0 var(--green)}.nav-icon{width:20px;text-align:center;color:#91ad9f;font-size:15px}.nav-item.active .nav-icon{color:#9bc54c}.nav-item b{margin-left:auto;font-size:10px;font-weight:700;color:#79948c}.nav-item .badge-alert{background:rgba(217,138,54,.18);color:#efad61;border-radius:20px;padding:2px 6px}.sidebar-footer{margin-top:auto;padding:12px;border-top:1px solid rgba(255,255,255,.08)}.user-mini{display:flex;align-items:center;gap:9px;padding:8px}.user-mini strong,.profile-name strong{display:block;color:#fff;font-size:12px}.user-mini small,.profile-name small{display:block;color:#87a097;font-size:10px;margin-top:2px}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#84b63a,#3d8064);color:#fff;display:grid;place-items:center;font-weight:800;font-size:11px}.user-mini>span{margin-left:auto;color:#718d84}.main{margin-left:264px;min-width:0;flex:1}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:20}.breadcrumbs{display:flex;align-items:center;gap:9px;color:#9aa9a4;font-size:12px}.breadcrumbs i{font-style:normal;color:#c4cfcb}.breadcrumbs strong{color:#3e5650;font-weight:700}.top-actions{display:flex;align-items:center;gap:10px}.icon-btn{width:36px;height:36px;border:1px solid var(--line);background:#fff;border-radius:9px;color:#58706a;font-size:18px;cursor:pointer;position:relative}.notification em{position:absolute;top:-4px;right:-4px;background:var(--green);color:#fff;border-radius:10px;font-size:8px;font-style:normal;padding:2px 5px;border:2px solid #fff}.profile{display:flex;align-items:center;gap:9px;padding-left:8px}.profile .avatar{width:32px;height:32px}.profile-name strong{color:var(--ink)}.profile-name small{color:#7c8d88}.content{padding:28px 30px 10px;max-width:1600px;margin:auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.page-head h1{font-size:24px;margin:0 0 5px;letter-spacing:-.02em}.page-head p{margin:0;color:var(--muted);font-size:12px}.page-actions{display:flex;gap:8px}.btn{border:0;border-radius:8px;padding:9px 14px;font-weight:700;font-size:12px;cursor:pointer}.btn-primary{background:var(--deep);color:#fff}.btn-primary:hover{background:var(--deep2)}.btn-light{background:#fff;border:1px solid var(--line);color:#4d635d}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:14px}.stat-card,.card{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.stat-card{padding:17px}.stat-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.stat-icon{width:31px;height:31px;border-radius:8px;display:grid;place-items:center;font-weight:800;font-size:12px}.stat-icon.green,.stat-icon.green{background:#edf6e3;color:#66952e}.stat-icon.blue{background:#eaf2fb;color:#3978b9}.stat-icon.purple{background:#f1ecfa;color:#7654b0}.stat-icon.orange{background:#fcf0e3;color:#c47728}.stat-icon.red{background:#fceaea;color:#b94444}.trend{font-size:9px;font-weight:700}.trend.green{color:#679735}.trend.blue{color:#3978b9}.trend.purple{color:#7654b0}.trend.orange{color:#c47728}.trend.red{color:#bd4747}.stat-value{font-size:23px;font-weight:800;letter-spacing:-.03em}.stat-label{font-size:11px;color:var(--muted);margin-top:3px}.grid-2{display:grid;grid-template-columns:1.25fr 1fr;gap:14px;margin-bottom:14px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}.card{padding:18px}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.card-head h2{font-size:14px;margin:0 0 3px}.card-head p{margin:0;color:#8a9a95;font-size:10px}.select,.filter{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 9px;color:#667b75;font-size:10px}.chart-wrap{height:244px;display:flex;position:relative}.y-labels{width:38px;display:flex;flex-direction:column;justify-content:space-between;padding:5px 0 27px;color:#a2afab;font-size:9px}.fake-chart{position:relative;flex:1;padding-bottom:27px}.fake-chart svg{position:absolute;inset:0 0 25px 0;width:100%;height:100%}.gridline{position:absolute;left:0;right:0;border-top:1px dashed #edf1ef}.g1{top:8%}.g2{top:27%}.g3{top:47%}.g4{top:67%}.x-labels{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-around;color:#9aa9a4;font-size:9px}.legend{display:flex;gap:18px;font-size:10px;color:#758680}.dot{width:7px;height:7px;display:inline-block;border-radius:50%;margin-right:5px}.dot.green{background:var(--green)}.dot.grey{background:#b7c6bd}.ops-list{display:flex;flex-direction:column}.op-row{display:grid;grid-template-columns:42px 30px 1fr auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #f0f3f1}.op-row:last-child{border-bottom:0}.op-time{font-size:10px;color:#9aa7a3}.op-icon{width:27px;height:27px;border-radius:7px;display:grid;place-items:center;font-weight:800;font-size:10px}.op-icon.green{background:#edf6e3;color:#6c9a32}.op-icon.blue{background:#eaf2fb;color:#3978b9}.op-icon.purple{background:#f0ebf9;color:#7554ae}.op-icon.orange{background:#fcf0e3;color:#c47b2c}.op-main strong{display:block;font-size:11px}.op-main span{display:block;font-size:9px;color:#8c9c97;margin-top:2px}.pill{display:inline-flex;align-items:center;border-radius:20px;padding:4px 8px;font-size:9px;font-weight:800;white-space:nowrap;background:#eef2f0;color:#62736e}.pill.green,.pill.active,.pill.paid,.pill.completed,.pill.healthy,.pill.allocated,.pill.approved{background:#edf6e3;color:#66952e}.pill.blue,.pill.started{background:#eaf2fb;color:#3978b9}.pill.purple{background:#f1ecfa;color:#7654b0}.pill.orange,.pill.renewal-due,.pill.pending,.pill.scheduled,.pill.assigned,.pill.pending-payout,.pill.replacement-required,.pill.partially-received{background:#fcf0e3;color:#c47728}.pill.red,.pill.overdue,.pill.low{background:#fceaea;color:#b94444}.pill.partially-paid,.pill.inspection{background:#eef0fb;color:#5e68ad}.pill.on-leave{background:#f4edf8;color:#8657a7}.donut-area{display:flex;align-items:center;gap:24px}.donut{width:116px;height:116px;border-radius:50%;background:conic-gradient(var(--green) 0 87%,#e8a34d 87% 97%,#cbd5d0 97% 100%);display:grid;place-items:center}.donut:before{content:"";position:absolute}.donut>div{width:74px;height:74px;background:#fff;border-radius:50%;display:grid;place-items:center;align-content:center}.donut strong{font-size:24px;line-height:1}.donut span{font-size:9px;color:#8c9b96;margin-top:3px}.donut-legend{display:flex;flex-direction:column;gap:10px;font-size:10px;color:#7b8d87}.donut-legend b{margin-left:12px;color:#304941}.progress-list{display:flex;flex-direction:column;gap:13px}.progress-list>div>div:first-child{display:flex;justify-content:space-between;font-size:10px;color:#71827c;margin-bottom:6px}.progress-list b{color:#344b44}.progress{height:6px;background:#edf1ef;border-radius:10px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#79ad35,#a5c64f);border-radius:10px}.activity-list{display:flex;flex-direction:column}.activity{display:grid;grid-template-columns:36px 25px 1fr;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #f1f4f2}.activity:last-child{border:0}.activity-time{font-size:9px;color:#9ba8a4}.activity-icon{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-size:9px;font-weight:800}.activity-icon.green{background:#edf6e3;color:#66952e}.activity-icon.blue{background:#eaf2fb;color:#3978b9}.activity-icon.purple{background:#f1ecfa;color:#7654b0}.activity-icon.red{background:#fceaea;color:#b94444}.activity strong{display:block;font-size:10px}.activity span:last-child{display:block;color:#8b9a96;font-size:9px;margin-top:2px}.aging{display:flex;flex-direction:column;gap:13px}.aging>div{display:grid;grid-template-columns:90px 90px 1fr;align-items:center;gap:10px;font-size:10px}.aging b{text-align:right}.aging i{height:7px;background:var(--green);border-radius:10px;opacity:.8}.mini-table{font-size:10px}.mini-row{display:grid;grid-template-columns:1fr 1fr 90px;gap:8px;padding:9px 0;border-bottom:1px solid #f0f3f1;align-items:center}.mini-row.head{font-size:9px;color:#97a39f;text-transform:uppercase;letter-spacing:.05em}.mini-row:last-child{border:0}.text-link{color:#6c9d34;text-decoration:none;font-size:10px;font-weight:800}.toolbar{display:flex;justify-content:space-between;gap:10px;margin-bottom:13px}.searchbox{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:0 11px;width:320px;height:38px}.searchbox.compact{width:220px;height:34px}.searchbox span{color:#93a29d;font-size:16px}.searchbox input{border:0;outline:0;flex:1;font:inherit;font-size:11px;color:var(--ink)}.filters{display:flex;gap:7px}.table-card{padding:0;overflow:hidden}.table-card .card-head{padding:18px 18px 0}.record-count{font-size:10px;color:#889892;background:#f3f6f4;border-radius:20px;padding:5px 9px}.table-scroll{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:780px}.data-table th{text-align:left;background:#fafcfb;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:11px 13px;color:#84928e;font-size:9px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.data-table td{padding:12px 13px;border-bottom:1px solid #eef2f0;color:#435b54;font-size:10px;white-space:nowrap}.data-table tbody tr{cursor:pointer}.data-table tbody tr:hover{background:#fbfdfc}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;color:#8b9995;font-size:9px}.pagination{display:flex;gap:4px}.pagination button{border:1px solid var(--line);background:#fff;width:26px;height:26px;border-radius:6px;color:#6d7e78}.pagination .current{background:var(--deep);color:#fff;border-color:var(--deep)}.finance-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:14px}.finance-card{display:flex;flex-direction:column;gap:5px}.finance-card span{font-size:10px;color:#8a9994}.finance-card strong{font-size:24px}.finance-card small{font-size:9px;color:#719087}.small-stat{display:flex;align-items:center;gap:12px}.small-stat strong{font-size:20px}.small-stat>span:last-child{font-size:10px;color:#83928d}.report-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.report-card{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:14px}.report-icon{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;font-weight:800}.report-icon.green{background:#edf6e3;color:#66952e}.report-icon.blue{background:#eaf2fb;color:#3978b9}.report-icon.purple{background:#f1ecfa;color:#7654b0}.report-icon.orange{background:#fcf0e3;color:#c47728}.report-icon.red{background:#fceaea;color:#b94444}.report-card h3{margin:0 0 4px;font-size:12px}.report-card p{margin:0 0 7px;font-size:9px;color:#8b9b96}.report-card strong{font-size:11px}.settings-layout{display:grid;grid-template-columns:220px 1fr;gap:14px}.settings-nav{background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;height:max-content}.settings-nav a{display:block;padding:10px 12px;border-radius:7px;text-decoration:none;color:#657772;font-size:11px;margin:2px 0}.settings-nav a.active{background:#edf6e3;color:#5e8f2a;font-weight:800}.settings-card{padding:20px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.form-grid label{font-size:10px;color:#6f817a;font-weight:700}.form-grid input,.form-grid select{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:7px;padding:10px;background:#fff;color:var(--ink);font:inherit;font-size:11px;outline:0}.setting-block{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.setting-block h3{font-size:12px;margin:0 0 4px}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #eef2f0}.toggle-row strong{display:block;font-size:11px}.toggle-row span{display:block;color:#8a9994;font-size:9px;margin-top:3px}.toggle{width:36px;height:20px;border:0;border-radius:20px;background:#cdd6d2;position:relative}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;background:#fff;border-radius:50%;transition:.2s}.toggle.on{background:var(--green)}.toggle.on:after{left:19px}.footer{text-align:center;color:#9ba8a4;font-size:9px;padding:20px}.modal{display:none;position:fixed;inset:0;background:rgba(0,28,23,.4);z-index:100;align-items:center;justify-content:center;padding:20px}.modal.show{display:flex}.modal-card{width:min(620px,100%);background:#fff;border-radius:14px;box-shadow:0 30px 80px rgba(0,0,0,.2);padding:22px;position:relative}.modal-close{position:absolute;right:13px;top:11px;border:0;background:#f3f6f4;border-radius:50%;width:28px;height:28px;cursor:pointer;color:#62756e}.record-detail h2{margin:0 0 4px;font-size:18px}.record-detail p{color:#879791;font-size:10px;margin:0 0 18px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.detail{padding:10px;background:#f7faf8;border-radius:8px}.detail small{display:block;color:#94a29d;font-size:8px;text-transform:uppercase;letter-spacing:.06em}.detail strong{display:block;font-size:11px;margin-top:3px}.toast{position:fixed;bottom:25px;right:25px;background:var(--deep);color:#fff;padding:11px 15px;border-radius:8px;font-size:11px;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s;z-index:120}.toast.show{opacity:1;transform:none}.mobile-menu{display:none;border:0;background:none;font-size:22px;color:var(--deep)}
@media(max-width:1180px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{grid-template-columns:1fr}.report-grid{grid-template-columns:1fr}.sidebar{width:230px}.main{margin-left:230px}}
@media(max-width:850px){.sidebar{transform:translateX(-100%);transition:.2s;width:264px}.sidebar.open{transform:none}.sidebar-close{display:block;position:absolute;right:8px;top:7px;border:0;background:transparent;color:#4d6b61;font-size:23px}.main{margin-left:0}.mobile-menu{display:block}.topbar{padding:0 15px}.profile-name,.profile>span{display:none}.breadcrumbs{display:none}.content{padding:20px 15px}.page-head{align-items:center}.page-head p{display:none}.dashboard-grid{grid-template-columns:1fr 1fr}.finance-cards{grid-template-columns:1fr}.settings-layout{grid-template-columns:1fr}.settings-nav{display:flex;overflow:auto;gap:4px}.settings-nav a{white-space:nowrap}.toolbar{flex-direction:column}.searchbox{width:100%}.filters{overflow:auto}.filters .filter{white-space:nowrap}}
@media(max-width:520px){.dashboard-grid{grid-template-columns:1fr}.page-head h1{font-size:20px}.page-actions .btn-light{display:none}.stat-value{font-size:21px}.form-grid{grid-template-columns:1fr}}
\n.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#eaf4e1 0,#f5f8f6 38%,#eef5f1 100%)}.login-card{width:min(410px,calc(100% - 30px));background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 60px rgba(4,44,36,.12);padding:34px}.login-card>img{width:210px;display:block;margin:0 auto 18px}.login-title{text-align:center;font-size:20px;font-weight:800;color:var(--deep)}.login-card>p{text-align:center;font-size:10px;color:#84948e;margin:5px 0 25px}.login-card form{display:flex;flex-direction:column;gap:14px}.login-card label{font-size:10px;font-weight:700;color:#61736d}.login-card input[type=email],.login-card input[type=password]{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid var(--line);border-radius:8px;font:inherit;outline:0}.login-row{display:flex!important;justify-content:space-between;align-items:center;font-weight:500!important}.login-row a{font-size:9px;color:#6b9b33}.check{display:flex;align-items:center;gap:5px}.check input{margin:0}.login-btn{width:100%;padding:12px}.demo-note{text-align:center;margin-top:17px;color:#9aa8a3;font-size:9px}