@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--teal: #4ECDC4;--teal-dark: #3BADA5;--bg: #0F0F1A;--surface: #1A1A2E;--surface2: #22223B;--border: #2A2A3E;--text: #F0F0F5;--muted: #888899;--danger: #FF6B6B;--warning: #FFD166;--ok: #4ECDC4;--focus-ring: 3px solid #4ECDC4;--focus-offset: 3px}.hc{--bg: #000000;--surface: #0D0D0D;--surface2: #1A1A1A;--border: #555566;--text: #FFFFFF;--muted: #DDDDEE;--teal: #00FFEE;--teal-dark: #00CCC0;--danger: #FF4444;--warning: #FFEE00;--ok: #00FF88;--focus-ring: 3px solid #FFFF00}.fs-large{font-size:112.5%}.fs-xlarge{font-size:131.25%}.rm *,.rm *:before,.rm *:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus{outline:none}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:4px}.skip-link{position:fixed;top:-100px;left:16px;z-index:99999;background:var(--teal);color:#000;font-weight:700;font-size:14px;padding:10px 20px;border-radius:0 0 10px 10px;text-decoration:none;transition:top .15s}.skip-link:focus-visible{top:0;outline:3px solid #000;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-live{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}}@layer base{.app-shell{display:flex;min-height:100vh;background:var(--bg)}.app-sidebar{width:220px;flex-shrink:0}.mobile-topbar,.sidebar-backdrop,.mobile-only{display:none}@media (max-width: 860px){.app-shell{flex-direction:column}.mobile-topbar{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}.mobile-only{display:flex}.app-sidebar{position:fixed!important;top:0;left:0;height:100vh;width:82%!important;max-width:320px!important;z-index:200;transform:translate(-100%);transition:transform .2s ease;box-shadow:4px 0 24px #00000073;overflow-y:auto}.app-sidebar.is-open{transform:translate(0)}.sidebar-backdrop.is-open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:150}.app-main{padding:16px!important}}}