@import"https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800&display=swap";[data-theme=dark]{--color-bg: #0b0f14;--color-surface-1: #0f0f12;--color-surface-2: rgba(255, 255, 255, .05);--color-surface-3: rgba(255, 255, 255, .08);--color-panel-solid: #161b22;--color-modal-surface: rgba(255, 255, 255, .06);--color-border: rgba(255, 255, 255, .1);--color-border-hover: rgba(255, 255, 255, .2);--color-border-focus: rgba(255, 255, 255, .25);--color-text-primary: rgba(255, 255, 255, .95);--color-text-secondary: rgba(255, 255, 255, .85);--color-text-muted: rgba(255, 255, 255, .6);--color-placeholder: rgba(255, 255, 255, .35);--color-focus-ring: rgba(255, 255, 255, .2);--color-overlay: rgba(0, 0, 0, .6);--color-shadow: rgba(0, 0, 0, .3);--color-card-shadow: 0 4px 24px rgba(0, 0, 0, .2);--color-destructive-bg: rgba(239, 68, 68, .12);--color-destructive-text: rgb(252, 165, 165);--color-destructive-border: rgba(239, 68, 68, .25);--color-input-bg: rgba(255, 255, 255, .08);--color-input-border: rgba(255, 255, 255, .15);--color-btn-primary-bg: rgba(255, 255, 255, .12);--color-btn-primary-border: rgba(255, 255, 255, .14);--color-btn-primary-text: rgba(255, 255, 255, .95);--color-btn-primary-hover-bg: rgba(255, 255, 255, .18);--color-btn-primary-hover-border: rgba(255, 255, 255, .2);--color-btn-secondary-bg: rgba(255, 255, 255, .08);--color-btn-secondary-border: rgba(255, 255, 255, .2);--color-btn-secondary-text: rgba(255, 255, 255, .9);--color-btn-secondary-hover-bg: rgba(255, 255, 255, .12);--color-btn-secondary-hover-border: rgba(255, 255, 255, .25);--color-btn-ghost-bg: transparent;--color-btn-ghost-border: rgba(255, 255, 255, .1);--color-btn-ghost-text: rgba(255, 255, 255, .8);--color-btn-ghost-hover-bg: rgba(255, 255, 255, .08);--color-btn-ghost-hover-border: rgba(255, 255, 255, .15);--color-nav-active-bg: #ffffff;--color-nav-active-text: #0b0f14;--color-nav-link-border: rgba(255, 255, 255, .1);--color-nav-link-text: rgba(255, 255, 255, .8);--color-nav-link-hover-bg: rgba(255, 255, 255, .1);--color-nav-link-hover-border: rgba(255, 255, 255, .2);--color-nav-link-hover-text: rgba(255, 255, 255, 1);--color-glass: rgba(42, 42, 42, .6);--color-glass-border: rgba(255, 255, 255, .08);--color-tab-active-bg: rgba(255, 255, 255, .12);--color-tab-active-text: rgba(255, 255, 255, .95);--color-tab-active-border: rgba(255, 255, 255, .2);--color-tab-inactive-bg: rgba(255, 255, 255, .05);--color-tab-inactive-border: rgba(255, 255, 255, .1);--color-tab-inactive-text: rgba(255, 255, 255, .7);--color-tab-inactive-hover-bg: rgba(255, 255, 255, .1);--color-tab-inactive-hover-text: rgba(255, 255, 255, .9);--color-grid-line: rgba(255, 255, 255, .03);--color-vignette: rgba(0, 0, 0, .35);--pattern-line: rgba(255, 255, 255, .1);--pattern-glow: rgba(0, 0, 0, .35)}[data-theme=light]{--color-bg: #f6f7f8;--color-surface-1: #ffffff;--color-surface-2: #f3f4f6;--color-surface-3: #e5e7eb;--color-panel-solid: #ffffff;--color-modal-surface: #ffffff;--color-border: rgba(15, 23, 42, .12);--color-border-hover: rgba(15, 23, 42, .2);--color-border-focus: rgba(15, 23, 42, .35);--color-text-primary: #0b0f14;--color-text-secondary: #334155;--color-text-muted: #475569;--color-placeholder: #94a3b8;--color-focus-ring: rgba(15, 23, 42, .25);--color-overlay: rgba(0, 0, 0, .35);--color-shadow: rgba(0, 0, 0, .08);--color-card-shadow: 0 8px 30px rgba(0, 0, 0, .06);--color-destructive-bg: rgba(239, 68, 68, .1);--color-destructive-text: #b91c1c;--color-destructive-border: rgba(239, 68, 68, .3);--color-input-bg: #ffffff;--color-input-border: rgba(15, 23, 42, .2);--color-btn-primary-bg: rgba(15, 23, 42, .08);--color-btn-primary-border: rgba(15, 23, 42, .18);--color-btn-primary-text: #0b0f14;--color-btn-primary-hover-bg: rgba(15, 23, 42, .12);--color-btn-primary-hover-border: rgba(15, 23, 42, .25);--color-btn-secondary-bg: #ffffff;--color-btn-secondary-border: rgba(15, 23, 42, .2);--color-btn-secondary-text: #0b0f14;--color-btn-secondary-hover-bg: rgba(15, 23, 42, .06);--color-btn-secondary-hover-border: rgba(15, 23, 42, .25);--color-btn-ghost-bg: transparent;--color-btn-ghost-border: rgba(15, 23, 42, .12);--color-btn-ghost-text: #334155;--color-btn-ghost-hover-bg: rgba(15, 23, 42, .06);--color-btn-ghost-hover-border: rgba(15, 23, 42, .18);--color-nav-active-bg: #0b0f14;--color-nav-active-text: #ffffff;--color-nav-link-border: rgba(15, 23, 42, .2);--color-nav-link-text: #334155;--color-nav-link-hover-bg: rgba(15, 23, 42, .08);--color-nav-link-hover-border: rgba(15, 23, 42, .25);--color-nav-link-hover-text: #0b0f14;--color-tab-active-bg: rgba(15, 23, 42, .1);--color-tab-active-text: #0b0f14;--color-tab-active-border: rgba(15, 23, 42, .2);--color-tab-inactive-bg: #f3f4f6;--color-tab-inactive-border: rgba(15, 23, 42, .12);--color-tab-inactive-text: #475569;--color-tab-inactive-hover-bg: #e5e7eb;--color-tab-inactive-hover-text: #0b0f14;--color-glass: rgba(255, 255, 255, .95);--color-glass-border: rgba(15, 23, 42, .1);--color-grid-line: rgba(15, 23, 42, .06);--color-vignette: rgba(15, 23, 42, .02);--pattern-line: rgba(0, 0, 0, .1);--pattern-glow: rgba(15, 23, 42, .05)}html:not([data-theme]){--color-bg: #0b0f14;--color-surface-1: #0f0f12;--color-surface-2: rgba(255, 255, 255, .05);--color-surface-3: rgba(255, 255, 255, .08);--color-panel-solid: #161b22;--color-border: rgba(255, 255, 255, .1);--color-border-hover: rgba(255, 255, 255, .2);--color-border-focus: rgba(255, 255, 255, .25);--color-text-primary: rgba(255, 255, 255, .95);--color-text-secondary: rgba(255, 255, 255, .85);--color-text-muted: rgba(255, 255, 255, .6);--color-placeholder: rgba(255, 255, 255, .35);--color-focus-ring: rgba(255, 255, 255, .2);--color-overlay: rgba(0, 0, 0, .6);--color-shadow: rgba(0, 0, 0, .3);--color-destructive-bg: rgba(239, 68, 68, .12);--color-destructive-text: rgb(252, 165, 165);--color-destructive-border: rgba(239, 68, 68, .25);--color-input-bg: rgba(255, 255, 255, .08);--color-input-border: rgba(255, 255, 255, .15);--color-btn-primary-bg: rgba(255, 255, 255, .12);--color-btn-primary-border: rgba(255, 255, 255, .14);--color-btn-primary-text: rgba(255, 255, 255, .95);--color-btn-primary-hover-bg: rgba(255, 255, 255, .18);--color-btn-primary-hover-border: rgba(255, 255, 255, .2);--color-btn-secondary-bg: rgba(255, 255, 255, .08);--color-btn-secondary-border: rgba(255, 255, 255, .2);--color-btn-secondary-text: rgba(255, 255, 255, .9);--color-btn-secondary-hover-bg: rgba(255, 255, 255, .12);--color-btn-secondary-hover-border: rgba(255, 255, 255, .25);--color-btn-ghost-bg: transparent;--color-btn-ghost-border: rgba(255, 255, 255, .1);--color-btn-ghost-text: rgba(255, 255, 255, .8);--color-btn-ghost-hover-bg: rgba(255, 255, 255, .08);--color-btn-ghost-hover-border: rgba(255, 255, 255, .15);--color-nav-active-bg: #ffffff;--color-nav-active-text: #0b0f14;--color-nav-link-border: rgba(255, 255, 255, .1);--color-nav-link-text: rgba(255, 255, 255, .8);--color-nav-link-hover-bg: rgba(255, 255, 255, .1);--color-nav-link-hover-border: rgba(255, 255, 255, .2);--color-nav-link-hover-text: rgba(255, 255, 255, 1);--color-glass: rgba(42, 42, 42, .6);--color-glass-border: rgba(255, 255, 255, .08);--color-modal-surface: rgba(255, 255, 255, .06);--color-card-shadow: 0 4px 24px rgba(0, 0, 0, .2);--color-tab-active-bg: rgba(255, 255, 255, .12);--color-tab-active-text: rgba(255, 255, 255, .95);--color-tab-active-border: rgba(255, 255, 255, .2);--color-tab-inactive-bg: rgba(255, 255, 255, .05);--color-tab-inactive-border: rgba(255, 255, 255, .1);--color-tab-inactive-text: rgba(255, 255, 255, .7);--color-tab-inactive-hover-bg: rgba(255, 255, 255, .1);--color-tab-inactive-hover-text: rgba(255, 255, 255, .9);--color-grid-line: rgba(255, 255, 255, .03);--color-vignette: rgba(0, 0, 0, .35);--pattern-line: rgba(255, 255, 255, .1);--pattern-glow: rgba(0, 0, 0, .35)}@tailwind base;@tailwind components;@tailwind utilities;html{overflow-x:hidden;max-width:100%}body{background-color:var(--color-bg);color:var(--color-text-primary);font-family:Inter,sans-serif;overflow-x:hidden;max-width:100%}#root{overflow-x:hidden;max-width:100%}.bg-app-grid{background-color:var(--color-bg);position:relative;min-height:100vh;width:100%}.bg-app-grid:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(var(--pattern-line) 1px,transparent 1px),linear-gradient(90deg,var(--pattern-line) 1px,transparent 1px);background-size:48px 48px;background-position:0 0;z-index:0}.bg-app-grid:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 80% 80% at 50% 50%,transparent 0%,var(--pattern-glow) 100%);z-index:0}.surface-1{background-color:var(--color-surface-1)}.surface-2{background-color:var(--color-surface-2)}.surface-3{background-color:var(--color-surface-3)}input,input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=datetime-local],input[type=tel],input[type=url],input[type=search],input[type=time],input[type=month],input[type=week],textarea,select{color:var(--color-text-primary);background-color:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:.75rem}input::placeholder,textarea::placeholder{color:var(--color-placeholder);opacity:1}input:hover,textarea:hover,select:hover{border-color:var(--color-border-hover)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 2px var(--color-focus-ring)}input[type=date],input[type=datetime-local],input[type=time],input[type=month],input[type=week]{padding-left:1rem;padding-right:2.75rem;min-height:2.75rem;font-size:.9375rem;letter-spacing:.01em;transition:border-color .2s,box-shadow .2s;cursor:pointer}[data-theme=dark] input[type=date],[data-theme=dark] input[type=datetime-local],[data-theme=dark] input[type=time],[data-theme=dark] input[type=month],[data-theme=dark] input[type=week]{color-scheme:dark}[data-theme=light] input[type=date],[data-theme=light] input[type=datetime-local],[data-theme=light] input[type=time],[data-theme=light] input[type=month],[data-theme=light] input[type=week]{color-scheme:light}input[type=date]:focus,input[type=datetime-local]:focus,input[type=time]:focus,input[type=month]:focus,input[type=week]:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 2px var(--color-focus-ring)}@media (max-width: 640px){input[type=date],input[type=datetime-local],input[type=time],input[type=month],input[type=week]{min-height:3rem;padding-left:1rem;padding-right:3rem;font-size:1rem}}select option{color:var(--color-text-primary);background-color:var(--color-surface-1)}form label{color:var(--color-text-secondary)}.glass-card{background-color:var(--color-surface-2);border:1px solid var(--color-border);border-radius:1rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.input-dark{color:var(--color-text-primary);background-color:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:.75rem}.input-dark::placeholder{color:var(--color-placeholder)}.input-dark:hover{border-color:var(--color-border-hover)}.input-dark:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 2px var(--color-focus-ring)}.btn-primary{background-color:var(--color-btn-primary-bg);color:var(--color-btn-primary-text);border:1px solid var(--color-btn-primary-border);border-radius:.75rem;font-weight:600;font-size:.875rem;transition:background-color .2s,border-color .2s,box-shadow .2s}.btn-primary:hover{background-color:var(--color-btn-primary-hover-bg);border-color:var(--color-btn-primary-hover-border)}.btn-primary:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-focus-ring)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background-color:var(--color-btn-secondary-bg);color:var(--color-btn-secondary-text);border:1px solid var(--color-btn-secondary-border);border-radius:.75rem;font-weight:600;transition:background-color .2s,border-color .2s}.btn-secondary:hover{background-color:var(--color-btn-secondary-hover-bg);border-color:var(--color-btn-secondary-hover-border)}.btn-secondary:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-focus-ring)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background-color:var(--color-btn-ghost-bg);color:var(--color-btn-ghost-text);border:1px solid var(--color-btn-ghost-border);border-radius:.5rem;font-weight:500;transition:background-color .2s,border-color .2s}.btn-ghost:hover{background-color:var(--color-btn-ghost-hover-bg);border-color:var(--color-btn-ghost-hover-border)}.btn-ghost:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-focus-ring)}.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.card-panel{background-color:var(--color-panel-solid);border:1px solid var(--color-border);border-radius:1rem;box-shadow:var(--color-card-shadow)}.card-panel-hover:hover{border-color:var(--color-border-hover);background-color:var(--color-surface-3)}.text-theme-primary{color:var(--color-text-primary)}.text-theme-secondary{color:var(--color-text-secondary)}.text-theme-muted{color:var(--color-text-muted)}