:root{color-scheme:dark;--background-gradient: radial-gradient(1200px 600px at 70% -10%, #00B6E3 0%, rgba(0, 0, 0, 0) 60%), linear-gradient(180deg, #0A0C0E 0%, #0F1216 100%);--surface: rgba(10, 12, 14, .72);--surface-raised: rgba(12, 15, 18, .82);--surface-alt: rgba(18, 22, 26, .9);--border: rgba(255, 255, 255, .08);--border-subtle: rgba(255, 255, 255, .05);--border-strong: rgba(0, 182, 227, .35);--card-shadow: 0 10px 50px rgba(0, 182, 227, .15);--text-primary: #e8f3f8;--text-secondary: rgba(232, 243, 248, .72);--text-muted: rgba(232, 243, 248, .58);--accent: #00b6e3;--accent-text: #042430;--accent-gradient: linear-gradient(180deg, #0fd0ff 0%, #00b6e3 100%);--success: #5ee7b1;--warning: #fad380;--danger: #ff7b86;--table-zebra: rgba(255, 255, 255, .02)}body{margin:0;min-height:100%;font-family:Inter,SF Pro Display,SF Pro Text,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--background-gradient);background-repeat:no-repeat;background-size:cover;color:var(--text-primary);-webkit-font-smoothing:antialiased;transition:background .3s ease,color .3s ease}body.theme-light{color-scheme:light;--background-gradient: radial-gradient(1200px 600px at 70% -10%, rgba(0, 136, 204, .18) 0%, rgba(0, 0, 0, 0) 60%), linear-gradient(180deg, #f6faff 0%, #e7eef7 100%);--surface: rgba(255, 255, 255, .78);--surface-raised: rgba(255, 255, 255, .9);--surface-alt: rgba(240, 247, 255, .92);--border: rgba(15, 49, 82, .15);--border-subtle: rgba(15, 49, 82, .08);--border-strong: rgba(0, 155, 210, .35);--card-shadow: 0 20px 45px rgba(33, 72, 108, .15);--text-primary: #1e2a38;--text-secondary: rgba(30, 42, 56, .72);--text-muted: rgba(30, 42, 56, .52);--accent: #009fd1;--accent-text: #f2fbff;--accent-gradient: linear-gradient(180deg, #37c5f5 0%, #009fd1 100%);--success: #18a56c;--warning: #c6912b;--danger: #d75965;--table-zebra: rgba(18, 56, 92, .04)}#root{min-height:100vh}.app-shell{display:flex;flex:1;width:100%}.app-shell__card{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:32px;box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:24px;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}.app-shell__card>*:first-child{margin-top:0}.app-shell__card table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:background .3s ease,border-color .3s ease}.app-shell__card table th{background:var(--surface-raised);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-size:12px;padding:10px 12px;border-bottom:1px solid var(--border)}.app-shell__card table td{padding:10px 12px;border-bottom:1px solid var(--border-subtle)}a{color:var(--accent);transition:color .3s ease}a:hover{color:var(--accent-text)}input,textarea,select{background:var(--surface-raised);color:var(--text-primary);border-radius:12px;border:1px solid var(--border);padding:10px 12px;box-sizing:border-box;transition:background .3s ease,border-color .3s ease,color .3s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--border-strong);box-shadow:0 0 0 3px #00b6e326}button{font-family:inherit;transition:background .3s ease,color .3s ease,border-color .3s ease}body.theme-light .app-shell__card table{background:#ffffffeb}body.theme-light .app-shell__card table th{background:#f0f7ffb8}
