:root{--sat: env(safe-area-inset-top);--sar: env(safe-area-inset-right);--sab: env(safe-area-inset-bottom);--sal: env(safe-area-inset-left);--bg-page: #EFF6FF;--bg-card: #FFFFFF;--bg-card-hover: #F8FAFC;--bg-subtle: #F1F5F9;--bg-input: #FFFFFF;--text-primary: #111827;--text-secondary: #6B7280;--text-muted: #9CA3AF;--border-color: #E5E7EB;--border-subtle: #F3F4F6;--accent-indigo: #6366F1;--accent-emerald: #10B981;--accent-amber: #F59E0B;--accent-rose: #EF4444;--nav-bg: rgba(255,255,255,.95);--nav-border: #E5E7EB;--nav-icon: #9CA3AF;--nav-icon-active:#6366F1;--header-bg: rgba(255,255,255,.9);--header-border: #E5E7EB;--overlay-bg: rgba(0,0,0,.45)}html.dark{--bg-page: #0F172A;--bg-card: #1E293B;--bg-card-hover: #243247;--bg-subtle: #162032;--bg-input: #1E293B;--text-primary: #F1F5F9;--text-secondary: #94A3B8;--text-muted: #64748B;--border-color: #334155;--border-subtle: #1E293B;--nav-bg: rgba(15,23,42,.97);--nav-border: #1E293B;--nav-icon: #64748B;--nav-icon-active:#818CF8;--header-bg: rgba(15,23,42,.92);--header-border: #1E293B;--overlay-bg: rgba(0,0,0,.7)}body{background-color:var(--bg-page);color:var(--text-primary);margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}#root{min-height:100vh;padding-top:var(--sat);padding-left:var(--sal);padding-right:var(--sar)}.t-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:1.5rem;box-shadow:0 1px 3px #00000014;transition:background-color .3s ease,border-color .3s ease,box-shadow .2s ease}.t-card:hover{background-color:var(--bg-card-hover);box-shadow:0 4px 12px #0000001f}.t-subtle{background-color:var(--bg-subtle);border:1px solid var(--border-subtle)}.t-input{background-color:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);border-radius:.75rem;padding:.75rem 1rem;font-size:.875rem;width:100%;transition:border-color .2s,box-shadow .2s,background-color .3s;outline:none}.t-input:focus{border-color:var(--accent-indigo);box-shadow:0 0 0 3px #6366f133}.t-input::placeholder{color:var(--text-muted)}.t-text-primary{color:var(--text-primary)}.t-text-secondary{color:var(--text-secondary)}.t-text-muted{color:var(--text-muted)}.t-page{min-height:100vh;background-color:var(--bg-page);color:var(--text-primary)}.t-header{background-color:var(--header-bg);border-bottom:1px solid var(--header-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background-color .3s ease}.t-nav{background-color:var(--nav-bg);border-top:1px solid var(--nav-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background-color .3s ease}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.safe-bottom{padding-bottom:calc(70px + var(--sab))}@layer utilities{.bg-glass{background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}html.dark .bg-glass{background:#1e293bcc}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}}*,*:before,*:after{transition-property:background-color,border-color,color;transition-duration:.25s;transition-timing-function:ease}.no-theme-transition,.no-theme-transition *{transition:none!important}