:root{--green:#16a34a;--green2:#22c55e;--dark:#07110c;--ink:#0f172a;--muted:#64748b;--soft:#f8fafc;--line:#e5e7eb}
*{box-sizing:border-box}body{background:#f8fafc;color:#0f172a}.hero{background:radial-gradient(circle at top right,#22c55e44,transparent 35%),linear-gradient(135deg,#06130c,#020403);color:white}.glass{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px)}.card-soft{border:0;border-radius:24px;box-shadow:0 18px 45px rgba(15,23,42,.08);background:#fff}.btn-green{background:var(--green);color:white;border:0;font-weight:800}.btn-green:hover{background:#12813b;color:white}.badge-plan{background:#dcfce7;color:#166534}.table thead th{background:#f0fdf4}.stat{border-radius:24px;padding:24px;background:white;box-shadow:0 10px 30px rgba(15,23,42,.06)}.stat small{font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.stat h2{font-weight:900;margin:4px 0 0}.btn-xl{min-height:64px;border-radius:20px;font-size:1.05rem;font-weight:900}.app-shell{min-height:100vh}.sidebar{min-height:100vh;background:linear-gradient(180deg,#06130c,#07110c);box-shadow:14px 0 40px rgba(2,6,23,.12)}.sidebar h4{font-weight:900;letter-spacing:-.03em}.sidebar a{color:#d1fae5;text-decoration:none;display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:16px;margin:6px 0;font-weight:800}.sidebar a:hover,.sidebar a.active{background:#16a34a;color:white}.sidebar .menu-caption{color:#86efac;font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em;margin:20px 0 8px}.content-area{width:100%;min-width:0}.page-title{font-weight:950;letter-spacing:-.04em}.subtle{color:#64748b}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.quick-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:22px;text-decoration:none;color:#0f172a;box-shadow:0 14px 35px rgba(15,23,42,.06);transition:.18s ease}.quick-card:hover{transform:translateY(-2px);box-shadow:0 18px 45px rgba(15,23,42,.10);color:#0f172a}.quick-card .icon{width:56px;height:56px;border-radius:18px;background:#dcfce7;color:#166534;display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin-bottom:12px}.quick-card b{font-size:1.05rem}.quick-card small{display:block;color:#64748b;margin-top:4px}
/* Mobile hamburger layout */
.mobile-topbar,.mobile-menu-backdrop{display:none}.hamburger-btn{width:54px;height:54px;border:0;border-radius:17px;background:#16a34a;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;box-shadow:0 12px 28px rgba(22,163,74,.28)}.hamburger-btn span{width:24px;height:3px;background:#fff;border-radius:4px;display:block}.mobile-brand{line-height:1.05}.mobile-brand b{font-weight:950}.mobile-brand small{display:block;color:#64748b;font-size:.75rem}.mobile-exit{font-weight:800;color:#166534;text-decoration:none;background:#dcfce7;border-radius:15px;padding:11px 14px}.mobile-only-sidebar{display:none}
@media (max-width: 767.98px){body{background:#f8fafc}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:1040;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);padding:10px 14px;border-bottom:1px solid #e5e7eb;box-shadow:0 8px 24px rgba(15,23,42,.06)}.mobile-menu-backdrop{position:fixed;inset:0;background:rgba(2,6,23,.62);z-index:1045}.menu-open .mobile-menu-backdrop{display:block}.app-shell,.d-flex{display:block!important}.sidebar{position:fixed!important;top:0;left:-320px;width:296px!important;max-width:86vw;height:100vh;min-height:100vh;z-index:1050;transition:left .25s ease;border-radius:0 30px 30px 0;box-shadow:20px 0 50px rgba(2,6,23,.38);overflow-y:auto;padding-top:22px!important}.menu-open .sidebar{left:0}.sidebar h4{font-size:1.3rem;margin-bottom:18px}.sidebar a{font-size:1.05rem;padding:16px 18px;margin-bottom:8px}.col,main.col,.content-area{width:100%!important;max-width:100%!important;padding:16px!important}.stat{padding:18px}.card-soft{border-radius:22px}.btn,.form-control,.form-select{min-height:50px;border-radius:14px}.btn-sm{min-height:42px;padding:.55rem .8rem}.btn-xl{min-height:60px}.table{font-size:.92rem}.table td,.table th{white-space:nowrap}.modal-dialog{margin:12px}.mobile-only-sidebar{display:block}.quick-grid{grid-template-columns:1fr}.page-title{font-size:1.65rem}.hide-mobile{display:none!important}}
@media (min-width: 768px){.menu-open .mobile-menu-backdrop{display:none!important}.sidebar{flex:0 0 248px}.sidebar.col-md-2{width:248px}.desktop-sticky{position:sticky;top:0;align-self:flex-start}.content-area{padding:28px!important}}