:root{--primary:#5f9ea0;--primary-hover:#4a7b85;--primary-light:#e8f4f5;--secondary:#f5f7fa;--text-primary:#2f4f4f;--text-secondary:#6b7b8c;--shadow:0 4px 12px rgba(95,158,160,.15);--radius:10px;--page-padding: 20px;--page-padding-sm: 12px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text-primary);background:var(--secondary)}.app-shell{height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.dashboard-shell{height:100%;display:flex;min-height:100vh;background:var(--secondary)}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:var(--primary-light);border-bottom:1px solid rgba(0,0,0,.06);position:sticky;top:0;z-index:10}.brand{font-weight:700;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content{flex:1;min-width:0;padding:var(--page-padding);overflow:auto}.sidebar{background:#fff;padding:14px 10px}.login-card{width:100%;max-width:420px;background:#fff;padding:28px;border-radius:16px;box-shadow:var(--shadow)}.row-paused{opacity:.5}.hide-on-mobile{display:initial}.show-on-mobile{display:none}@media (max-width: 900px){.content{padding:var(--page-padding-sm)}.header{box-shadow:none}.hide-on-mobile{display:none!important}.show-on-mobile{display:initial!important}}@supports (padding: max(0px)){.header{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-top:max(10px,env(safe-area-inset-top))}.content{padding-left:max(var(--page-padding),env(safe-area-inset-left));padding-right:max(var(--page-padding),env(safe-area-inset-right))}}