@custom-variant dark (&:is(.dark *));:root{--font-size: 16px;--background: #ffffff;--foreground: oklch(.145 0 0);--card: #ffffff;--card-foreground: oklch(.145 0 0);--popover: oklch(1 0 0);--popover-foreground: oklch(.145 0 0);--primary: #030213;--primary-foreground: oklch(1 0 0);--secondary: oklch(.95 .0058 264.53);--secondary-foreground: #030213;--muted: #ececf0;--muted-foreground: #717182;--accent: #e9ebef;--accent-foreground: #030213;--destructive: #d4183d;--destructive-foreground: #ffffff;--border: rgba(0, 0, 0, .1);--input: transparent;--input-background: #f3f3f5;--switch-background: #cbced4;--font-weight-medium: 500;--font-weight-normal: 400;--ring: oklch(.708 0 0);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--radius: .625rem;--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.145 0 0);--sidebar-primary: #030213;--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.97 0 0);--sidebar-accent-foreground: oklch(.205 0 0);--sidebar-border: oklch(.922 0 0);--sidebar-ring: oklch(.708 0 0)}.dark{--background: oklch(.145 0 0);--foreground: oklch(.985 0 0);--card: oklch(.145 0 0);--card-foreground: oklch(.985 0 0);--popover: oklch(.145 0 0);--popover-foreground: oklch(.985 0 0);--primary: oklch(.985 0 0);--primary-foreground: oklch(.205 0 0);--secondary: oklch(.269 0 0);--secondary-foreground: oklch(.985 0 0);--muted: oklch(.269 0 0);--muted-foreground: oklch(.708 0 0);--accent: oklch(.269 0 0);--accent-foreground: oklch(.985 0 0);--destructive: oklch(.396 .141 25.723);--destructive-foreground: oklch(.637 .237 25.331);--border: oklch(.269 0 0);--input: oklch(.269 0 0);--ring: oklch(.439 0 0);--font-weight-medium: 500;--font-weight-normal: 400;--chart-1: oklch(.488 .243 264.376);--chart-2: oklch(.696 .17 162.48);--chart-3: oklch(.769 .188 70.08);--chart-4: oklch(.627 .265 303.9);--chart-5: oklch(.645 .246 16.439);--sidebar: oklch(.205 0 0);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: oklch(.488 .243 264.376);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.269 0 0);--sidebar-accent-foreground: oklch(.985 0 0);--sidebar-border: oklch(.269 0 0);--sidebar-ring: oklch(.439 0 0)}@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-input-background: var(--input-background); --color-switch-background: var(--switch-background); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); }@layer base{*{@apply border-border outline-ring/50;}body{@apply bg-background text-foreground;}}@media (max-width: 768px){body,html{overflow-y:scroll!important;-webkit-overflow-scrolling:touch}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}*::-webkit-scrollbar-thumb{background:#1296ea80;border-radius:4px}*::-webkit-scrollbar-thumb:hover{background:#1296eab3}.scrollable-content::-webkit-scrollbar{width:6px}.scrollable-content::-webkit-scrollbar-track{background:#0000000d}.scrollable-content::-webkit-scrollbar-thumb{background:#1296ea66;border-radius:3px}}@layer base{:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h1{font-size:var(--text-2xl);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h2{font-size:var(--text-xl);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h3{font-size:var(--text-lg);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h4{font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) p{font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) label,:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) button{font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) input{font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.5}}html{font-size:var(--font-size)}@media (max-width: 767px){:root{--font-size: 18px}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h1{font-size:2rem;font-weight:600;line-height:1.3;letter-spacing:-.025em}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h2{font-size:1.5rem;font-weight:600;line-height:1.4;letter-spacing:-.025em}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h3{font-size:1.25rem;font-weight:600;line-height:1.4}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) p{font-size:1rem;line-height:1.6}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) button{font-size:1rem;font-weight:500;line-height:1.4;min-height:44px}.container{padding-left:1rem;padding-right:1rem}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@supports (-webkit-touch-callout: none){body{position:fixed;overflow:hidden;width:100%;height:100%}#root{overflow-y:auto;height:100vh;-webkit-overflow-scrolling:touch}}@media (display-mode: standalone){body{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.container{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}::-webkit-scrollbar{width:0px;background:transparent}button,a,.clickable{min-height:44px;min-width:44px}}@media (prefers-contrast: high){.card,button{border-width:2px!important}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme: dark){:root{--pwa-background: #1a1a1a;--pwa-text: #ffffff;--pwa-border: #333333}}@media screen and (orientation: landscape) and (max-height: 500px){.header{padding-top:8px!important;padding-bottom:8px!important}.header h1{font-size:24px!important}.card{padding:12px!important}}button:focus,input:focus,select:focus{outline:2px solid #1296EA;outline-offset:2px}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (display-mode: standalone){body{overscroll-behavior-y:contain}}.splash-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#1296ea;display:flex;align-items:center;justify-content:center;z-index:9999;color:#fff;font-family:system-ui,-apple-system,sans-serif}.splash-screen .logo{font-size:48px;margin-bottom:16px}.splash-screen .title{font-size:24px;font-weight:600;margin-bottom:8px}.splash-screen .subtitle{font-size:14px;opacity:.8}.network-status{position:fixed;top:0;left:0;right:0;background:#dc2626;color:#fff;text-align:center;padding:8px;font-size:14px;z-index:1000;transform:translateY(-100%);transition:transform .3s ease}.network-status.visible{transform:translateY(0)}.network-status.online{background:#16a34a}.pwa-install-prompt{position:fixed;bottom:16px;left:16px;right:16px;background:#fff;border-radius:12px;padding:20px;box-shadow:0 10px 25px #0000001a;z-index:1000;max-width:400px;margin:0 auto}.notification{position:fixed;top:20px;right:20px;background:#fff;border-radius:8px;padding:16px;box-shadow:0 4px 12px #00000026;z-index:1001;max-width:300px;transform:translate(100%);transition:transform .3s ease}.notification.visible{transform:translate(0)}.offline-indicator{background:#6b7280;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;position:fixed;top:10px;right:10px;z-index:1000}.app-container{height:100vh;overflow:hidden}.app-content{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.touch-target{padding:12px;margin:-12px;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}