@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap');
:root{--green:#0b6b46;--green-2:#14a06f;--ink:#10231b;--muted:#66756e;--surface:#f4f7f5;--line:#e3ebe7;--sidebar:#102a20}*{box-sizing:border-box}body{margin:0;background:var(--surface);color:var(--ink);font-family:Inter,'Hind Siliguri',sans-serif}.auth-bg{min-height:100vh;background:radial-gradient(circle at top right,#d8f6e9,transparent 35%),#f2f7f4}.auth-card{max-width:430px;background:#fff;padding:36px;border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 70px rgba(16,42,32,.1)}.brand-mark{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--green),var(--green-2));color:#fff;font-size:26px;font-weight:800}.brand-mark.small{width:38px;height:38px;border-radius:12px;font-size:20px}.btn-primary{--bs-btn-bg:var(--green);--bs-btn-border-color:var(--green);--bs-btn-hover-bg:#075b3b;--bs-btn-hover-border-color:#075b3b}.form-control,.form-select{min-height:46px;border-color:var(--line);border-radius:10px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:var(--sidebar);color:#fff;padding:22px 16px;z-index:1040}.sidebar-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:700;font-size:18px;padding:0 10px 25px}.sidebar-nav{display:grid;gap:5px}.sidebar-nav a{display:flex;gap:12px;align-items:center;padding:11px 14px;border-radius:10px;color:#bcd0c7;text-decoration:none;font-size:14px}.sidebar-nav a:hover,.sidebar-nav a.active{background:rgba(255,255,255,.1);color:#fff}.main-area{margin-left:260px}.topbar{height:84px;padding:0 28px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1020}.topbar h1{font-size:20px;margin:0;font-weight:700}.user-pill{border:0;background:#f0f6f3;padding:7px 12px 7px 7px;border-radius:30px;font-size:13px}.user-pill span{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--green);color:white;margin-right:8px}.icon-btn{border:0;background:transparent;font-size:26px}.content-area{padding:28px}.stat-card,.panel-card{background:#fff;border:1px solid var(--line);border-radius:16px}.stat-card{padding:20px;height:100%}.stat-card .icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#e4f6ef;color:var(--green);font-size:20px}.stat-card h3{font-size:25px;margin:18px 0 3px}.stat-card p{margin:0;color:var(--muted);font-size:13px}.panel-card{padding:22px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-title h2{font-size:17px;margin:0}.table{font-size:13px}.table>:not(caption)>*>*{padding:12px 10px;border-color:var(--line);vertical-align:middle}.badge-soft{background:#e2f5ed;color:#087149;padding:6px 9px;border-radius:20px}.sidebar-backdrop{display:none}@media(max-width:991.98px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.main-area{margin-left:0}.topbar{padding:0 16px}.content-area{padding:18px}.sidebar-backdrop.show{display:block;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:1030}}@media(max-width:575px){.user-pill{font-size:0}.user-pill span{margin:0}.auth-card{padding:26px 22px}.topbar h1{font-size:17px}}

/* Professional sidebar */
.sidebar{width:272px;padding:22px 16px 18px;background:linear-gradient(180deg,#102a20,#0a2017);display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.06);box-shadow:12px 0 40px rgba(5,24,16,.08)}.main-area{margin-left:272px}.sidebar-brand{padding:0 10px 24px;font-size:initial}.sidebar-brand>span:last-child{display:grid}.sidebar-brand strong{font-size:17px;line-height:1.2}.sidebar-brand small{margin-top:4px;color:#78998b;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.sidebar-label{padding:0 13px 9px;color:#6f9183;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.13em}.sidebar-nav{gap:4px}.sidebar-nav a,.view-site-link{position:relative;display:flex;align-items:center;gap:11px;min-height:45px;padding:7px 11px;border-radius:12px;color:#b9cec5;text-decoration:none;font-size:13px;font-weight:500;transition:.2s}.nav-icon{width:31px;height:31px;flex:0 0 31px;border-radius:9px;display:grid;place-items:center;color:#8eb1a2;transition:.2s}.sidebar-nav a:hover,.sidebar-nav a.active,.view-site-link:hover{background:rgba(255,255,255,.075);color:#fff;transform:translateX(2px)}.sidebar-nav a.active{background:linear-gradient(90deg,rgba(20,160,111,.28),rgba(20,160,111,.08));box-shadow:inset 0 0 0 1px rgba(49,202,145,.13)}.sidebar-nav a.active:before{content:"";position:absolute;left:-5px;width:3px;height:22px;border-radius:0 5px 5px 0;background:#38d39f;box-shadow:0 0 12px rgba(56,211,159,.55)}.sidebar-nav a.active .nav-icon{background:#149765;color:#fff}.nav-arrow{margin-left:auto;color:#5ed4aa;font-size:10px}.sidebar-footer{margin-top:auto;padding-top:13px;border-top:1px solid rgba(255,255,255,.07)}.view-site-link{margin-bottom:10px;color:#bcebd9}.view-site-link .nav-icon{background:rgba(20,160,111,.15);color:#4bd7a5}.sidebar-user{display:flex;align-items:center;gap:10px;padding:11px 10px 1px}.user-avatar{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:#fff;color:#0b6b46;font-weight:700}.sidebar-user>span:last-child{display:grid;min-width:0}.sidebar-user strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user small{margin-top:2px;color:#78998b;font-size:10px}@media(max-width:991.98px){.main-area{margin-left:0}.sidebar-backdrop.show{background:rgba(3,20,13,.55);backdrop-filter:blur(3px)}}