:root {
    --primary: #0a5c36;
    --primary-light: #1a7a4a;
    --primary-dark: #073d24;
    --gold: #d4a017;
    --gray-50: #f8fafc;
    --gray-100: #f1f5f9;
    --gray-200: #e2e8f0;
}
body { background: var(--gray-50); font-family: 'Segoe UI', system-ui, sans-serif; }
.top-nav { background: var(--primary-dark); }
.sidebar {
    width: 230px; background: white; min-height: calc(100vh - 56px);
    border-right: 1px solid var(--gray-200); padding-top: 12px; flex-shrink: 0;
}
.sidebar .nav-item {
    display: block; padding: 10px 20px; color: #475569; text-decoration: none;
    font-size: 14px; font-weight: 500; border-left: 3px solid transparent;
}
.sidebar .nav-item:hover { background: var(--gray-50); color: var(--primary); }
.main-content { padding: 24px 28px; }
.stat-card { border-left: 4px solid var(--primary); background: white; border-radius: 8px; padding: 16px 20px; box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.stat-card .number { font-size: 26px; font-weight: 700; }
.stat-card .label { font-size: 13px; color: #64748b; }
.login-wrap { min-height: 100vh; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--primary-dark), var(--primary)); }
.login-box { background: white; border-radius: 12px; padding: 36px 30px; width: 100%; max-width: 400px; }