*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #1a1a2e;--surface: #16213e;--border: #0f3460;--accent: #e94560;--text: #eaeaea;--text-muted: #888;--compliant: #4caf50;--caution: #ff9800;--noncompliant: #f44336;--tab-height: 64px;--safe-bottom: env(safe-area-inset-bottom, 0px)}html,body,#root{height:100%;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);overflow:hidden}.app{display:flex;flex-direction:column;height:100dvh}.tab-content{flex:1;overflow-y:auto;padding:16px;padding-bottom:calc(var(--tab-height) + var(--safe-bottom) + 8px)}.tab-bar{position:fixed;bottom:0;left:0;right:0;height:calc(var(--tab-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--surface);border-top:1px solid var(--border);display:flex;align-items:center}.tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px 4px;transition:color .15s}.tab-btn.active{color:var(--accent)}.tab-icon{font-size:20px;line-height:1}.tab-label{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.tab-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:12px;color:var(--text-muted);text-align:center}.tab-placeholder h2{font-size:24px;color:var(--text)}