:root{--color-bg: #f6efe2;--color-sidebar: #1d3557;--color-accent: #c25a31;--color-text: #1d1b17;--color-card: #ffffff;--color-border: #e0d8c8;--color-danger: #b3261e;--color-success: #2a9d8f;--font-body: "Manrope", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font-family:inherit;cursor:pointer}button,input,select{min-height:44px;font-size:1rem}.app-shell{display:flex;flex-direction:column;height:100vh;width:100vw}.privacy-banner{background:var(--color-success);color:#fff;text-align:center;padding:4px 12px;font-size:.75rem;font-weight:600;letter-spacing:.02em;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-body{display:flex;flex:1;min-height:0}.app-nav{background:var(--color-sidebar);color:#fff;display:flex;flex-direction:column;width:220px;flex-shrink:0;padding:16px 8px;gap:4px}.app-nav button{background:transparent;border:none;color:#fff;text-align:left;padding:14px 16px;border-radius:10px;font-size:1rem;font-weight:600;opacity:.75;line-height:1.25}.app-nav button.active{background:#ffffff26;opacity:1}.app-main{flex:1;overflow-y:auto;padding:20px;min-width:0}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:14px;padding:16px}.btn-primary{background:var(--color-accent);color:#fff;border:none;border-radius:10px;padding:12px 20px;font-weight:700}.btn-secondary{background:#fff;color:var(--color-text);border:1px solid var(--color-border);border-radius:10px;padding:12px 20px;font-weight:600}.btn-danger{background:var(--color-danger);color:#fff;border:none;border-radius:10px;padding:12px 20px;font-weight:700}@media (max-width: 720px),(orientation: portrait) and (max-height: 720px){.app-shell{height:100dvh}.privacy-banner{font-size:.65rem;padding:3px 8px}.app-body{flex-direction:column}.app-main{padding:10px;order:1}.app-nav{order:2;width:100%;flex-direction:row;justify-content:space-around;overflow-x:auto;padding:4px;gap:2px;flex-shrink:0;padding-bottom:max(4px,env(safe-area-inset-bottom))}.app-nav button{flex:1;text-align:center;padding:6px 4px;font-size:.7rem;min-height:40px;white-space:nowrap}.card{padding:10px}}.status-pill{display:inline-flex;align-items:center;gap:6px;background:#0000008c;color:#fff;border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:600;line-height:1.3}.camera-overlay-tag{position:absolute;background:#0000008c;color:#fff;border-radius:8px;padding:4px 8px;font-size:.7rem;font-weight:600;max-width:calc(100% - 16px)}@media (max-width: 720px){.calibration-layout,.roster-layout{flex-direction:column!important}.calibration-layout>*,.roster-layout>*{flex:none!important;min-width:0!important;width:100%}.calibration-layout>:first-child,.roster-layout>:first-child{min-height:260px}}