:root{--ink:#17211d;--muted:#718079;--line:#dfe7e2;--paper:#f3f7f4;--white:#fff;--green:#0d6b4f;--green2:#19a878;--mint:#daf4e9;--lime:#e8f5c7;--blue:#dceefb;--violet:#e9e2fb;--danger:#b83b42;--warning:#96620b;--shadow:0 18px 45px rgba(29,59,47,.08)}
*{box-sizing:border-box}html{font-size:15px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:250px;padding:28px 18px;background:#123f33;color:#dff5ec;display:flex;flex-direction:column}.brand,.login-brand{display:flex;align-items:center;gap:12px}.brand{padding:0 10px 34px}.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#c9f36c;color:#173b2f;font:800 13px 'Manrope';box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}.brand strong,.login-brand strong{display:block;font:800 17px 'Manrope'}.brand small,.login-brand small{display:block;font-size:9px;letter-spacing:2px;opacity:.62;margin-top:2px}.sidebar nav{display:grid;gap:6px}.sidebar nav a{display:flex;gap:13px;align-items:center;padding:12px 14px;border-radius:11px;color:#bcd5cb;font-weight:600}.sidebar nav a span{width:23px;text-align:center;font-size:18px}.sidebar nav a:hover,.sidebar nav a.active{background:rgba(218,244,233,.12);color:#fff}.sidebar nav a.active{box-shadow:inset 3px 0 #c9f36c}.sidebar-foot{margin-top:auto;padding-top:22px;border-top:1px solid rgba(255,255,255,.1)}.user-chip{display:flex;align-items:center;gap:10px}.user-chip>span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#d7efe6;color:#174b3c;font-weight:800}.user-chip strong,.user-chip small{display:block;max-width:140px;overflow:hidden;text-overflow:ellipsis}.user-chip small{font-size:11px;opacity:.62}.logout-button{margin-top:12px;width:100%;border:0;background:transparent;color:#bcd5cb;text-align:left;padding:8px;cursor:pointer}.main{width:calc(100% - 250px);margin-left:250px;min-height:100vh}.topbar{height:94px;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:0 clamp(22px,4vw,54px);display:flex;align-items:center;gap:15px;position:sticky;top:0;z-index:10}.topbar p{margin:0 0 3px;color:var(--muted);font-size:11px;letter-spacing:1px;text-transform:uppercase}.topbar h1{margin:0;font:800 clamp(19px,2vw,24px) 'Manrope'}.live-pill{margin-left:auto;background:#edf8f3;border:1px solid #cde8dd;color:#2d6352;padding:8px 12px;border-radius:99px;font-size:12px;font-weight:700}.live-pill i{display:inline-block;width:7px;height:7px;background:#21ae78;border-radius:50%;margin-right:6px}.menu-button{display:none;border:0;background:none;font-size:22px}.content{padding:32px clamp(22px,4vw,54px) 60px;max-width:1550px;margin:auto}.hero-panel{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:33px 36px;margin-bottom:22px;color:#fff;border-radius:20px;background:linear-gradient(115deg,#164a3b,#0c7253);box-shadow:var(--shadow);overflow:hidden;position:relative}.hero-panel:after{content:'';position:absolute;width:280px;height:280px;right:10%;top:-150px;border:55px solid rgba(201,243,108,.12);border-radius:50%}.hero-panel>*{position:relative;z-index:1}.kicker,.panel-head span{font-size:10px;letter-spacing:1.5px;font-weight:800;opacity:.7}.hero-panel h2{font:800 29px 'Manrope';margin:8px 0 3px}.hero-panel p{margin:0;color:#bfe1d4}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;border:1px solid transparent;border-radius:10px;padding:10px 15px;font-weight:700;cursor:pointer;white-space:nowrap}.button.primary{background:#c9f36c;color:#183c30}.button.secondary{background:#fff;border-color:var(--line);color:var(--ink)}.button.danger{background:#fff0f0;color:var(--danger);border-color:#f1cdcf}.button.small{padding:7px 10px;font-size:12px}.button.wide{width:100%;padding:13px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stat-card{padding:22px;border-radius:16px;min-height:145px;display:flex;flex-direction:column;box-shadow:0 8px 24px rgba(30,60,50,.04)}.stat-card.mint{background:var(--mint)}.stat-card.lime{background:var(--lime)}.stat-card.blue{background:var(--blue)}.stat-card.violet{background:var(--violet)}.stat-card span{font-weight:700;font-size:12px;color:#456157}.stat-card strong{font:800 32px 'Manrope';margin:auto 0 0}.stat-card small{color:#607069}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 9px 30px rgba(29,59,47,.04);overflow:hidden}.split-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:21px 23px;border-bottom:1px solid var(--line)}.panel-head h3{margin:3px 0 0;font:800 17px 'Manrope'}.panel-head a,.text-link{font-size:12px;font-weight:800;color:var(--green)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{padding:11px 18px;color:#7c8b84;background:#fafcfb;font-size:10px;text-transform:uppercase;letter-spacing:.8px}td{padding:14px 18px;border-top:1px solid #edf1ef;vertical-align:middle}td strong,td small{display:block}td small{color:var(--muted);font-size:11px;margin-top:2px}.badge{display:inline-flex;padding:5px 9px;border-radius:30px;background:#e6f6ee;color:#167052;font-size:11px;font-weight:800}.badge.off{background:#fbe9e9;color:#ad4146}.badge.warn{background:#fff4d8;color:#8a640e}.activity-list{padding:5px 22px}.activity-list>div{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #edf1ef}.activity-list>div:last-child{border:0}.activity-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:#e5f5ed;color:var(--green);font-weight:800}.activity-list p{margin:0;flex:1}.activity-list p strong,.activity-list p small{display:block}.activity-list p small{font-size:11px;color:var(--muted);margin-top:2px}.activity-list b{font-size:13px}.empty{text-align:center;color:var(--muted);padding:35px!important}.page-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.page-actions p{margin:4px 0 0;color:var(--muted)}.actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.inline{display:inline}.icon-button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 9px;cursor:pointer;color:#486259}.filter-bar{display:flex;gap:9px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:16px}.filter-bar input{flex:1}.filter-bar input,.filter-bar select,.form-grid input,.form-grid select,.form-grid textarea,.form-stack input{border:1px solid #ccd8d2;border-radius:9px;padding:10px 12px;background:#fff;color:var(--ink);outline:none}.filter-bar input:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.form-stack input:focus{border-color:#2a9a73;box-shadow:0 0 0 3px rgba(42,154,115,.1)}.form-card{max-width:900px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.form-grid label,.form-stack label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#3f554d}.form-grid label.full{grid-column:1/-1}.form-grid textarea{min-height:100px;resize:vertical}.form-help{font-size:11px!important;color:var(--muted)!important;font-weight:400!important}.check{display:flex!important;grid-auto-flow:column;justify-content:start;align-items:center}.check input{width:16px;height:16px}.form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);padding-top:20px;margin-top:3px}.alert{padding:13px 16px;border-radius:10px;margin-bottom:15px;background:#e8f6ef;color:#205e49;border:1px solid #c9e8da}.alert.warning{background:#fff7df;color:#805f16;border-color:#efdda7}.alert.error{background:#ffeded;color:#9c343b;border-color:#f1c9cc}.alert ul{margin:7px 0 0}.pagination{display:flex;justify-content:center;margin-top:18px}.pagination nav{width:100%}.pagination svg{width:18px}.login-page{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 15% 15%,#dff3e9,transparent 35%),linear-gradient(135deg,#eff6f2,#d9e9e2)}.login-card{width:min(430px,100%);background:rgba(255,255,255,.94);padding:36px;border:1px solid rgba(255,255,255,.8);border-radius:24px;box-shadow:0 30px 90px rgba(28,70,53,.16)}.login-brand{color:#164b3b;margin-bottom:42px}.login-copy>span{font-size:10px;letter-spacing:1.8px;color:var(--green);font-weight:800}.login-copy h1{font:800 32px 'Manrope';margin:8px 0}.login-copy p{color:var(--muted);line-height:1.6;margin:0 0 25px}.form-stack{display:grid;gap:17px}.login-foot{text-align:center;color:#8a9892;font-size:10px;margin:22px 0 0}.backdrop{display:none}
@media(max-width:1050px){.stats-grid{grid-template-columns:repeat(2,1fr)}.split-grid{grid-template-columns:1fr}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.backdrop.show{display:block;position:fixed;z-index:15;inset:0;background:rgba(8,29,22,.48)}.main{width:100%;margin:0}.menu-button{display:block}.topbar{height:76px}.live-pill{display:none}.content{padding-top:20px}.hero-panel{align-items:start;flex-direction:column;padding:25px}.hero-panel h2{font-size:24px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{min-height:125px;padding:17px}.stat-card strong{font-size:27px}.page-actions{align-items:start;flex-direction:column}.filter-bar{flex-wrap:wrap}.filter-bar input{flex-basis:100%}.form-grid{grid-template-columns:1fr}.form-grid label.full,.form-actions{grid-column:auto}.form-actions{justify-content:stretch}.form-actions .button{flex:1}th,td{padding:12px}.hide-mobile{display:none}}
@media(max-width:430px){.stats-grid{grid-template-columns:1fr}.login-card{padding:27px}.content{padding-left:14px;padding-right:14px}}