*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #f8fafc;--color-surface: #ffffff;--color-border: #e2e8f0;--color-text: #0f172a;--color-text-secondary: #64748b;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-danger: #ef4444;--color-success: #22c55e;--color-warning: #f59e0b;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .1);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased}body{background:var(--color-bg);color:var(--color-text)}#root{height:100vh;display:flex;flex-direction:column}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font:inherit}input,textarea,select{font:inherit}.page-container{padding:24px}@media (max-width: 900px){.page-container{padding:16px}}@media (max-width: 600px){.page-container{padding:12px}}.grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}@media (max-width: 600px){.grid-auto{grid-template-columns:1fr}}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 600px){:root{font-size:15px}h1{font-size:1.1rem!important}}