:root{
  --bg:#f4f2ec;--surface:#fff;--surface-soft:#f8f6f1;--ink:#18302a;--muted:#718079;
  --green:#123f35;--green-2:#1e5b4b;--green-3:#2f755f;--cream:#f3e4b8;--line:#e6e2d8;
  --warning:#a36a16;--warning-bg:#fff5df;--shadow:0 16px 42px rgba(17,50,42,.07);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:272px;background:linear-gradient(180deg,#0f3b31,#10372f 68%,#0c2f29);color:#fff;padding:22px 16px 16px;display:flex;flex-direction:column;z-index:40}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;padding:0 6px 18px}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none}.brand img{width:42px;height:42px;border-radius:13px;object-fit:cover;background:#f7e9bb}.brand div{display:grid}.brand strong{font-family:Manrope,sans-serif;font-size:15px}.brand span{font-size:11px;color:#b9d1c8}.icon-btn{border:0;background:transparent;font:inherit;cursor:pointer}.sidebar-close{display:none;color:#fff;font-size:27px}.workspace-badge{margin:0 4px 16px;padding:12px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.055);border-radius:15px;display:flex;align-items:center;gap:10px}.workspace-dot{width:8px;height:8px;border-radius:50%;background:#8ed0ad;box-shadow:0 0 0 4px rgba(142,208,173,.1)}.workspace-badge div{display:grid;gap:2px}.workspace-badge small{font-size:8px;letter-spacing:.15em;color:#94b5aa}.workspace-badge strong{font-size:11px}.nav{display:grid;gap:3px;overflow:auto;padding:3px 0}.nav-item{min-height:44px;padding:0 11px;border-radius:12px;color:#c8d8d2;text-decoration:none;display:flex;align-items:center;gap:11px;font-size:12px;font-weight:650;transition:.2s}.nav-item:hover{background:rgba(255,255,255,.065);color:#fff}.nav-item.active{background:#f1e5c4;color:#10382f}.nav-icon{width:20px;text-align:center;font-size:15px}.soon{margin-left:auto;font-size:8px;text-transform:uppercase;letter-spacing:.08em;opacity:.65}.nav-separator{height:1px;background:rgba(255,255,255,.09);margin:7px 6px}.sidebar-bottom{margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.profile-card{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:9px;border-radius:14px;background:rgba(255,255,255,.055)}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#f1e5c4;color:#123f35;font-weight:900;font-size:11px}.profile-card div:nth-child(2){display:grid}.profile-card strong{font-size:11px}.profile-card span{font-size:9px;color:#9fbdb3}.more-btn{border:0;background:transparent;color:#9fbdb3}.switch-portal{display:block;margin-top:10px;color:#b9d1c8;text-decoration:none;font-size:10px;text-align:center;padding:9px}.switch-portal:hover{color:#fff}.main-area{min-height:100vh;margin-left:272px}.topbar{height:91px;background:rgba(244,242,236,.92);backdrop-filter:blur(15px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:20}.topbar-left{display:flex;align-items:center;gap:12px}.topbar h1{font:800 24px/1 Manrope,sans-serif;margin:5px 0 0}.eyebrow{margin:0;font-size:9px;letter-spacing:.16em;font-weight:800;color:#ad8650}.menu-btn{display:none;font-size:23px}.topbar-actions{display:flex;align-items:center;gap:9px}.status-chip{display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:#e6f1eb;color:#27634f;font-size:10px;font-weight:800}.status-chip i{width:7px;height:7px;background:#54a077;border-radius:50%}.notification-btn{width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:#fff;position:relative}.notification-dot{position:absolute;top:7px;right:8px;width:6px;height:6px;border-radius:50%;background:#d1913d}.date-card{padding:7px 12px;background:#fff;border:1px solid var(--line);border-radius:12px;display:grid}.date-card small{font-size:8px;color:var(--muted)}.date-card strong{font-size:10px;margin-top:2px}.content{padding:28px 32px 48px;max-width:1560px;margin:auto}.welcome-card{min-height:275px;border-radius:26px;padding:34px;background:linear-gradient(122deg,#164d40 0%,#1f5c4c 58%,#286b57 100%);color:#fff;display:grid;grid-template-columns:1.25fr .75fr;overflow:hidden;position:relative;box-shadow:0 22px 50px rgba(13,58,46,.14)}.welcome-copy{position:relative;z-index:2}.welcome-kicker{font-size:9px;letter-spacing:.19em;color:#e9c983;font-weight:900}.welcome-copy h2{font:800 clamp(29px,3vw,43px)/1.08 Manrope,sans-serif;margin:12px 0 13px;letter-spacing:-.035em}.welcome-copy p{max-width:590px;color:#c7ddd5;line-height:1.65;margin:0;font-size:13px}.welcome-actions{display:flex;align-items:center;gap:13px;margin-top:21px}.btn{border:0;border-radius:12px;padding:12px 17px;font:750 11px DM Sans,sans-serif}.btn-light{background:#f3e5bb;color:#153b32}.btn:disabled{opacity:.78;cursor:not-allowed}.demo-note{font-size:9px;color:#bbd3cb}.welcome-art{position:relative;min-height:200px}.orb{position:absolute;border-radius:50%;filter:blur(.2px)}.orb-one{width:250px;height:250px;background:rgba(235,214,154,.11);right:5%;top:-35px}.orb-two{width:145px;height:145px;border:1px solid rgba(255,255,255,.14);right:37%;bottom:-60px}.art-card{position:absolute;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(8px);border-radius:18px;box-shadow:0 20px 35px rgba(0,0,0,.08)}.art-card-a{right:48px;top:32px;width:135px;height:126px;padding:22px;transform:rotate(4deg)}.art-card-a small{display:block;font-size:8px;color:#cfe1da;letter-spacing:.14em}.art-card-a strong{display:block;font:800 43px Manrope;margin-top:10px;color:#f3e4b8}.art-card-b{right:165px;bottom:13px;width:170px;padding:15px;display:flex;align-items:center;gap:10px;transform:rotate(-3deg)}.art-card-b span{width:29px;height:29px;border-radius:9px;background:#f3e4b8;color:#18463a;display:grid;place-items:center;font-weight:900}.art-card-b small{font-size:9px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:28px 2px 13px}.section-heading h3,.panel-head h3{font:800 18px Manrope,sans-serif;margin:4px 0 0}.empty-data-label{font-size:9px;color:var(--muted);background:#ebe8e1;padding:7px 10px;border-radius:999px}.stats-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:16px;display:flex;align-items:center;gap:12px;min-width:0;box-shadow:0 8px 26px rgba(31,57,49,.035)}.stat-icon{width:38px;height:38px;border-radius:12px;background:#e7f0eb;color:#205845;display:grid;place-items:center;font-weight:900;flex:0 0 auto}.stat-card.warning .stat-icon{background:var(--warning-bg);color:var(--warning)}.stat-meta{display:grid;min-width:0}.stat-meta span{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-meta strong{font:800 22px Manrope;margin:2px 0}.stat-meta small{font-size:8px;color:#9aa39f}.dashboard-grid{display:grid;grid-template-columns:1.55fr .75fr;gap:16px;margin-top:16px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:19px;box-shadow:var(--shadow)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.text-btn{border:0;background:transparent;color:#28715a;font:800 10px DM Sans}.count-badge{min-width:26px;height:26px;padding:0 8px;border-radius:999px;background:#e9efec;color:#2c664f;display:grid;place-items:center;font-size:9px;font-weight:900}.empty-state{min-height:126px;border:1px dashed #d9d6ce;background:var(--surface-soft);border-radius:15px;display:flex;align-items:center;justify-content:center;gap:14px;padding:22px}.empty-illustration{width:52px;height:52px;border-radius:15px;background:#e7efeb;color:#28624e;display:grid;place-items:center;font-size:20px}.empty-state h4,.attention-empty h4{margin:0 0 5px;font:800 13px Manrope}.empty-state p,.attention-empty p{margin:0;color:var(--muted);font-size:10px;line-height:1.55;max-width:440px}.attention-empty{text-align:center;display:grid;place-items:center;min-height:150px;padding:15px}.success-mark{width:44px;height:44px;border-radius:50%;background:#e7f1eb;color:#2c6b53;display:grid;place-items:center;font-size:18px;font-weight:900;margin-bottom:8px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;min-width:650px}th,td{text-align:left;padding:12px 13px;border-bottom:1px solid #eeeae2;font-size:10px}th{background:#faf9f6;color:#7a847f;font-size:8px;letter-spacing:.08em;text-transform:uppercase}.empty-row td{text-align:center;color:#919b96;padding:34px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick-grid button,.quick-grid a{border:1px solid var(--line);background:var(--surface-soft);border-radius:14px;padding:13px;text-align:left;display:grid;grid-template-columns:31px 1fr;grid-template-rows:auto auto;column-gap:10px;color:var(--ink);text-decoration:none}.quick-grid button{font:inherit;opacity:.68}.quick-grid span{grid-row:1/3;width:31px;height:31px;border-radius:9px;background:#e7efeb;color:#24604b;display:grid;place-items:center;font-weight:900}.quick-grid strong{font-size:10px;align-self:end}.quick-grid small{font-size:8px;color:var(--muted);margin-top:2px}.sidebar-backdrop{display:none}
@media(max-width:1280px){.stats-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr 1fr}.panel-wide{grid-column:span 2}.quick-panel{grid-column:auto}.attention-panel{grid-column:auto}}
@media(max-width:900px){.sidebar{transform:translateX(-105%);transition:.25s}.sidebar.open{transform:translateX(0)}.sidebar-close{display:block}.sidebar-backdrop{position:fixed;inset:0;background:rgba(7,31,26,.45);z-index:35}.sidebar-backdrop.show{display:block}.main-area{margin-left:0}.menu-btn{display:block}.topbar{padding:0 18px;height:82px}.content{padding:20px 18px 40px}.welcome-card{grid-template-columns:1fr}.welcome-art{display:none}.dashboard-grid{grid-template-columns:1fr}.panel-wide,.quick-panel,.attention-panel{grid-column:auto}.date-card{display:none}}
@media(max-width:620px){.status-chip{display:none}.topbar h1{font-size:20px}.content{padding:14px 12px 32px}.welcome-card{padding:24px 20px;border-radius:20px;min-height:auto}.welcome-copy h2{font-size:29px}.welcome-actions{align-items:flex-start;flex-direction:column}.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:12px;gap:9px}.stat-icon{width:34px;height:34px}.stat-meta strong{font-size:19px}.stat-meta span{font-size:8px}.empty-data-label{display:none}.section-heading{margin-top:22px}.quick-grid{grid-template-columns:1fr}.panel{padding:14px;border-radius:16px}.panel-head{align-items:flex-start}.topbar-actions{gap:5px}}
@media(max-width:390px){.stats-grid{grid-template-columns:1fr}}