:root{--color-white:#fff;--color-page:#f7f9fb;--color-surface:#fff;--color-surface-soft:#fbfcfd;--color-border:#e0e4e7;--color-text:#1f2128;--color-muted:#72767c;--color-soft:#32475c99;--color-primary:#0760a0;--color-primary-dark:#064573;--color-primary-soft:#e3ecf1;--color-green:#0797a0;--color-blue:#4b82df;--color-orange:#ff764c;--color-purple:#835cc3;--color-primary-08:#0760a014;--color-primary-12:#0760a01f;--color-primary-16:#0760a029;--color-primary-22:#0760a038;--color-topbar-border:#ffffffb3;--color-topbar-bg:#ffffffbd;--color-sidebar-bg:#ffffffeb;--color-backdrop:#0f172a57;--color-hero-start:#e3ecf1f5;--color-hero-end:#fffffff0;--font-family-base:"DM Sans", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:12px;--font-size-sm:13px;--font-size-md:14px;--font-size-base:16px;--font-size-lg:20px;--font-size-xl:24px;--font-size-2xl:28px;--font-size-3xl:40px;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extra-bold:800;--line-height-tight:1.1;--line-height-base:1.55;--line-height-relaxed:1.6;--radius-sm:10px;--radius-md:12px;--radius-lg:14px;--radius-xl:18px;--radius-2xl:22px;--radius-round:999px;--space-1:4px;--space-2:8px;--space-3:10px;--space-4:12px;--space-5:16px;--space-6:18px;--space-7:20px;--space-8:24px;--space-9:32px;--sidebar-width-expanded:260px;--sidebar-width-collapsed:64px;--content-max-width:1440px;--viewport-height:100dvh;--shadow-soft:0 18px 45px #1f212814;--shadow-card:0 10px 30px #0f172a0f;--shadow-sidebar:8px 0 28px #0f172a08;--shadow-topbar:0 10px 30px #0f172a1f;--transition-fast:.16s ease;--transition-base:.22s ease;--transition-layout:.25s ease;color:var(--color-text);background:var(--color-page);font-family:var(--font-family-base);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:radial-gradient(circle at top left, var(--color-primary-08), transparent 36rem), var(--color-page);min-width:320px;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}#root{min-height:100svh}.admin-shell{min-height:100vh;min-height:var(--viewport-height);display:flex}.admin-sidebar,.mobile-sidebar{width:var(--sidebar-width-expanded);min-width:var(--sidebar-width-expanded);height:100vh;height:var(--viewport-height);max-height:var(--viewport-height);border-right:1px solid var(--color-border);background:var(--color-sidebar-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-sidebar);flex-direction:column;padding:16px 12px 12px;display:flex;overflow:hidden}.admin-sidebar{transition:width .25s,min-width .25s;position:sticky;top:0}.admin-sidebar.is-collapsed{width:var(--sidebar-width-collapsed);min-width:var(--sidebar-width-collapsed);padding-inline:6px}.sidebar-brand-row{justify-content:space-between;align-items:center;gap:8px;min-height:56px;margin-bottom:16px;display:flex;position:relative}.sidebar-brand{min-width:0;color:var(--color-text);align-items:center;gap:12px;text-decoration:none;display:flex}.brand-mark{width:40px;height:40px;color:var(--color-white);font-weight:var(--font-weight-extra-bold);background:linear-gradient(135deg, var(--color-primary), var(--color-green));box-shadow:0 12px 24px var(--color-primary-22);border-radius:12px;flex:0 0 40px;place-items:center;display:grid}.brand-copy,.sidebar-link-copy,.user-copy{flex-direction:column;min-width:0;display:flex}.brand-copy strong,.sidebar-link-copy strong,.user-copy strong{font-size:var(--font-size-md);text-overflow:ellipsis;white-space:nowrap;line-height:1.2;overflow:hidden}.brand-copy small,.sidebar-link-copy small,.user-copy small{color:var(--color-muted);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap;line-height:1.4;overflow:hidden}.collapse-toggle{z-index:2;border:1px solid var(--color-border);width:26px;height:26px;color:var(--color-primary);background:var(--color-white);box-shadow:var(--shadow-card);border-radius:50%;place-items:center;display:grid;position:absolute;top:68px;right:-13px}.sidebar-nav{flex-direction:column;flex:1;gap:6px;min-height:0;padding-block:4px;display:flex;overflow-y:auto}.sidebar-link{min-height:52px;color:var(--color-muted);border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:8px 10px;text-decoration:none;transition:background-color .18s,color .18s,border-color .18s;display:flex}.sidebar-link:hover{color:var(--color-primary);background:var(--color-primary-soft)}.sidebar-link.is-active{border-color:var(--color-primary-16);color:var(--color-primary);background:var(--color-primary-soft)}.sidebar-link-icon{flex:0 0 32px;place-items:center;width:32px;height:32px;display:grid}.sidebar-link-icon svg{fill:currentColor;width:22px;height:22px}.sidebar-footer{border:1px solid var(--color-border);background:var(--color-surface);border-radius:14px;flex-shrink:0;align-items:center;gap:10px;margin-top:auto;padding:10px;display:flex}.avatar{width:36px;height:36px;color:var(--color-white);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);background:var(--color-primary);border-radius:50%;flex:0 0 36px;place-items:center;display:grid}.admin-main{flex:1;min-width:0}.admin-content{width:100%;max-width:var(--content-max-width);margin-inline:auto;padding:32px}.mobile-topbar,.mobile-sidebar,.mobile-backdrop{display:none}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.breadcrumb,.eyebrow{color:var(--color-soft);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.02em}.page-header h1,.hero-panel h2,.panel h2{color:var(--color-text);margin:0}.page-header h1{margin-top:4px;font-size:clamp(28px,4vw,40px);line-height:1.1}.profile-summary{color:var(--color-text);flex-direction:column;align-items:flex-end;gap:2px;display:flex}.profile-summary small{color:var(--color-muted);text-transform:capitalize}.hero-panel{border:1px solid var(--color-primary-12);background:linear-gradient(135deg, var(--color-hero-start), var(--color-hero-end)), var(--color-surface);box-shadow:var(--shadow-soft);border-radius:22px;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;padding:clamp(20px,3vw,32px);display:flex}.hero-panel p{max-width:720px;color:var(--color-muted);margin:10px 0 0;line-height:1.6}.hero-actions{gap:10px;display:flex}.button{min-height:40px;font-weight:var(--font-weight-bold);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:9px 18px;transition:transform .16s,box-shadow .16s,background-color .16s;display:inline-flex}.button:hover{box-shadow:var(--shadow-card);transform:translateY(-1px)}.button-primary{color:var(--color-white);background:var(--color-primary)}.button-secondary,.button-ghost{border-color:var(--color-border);color:var(--color-primary);background:var(--color-white)}.station-promo{border:1px solid var(--color-primary-12);background:linear-gradient(135deg, var(--color-hero-start), var(--color-hero-end)), var(--color-surface);box-shadow:var(--shadow-soft);border-radius:22px;flex-direction:column;gap:20px;margin-bottom:24px;padding:clamp(20px,3vw,32px);display:flex}.station-promo-header{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.station-promo-header h2{color:var(--color-text);margin:4px 0 0}.station-promo-header p{max-width:560px;color:var(--color-muted);margin:10px 0 0;line-height:1.6}.station-promo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.station-tier{border:1px solid var(--color-border);background:var(--color-surface);border-radius:14px;overflow:hidden}.station-tier-image{aspect-ratio:4/3;background:#0b1220}.station-tier-image img{object-fit:contain;width:100%;height:100%;display:block}.station-tier-body{padding:16px 20px}.station-tier p{color:var(--color-soft);font-size:var(--font-size-base);margin:0 0 8px}.station-tier strong{color:var(--color-primary);font-size:clamp(22px,2.4vw,28px);line-height:1.15;display:block}.station-tier span{color:var(--color-muted);font-size:var(--font-size-sm);margin-top:4px;display:block}.stats-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card,.panel{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-card);border-radius:14px}.stat-card{min-height:104px;padding:16px 20px}.stat-card p{color:var(--color-soft);font-size:var(--font-size-base);margin:0 0 8px}.stat-card strong{font-size:clamp(22px,2.4vw,28px);line-height:1.15}.tone-primary{color:var(--color-primary)}.tone-green{color:var(--color-green)}.tone-blue{color:var(--color-blue)}.tone-orange{color:var(--color-orange)}.tone-purple{color:var(--color-purple)}.content-grid{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:16px;display:grid}.panel{padding:clamp(18px,2.4vw,24px)}.panel-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.panel p{color:var(--color-muted);margin:6px 0 0;line-height:1.55}.activity-list{flex-direction:column;gap:10px;display:flex}.activity-row{border:1px solid var(--color-border);background:var(--color-surface-soft);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:14px;display:flex}.activity-row div,.activity-meta{flex-direction:column;gap:3px;display:flex}.activity-row small,.activity-meta span{color:var(--color-muted);font-size:var(--font-size-sm)}.activity-meta{text-align:right;align-items:flex-end}.compact-panel{flex-direction:column;justify-content:space-between;min-height:220px;display:flex}.health-meter{background:var(--color-primary-soft);border-radius:999px;height:10px;margin:24px 0 10px;overflow:hidden}.health-meter span{border-radius:inherit;background:linear-gradient(90deg, var(--color-primary), var(--color-green));height:100%;display:block}.icon-button,.sidebar-close{border:1px solid var(--color-border);background:var(--color-white)}.icon-button{width:44px;height:44px;box-shadow:var(--shadow-card);border-radius:12px;place-content:center;gap:4px;display:grid}.icon-button span{background:var(--color-text);border-radius:999px;width:18px;height:2px;display:block}.sidebar-close{width:36px;height:36px;color:var(--color-text);border-radius:10px;font-weight:700}@media (width<=1180px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}}@media (width<=900px){.admin-sidebar{display:none}.mobile-topbar{z-index:20;border:1px solid var(--color-topbar-border);background:var(--color-topbar-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-height:64px;box-shadow:var(--shadow-topbar);border-radius:18px;align-items:center;gap:12px;padding:8px 10px;transition:opacity .18s,transform .18s;display:flex;position:fixed;inset:12px 12px auto}.mobile-topbar.is-hidden{opacity:0;pointer-events:none;transform:translateY(-12px)}.mobile-topbar div{flex-direction:column;display:flex}.mobile-topbar small{color:var(--color-muted)}.mobile-backdrop{z-index:30;background:var(--color-backdrop);opacity:0;pointer-events:none;transition:opacity .18s;position:fixed;inset:0}.mobile-backdrop.is-visible{opacity:1;pointer-events:auto;display:block}.mobile-sidebar{z-index:40;width:min(280px,86vw);min-width:0;height:var(--viewport-height);max-height:var(--viewport-height);transition:transform .22s;display:flex;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.mobile-sidebar.is-open{transform:translate(0)}.admin-content{padding:96px 16px 24px}}@media (width<=720px){.page-header,.hero-panel,.panel-header,.activity-row,.station-promo-header{flex-direction:column;align-items:stretch}.profile-summary,.activity-meta{text-align:left;align-items:flex-start}.hero-actions{flex-direction:column}.button{width:100%}.stats-grid,.station-promo-grid{grid-template-columns:1fr}}@media (width>=721px) and (width<=900px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}