*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #1a2234;--color-card: #1f2d3f;--color-card-lighter: #263548;--color-border: #2e4060;--color-primary: #5d87ff;--color-primary-dark: #4570ea;--color-success: #13deb9;--color-warning: #ffae1f;--color-danger: #fa896b;--color-text: #f0f6ff;--color-text-muted: #8aa4cc;--color-text-subtle: #5d7aa3;--shadow-card: 0 4px 24px rgba(0,0,0,.35), 0 1px 4px rgba(0,0,0,.2)}[data-theme=light]{--color-bg: #f5f7fb;--color-card: #ffffff;--color-card-lighter: #f0f4f9;--color-border: #dce4ef;--color-primary: #4570ea;--color-primary-dark: #3b5fd4;--color-success: #10b981;--color-warning: #d97706;--color-danger: #dc2626;--color-text: #0f172a;--color-text-muted: #4a6080;--color-text-subtle: #90a4be;--shadow-card: 0 1px 8px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.04)}html,body{height:100%;width:100%;background-color:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;color-scheme:dark}[data-theme=light] html,[data-theme=light] body,html[data-theme=light],body[data-theme=light]{color-scheme:light}app-root{display:flex;width:100%;height:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238aa4cc' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px 8px;padding-right:32px!important}[data-theme=light] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%234a6080' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C%2Fsvg%3E")}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-subtle)}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.animate-slide-up{animation:slide-up .35s ease both}.animate-fade-in{animation:fade-in .25s ease both}.spinner{animation:spin .8s linear infinite;display:inline-block}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:14px;box-shadow:var(--shadow-card);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #00000047,0 2px 8px #00000026}.gradient-primary{background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary))}.page-title{font-size:20px;font-weight:700;color:var(--color-text);margin-bottom:4px}.page-subtitle{font-size:13px;color:var(--color-text-muted)}