:root{--green:#386e54;--green-dark:#2f5d47;--green-soft:#e8f1ed;--black:#111827;--white:#fff;--bg:#c9d8d2;--line:#e5e7eb;--muted:#6b7280;--card-radius:24px}html,body{background:var(--bg);color:#111827;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}a{color:inherit;text-decoration:none}.app-shell{grid-template-columns:290px 1fr;min-height:100vh;display:grid}.app-main{padding:18px}.app-content{margin-top:16px}.sidebar{color:#fff;background:#386e54;border-right:1px solid #2f5d47;min-height:100vh;padding:20px}.sidebar-brand{background:#ffffff14;border:1px solid #ffffff24;border-radius:24px;margin-bottom:18px;padding:16px}.sidebar-kicker{color:#d9e7df;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700}.sidebar-brand h1{margin:0 0 8px;font-size:18px}.sidebar-brand p{color:#eef5f1;margin:0;font-size:13px;line-height:1.45}.sidebar-nav{flex-direction:column;gap:8px;display:flex}.sidebar-link{color:#f3f7f5;border-radius:16px;align-items:center;gap:10px;padding:12px 14px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.sidebar-link:hover{background:#ffffff1a}.sidebar-link.active{color:#386e54;background:#fff}.sidebar-link-icon{justify-content:center;width:20px;display:inline-flex}.sidebar-box{background:#ffffff1a;border:1px solid #ffffff29;border-radius:24px;margin-top:18px;padding:16px}.sidebar-box-label{color:#afc5bb;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.sidebar-box-value{margin:6px 0;font-size:28px;font-weight:700}.sidebar-box-text{color:#eef5f1;font-size:13px;line-height:1.4}.topbar{border:1px solid var(--line);border-radius:var(--card-radius);background:#fff;justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex;box-shadow:0 1px 2px #0000000a}.topbar-title{margin:0;font-size:28px}.topbar-subtitle{color:var(--muted);margin:6px 0 0;font-size:14px}.topbar-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.topbar-search{border:1px solid var(--line);background:#fff;border-radius:16px;min-width:280px;padding:11px 14px}.topbar-button{background:var(--black);color:#fff;cursor:pointer;border:0;border-radius:16px;padding:11px 16px;font-weight:700}.page-card{border:1px solid var(--line);border-radius:var(--card-radius);background:#fff;padding:20px;box-shadow:0 1px 2px #0000000a}.page-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.kpi-card{border:1px solid var(--line);border-radius:var(--card-radius);background:#fff;padding:16px;box-shadow:0 1px 2px #0000000a}.kpi-icon{background:var(--green-soft);width:44px;height:44px;color:var(--green);border-radius:14px;justify-content:center;align-items:center;margin-bottom:14px;font-size:20px;display:flex}.kpi-label{color:var(--muted);margin-bottom:8px;font-size:13px}.kpi-value{font-size:28px;font-weight:700}.kpi-note{color:var(--muted);margin-top:8px;font-size:13px;line-height:1.4}.dashboard-grid{grid-template-columns:1.4fr 1fr;gap:16px;margin-top:16px;display:grid}.section-title{margin:0 0 14px;font-size:22px}.section-text{color:var(--muted);font-size:14px;line-height:1.6}.status-list{flex-direction:column;gap:12px;display:flex}.status-item{align-items:center;gap:10px;font-size:14px;display:flex}.status-dot{border-radius:999px;width:10px;height:10px}.status-dot.success{background:var(--green)}.status-dot.pending{background:#d1d5db}.module-chips{flex-wrap:wrap;gap:10px;display:flex}.module-chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:700}.module-chip.active{background:var(--green-soft);color:var(--green);border-color:#386e544d}@media (max-width:1100px){.page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto}}@media (max-width:700px){.topbar{flex-direction:column;align-items:flex-start}.topbar-search{width:100%;min-width:0}.page-grid{grid-template-columns:1fr}}