html,body,#root{height:100%;margin:0}:root{--color-bg: #F6F7F9;--color-surface: #FFFFFF;--color-sidebar: #111827;--color-border: #E5E7EB;--color-text: #1F2937;--color-muted: #6B7280;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px}body{background:var(--color-bg);color:var(--color-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5}.app-shell{min-height:100%}.sidebar{width:232px;min-width:232px;min-height:100vh;background:var(--color-sidebar)!important}.sidebar .brand{height:56px;display:flex;align-items:center;padding:0 20px;color:#fff;font-size:17px;font-weight:600}.topbar{height:56px;padding:0 var(--space-lg);background:var(--color-surface);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border);line-height:56px}.content{padding:var(--space-md) var(--space-lg);background:var(--color-bg);min-height:calc(100vh - 56px)}.admin-page{width:100%}.admin-table-scroll{overflow-x:auto}.page-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-md)}.login-screen{min-height:100%;display:grid;place-items:center;padding:var(--space-lg);background:var(--color-bg)}.login-panel{width:min(420px,100%);padding:var(--space-xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 18px 48px #0f172a1f}.json-box{margin:0;padding:var(--space-md);overflow:auto;background:#0f172a;color:#d1e7ff;border-radius:6px}.action-drawer-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border)}@media (max-width: 900px){.sidebar{position:fixed;z-index:100;height:100vh}.content{padding:var(--space-sm) var(--space-md)}.login-panel{padding:var(--space-lg)}}