:root{font-family:Segoe UI,sans-serif;color:#1f2a2a;background:radial-gradient(circle at top left,rgba(198,91,58,.18),transparent 25%),radial-gradient(circle at top right,rgba(45,123,116,.16),transparent 25%),linear-gradient(180deg,#f4efe6,#ece6da)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.page{min-height:100vh}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;padding:24px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(560px,100%);padding:28px}.sidebar,.card{background:#fffbf5e0;border:1px solid rgba(31,42,42,.08);border-radius:24px;box-shadow:0 16px 40px #49372414}.sidebar{display:grid;gap:20px;align-content:start;padding:24px;position:sticky;top:24px;max-height:calc(100vh - 48px)}.sidebar-title,h1,h2,h3,p{margin:0}.sidebar-title,h1{font-size:clamp(2rem,3vw,3rem)}.main-content,.stack,.grid{display:grid;gap:20px}.sidebar-header{gap:14px}.hero,.panel-header,.actions,.hero-actions,.device-card-header,.device-card-footer,.selected-summary,.tab-row,.admin-row,.inline-form{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.eyebrow{margin-bottom:8px;letter-spacing:.2em;text-transform:uppercase;color:#8c4b2f;font-size:12px}.subtle,.hint,.empty,.device-id{color:#596666}.status-pill{padding:10px 16px;border-radius:999px;background:#ffffffb3;border:1px solid rgba(28,111,100,.2)}.role-chip{display:inline-flex;width:fit-content;align-items:center;padding:6px 10px;border-radius:999px;background:#1c6f641f;color:#1c6f64;font-size:12px;font-weight:600}.sidebar-user{display:grid;gap:6px}.nav-list{display:grid;gap:10px}.nav-button,.rules-form button,.login-form button,.tab,.link-button{border-radius:12px;border:1px solid rgba(31,42,42,.18);padding:10px 12px;background:#fffdf9;cursor:pointer}.language-toggle{border-radius:999px;border:1px solid rgba(31,42,42,.18);padding:10px 14px;background:#fffdf9;cursor:pointer;min-width:52px}.menu-toggle{display:none;border-radius:999px;border:1px solid rgba(31,42,42,.18);padding:10px 14px;background:#fffdf9;cursor:pointer}.nav-button.active,.rules-form button,.login-form button,.tab.active{background:#1c6f64;color:#fff;border-color:#1c6f64}.nav-button.logout{background:#b2482b;border-color:#b2482b;color:#fff}.stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.two-column,.monitor-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.panel,.stat-card{padding:24px}.label,.metric-label{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:#6b6b62}.value{margin:10px 0 6px;font-size:2rem;font-weight:700}.device-grid,.list,.chart-grid,.badge-grid{display:grid;gap:14px;margin-top:18px}.device-grid,.badge-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.device-card,.rank-card,.badge-card,.list-item{border-radius:18px;background:#fffdf9;border:1px solid rgba(31,42,42,.12);padding:16px}.device-card{display:grid;gap:12px;text-align:left}.device-card.selected{border-color:#1c6f6473;box-shadow:0 12px 24px #1c6f641a}.device-card-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.status-dot{padding:6px 10px;border-radius:999px;font-size:12px;text-transform:uppercase}.status-dot.online{background:#1c6f641f;color:#1c6f64}.status-dot.offline{background:#b2482b1f;color:#b2482b}.chart{border-radius:18px;background:#fffdf9;padding:16px}.rules-form,.login-form{display:grid;gap:14px;margin-top:16px}.rules-form{grid-template-columns:repeat(2,minmax(0,1fr))}.rules-form label,.login-form label{display:grid;gap:8px}input,select{border-radius:12px;border:1px solid rgba(31,42,42,.18);padding:10px 12px;background:#fff}.rules-form button{grid-column:1 / -1}.table-shell{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;margin-top:12px}.data-table th,.data-table td{padding:12px 10px;border-bottom:1px solid rgba(31,42,42,.08);text-align:left;vertical-align:middle}.action-column{width:120px;white-space:nowrap}.inline-form{width:min(320px,100%)}.inline-form input{flex:1}.rank-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.rank-number,.badge-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#1c6f641f;color:#1c6f64;font-weight:700}.badge-card{display:grid;gap:10px}.banner,.error-text{color:#b2482b}.link-button{padding:6px 10px}.toast-layer{position:fixed;top:24px;right:24px;z-index:30;pointer-events:none}.toast{min-width:220px;max-width:min(360px,calc(100vw - 32px));padding:14px 16px;border-radius:16px;background:#fffbf5f7;border:1px solid rgba(28,111,100,.18);box-shadow:0 16px 40px #49372424;color:#1c6f64}.sidebar-backdrop{display:none}@media(max-width:1100px){.app-shell,.two-column,.monitor-layout{grid-template-columns:1fr}.menu-toggle{display:inline-flex;align-items:center;justify-content:center}.sidebar{position:fixed;top:16px;left:16px;bottom:16px;width:min(320px,calc(100vw - 32px));max-height:none;z-index:40;transform:translate(calc(-100% - 24px));transition:transform .2s ease;overflow:auto}.sidebar.mobile-open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;inset:0;z-index:35;border:0;background:#1f2a2a3d}}@media(max-width:768px){.app-shell{padding:16px}.toast-layer{top:16px;left:16px;right:16px}.toast{max-width:100%}.panel,.stat-card,.sidebar{padding:18px}.rules-form,.device-card-metrics{grid-template-columns:1fr}.rank-card{grid-template-columns:1fr;text-align:left}}