@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);--color-success-bg: rgba(34, 197, 94, .12);--color-success-text: rgb(134, 239, 172);--color-success-border: rgba(34, 197, 94, .25);--color-warning-bg: rgba(245, 158, 11, .12);--color-warning-text: rgb(252, 211, 77);--color-warning-border: rgba(245, 158, 11, .25);--color-info-bg: rgba(59, 130, 246, .12);--color-info-text: rgb(147, 197, 253);--color-info-border: rgba(59, 130, 246, .25);--color-link: #d9a39a;--color-link-hover: #eabfb4;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .25);--shadow-md: 0 4px 16px rgba(0, 0, 0, .25);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .45);--color-scrollbar: rgba(255, 255, 255, .16);--color-scrollbar-hover: rgba(255, 255, 255, .28);--color-skeleton-base: rgba(255, 255, 255, .06);--color-skeleton-highlight: rgba(255, 255, 255, .12);--card-radius: 1.25rem;--card-grad-top: rgba(255, 255, 255, .055);--card-grad-bottom: rgba(255, 255, 255, .012);--card-ring: rgba(255, 255, 255, .06);--card-hover-glow: rgba(255, 255, 255, .1);--card-hover-border: rgba(255, 255, 255, .22);--sidebar-bg: #0c1116;--sidebar-active-bg: rgba(255, 255, 255, .1);--sidebar-active-text: #ffffff;--sidebar-hover-bg: rgba(255, 255, 255, .05);--topbar-bg: rgba(11, 15, 20, .72);--halo: rgba(255, 255, 255, .06)}[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);--color-success-bg: rgba(34, 197, 94, .1);--color-success-text: #15803d;--color-success-border: rgba(34, 197, 94, .3);--color-warning-bg: rgba(245, 158, 11, .1);--color-warning-text: #b45309;--color-warning-border: rgba(245, 158, 11, .3);--color-info-bg: rgba(59, 130, 246, .1);--color-info-text: #1d4ed8;--color-info-border: rgba(59, 130, 246, .3);--color-link: #b76e79;--color-link-hover: #9d4d57;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 4px 16px rgba(15, 23, 42, .07);--shadow-lg: 0 12px 40px rgba(15, 23, 42, .12);--color-scrollbar: rgba(15, 23, 42, .2);--color-scrollbar-hover: rgba(15, 23, 42, .35);--color-skeleton-base: rgba(15, 23, 42, .06);--color-skeleton-highlight: rgba(15, 23, 42, .12);--card-radius: 1.25rem;--card-grad-top: #ffffff;--card-grad-bottom: #fbfcfd;--card-ring: rgba(15, 23, 42, .035);--card-hover-glow: rgba(15, 23, 42, .05);--card-hover-border: rgba(15, 23, 42, .22);--sidebar-bg: #ffffff;--sidebar-active-bg: rgba(15, 23, 42, .06);--sidebar-active-text: #0b0f14;--sidebar-hover-bg: rgba(15, 23, 42, .04);--topbar-bg: rgba(246, 247, 248, .78);--halo: rgba(15, 23, 42, .04)}[data-theme=dark] [data-workspace=erasphere],html:not([data-theme]) [data-workspace=erasphere]{--color-nav-active-bg: #c98a82;--color-nav-active-text: #2a1518;--sidebar-active-bg: rgba(183, 110, 121, .22);--sidebar-active-text: #f4d9cc;--color-tab-active-bg: rgba(183, 110, 121, .22);--color-tab-active-text: #f4d9cc;--color-tab-active-border: rgba(201, 138, 130, .45);--color-focus-ring: rgba(201, 138, 130, .45);--card-hover-glow: rgba(201, 138, 130, .32);--card-hover-border: rgba(201, 138, 130, .45);--halo: rgba(201, 138, 130, .12);--nav-active-bar: #d9a39a}[data-theme=light] [data-workspace=erasphere]{--color-nav-active-bg: #b76e79;--color-nav-active-text: #ffffff;--sidebar-active-bg: rgba(183, 110, 121, .12);--sidebar-active-text: #9d4d57;--color-tab-active-bg: rgba(183, 110, 121, .12);--color-tab-active-text: #9d4d57;--color-tab-active-border: rgba(183, 110, 121, .35);--color-focus-ring: rgba(183, 110, 121, .35);--card-hover-glow: rgba(183, 110, 121, .18);--card-hover-border: rgba(183, 110, 121, .4);--halo: rgba(183, 110, 121, .08);--nav-active-bar: #b76e79}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);--color-success-bg: rgba(34, 197, 94, .12);--color-success-text: rgb(134, 239, 172);--color-success-border: rgba(34, 197, 94, .25);--color-warning-bg: rgba(245, 158, 11, .12);--color-warning-text: rgb(252, 211, 77);--color-warning-border: rgba(245, 158, 11, .25);--color-info-bg: rgba(59, 130, 246, .12);--color-info-text: rgb(147, 197, 253);--color-info-border: rgba(59, 130, 246, .25);--color-link: #d9a39a;--color-link-hover: #eabfb4;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .25);--shadow-md: 0 4px 16px rgba(0, 0, 0, .25);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .45);--color-scrollbar: rgba(255, 255, 255, .16);--color-scrollbar-hover: rgba(255, 255, 255, .28);--color-skeleton-base: rgba(255, 255, 255, .06);--color-skeleton-highlight: rgba(255, 255, 255, .12);--card-radius: 1.25rem;--card-grad-top: rgba(255, 255, 255, .055);--card-grad-bottom: rgba(255, 255, 255, .012);--card-ring: rgba(255, 255, 255, .06);--card-hover-glow: rgba(255, 255, 255, .1);--card-hover-border: rgba(255, 255, 255, .22);--sidebar-bg: #0c1116;--sidebar-active-bg: rgba(255, 255, 255, .1);--sidebar-active-text: #ffffff;--sidebar-hover-bg: rgba(255, 255, 255, .05);--topbar-bg: rgba(11, 15, 20, .72);--halo: rgba(255, 255, 255, .06)}@tailwind base;@tailwind components;@tailwind utilities;@font-face{font-family:Panchang;src:url(/assets/Panchang-Semibold-p6hqr85V.otf) format("opentype");font-weight:600;font-display:swap}@font-face{font-family:Panchang;src:url(/assets/Panchang-Bold-nk0-y6dd.otf) format("opentype");font-weight:700;font-display:swap}html{overflow-x:clip;max-width:100%;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background-color:var(--color-bg);color:var(--color-text-primary);font-family:Inter,system-ui,sans-serif;overflow-x:clip;max-width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#root{overflow-x:clip;max-width:100%}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*{scrollbar-width:thin;scrollbar-color:var(--color-scrollbar) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:var(--color-scrollbar);border-radius:9999px}*::-webkit-scrollbar-thumb:hover{background-color:var(--color-scrollbar-hover)}.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;opacity:.45;-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,black 0%,transparent 75%);mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,black 0%,transparent 75%)}.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)}.font-display{font-family:Panchang,Inter,sans-serif;letter-spacing:-.01em}.page-title{font-size:1.625rem;line-height:1.1;font-weight:800;letter-spacing:-.03em;color:var(--color-text-primary)}@media (min-width: 640px){.page-title{font-size:2.125rem}}.page-subtitle{margin-top:.375rem;font-size:.875rem;line-height:1.5;color:var(--color-text-muted)}.section-title{font-size:1.0625rem;font-weight:600;letter-spacing:-.01em;color:var(--color-text-primary)}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;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}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 3px var(--color-focus-ring)}input[type=checkbox],input[type=radio]{border-radius:.25rem;accent-color:var(--color-text-primary)}input[type=radio]{border-radius:9999px}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;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}@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)}@media (max-width: 640px){input,select,textarea{font-size:1rem}}.glass-card{background-color:var(--color-surface-2);border:1px solid var(--color-border);border-radius:1rem;backdrop-filter:blur(12px);-webkit-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 3px var(--color-focus-ring)}.btn-primary,.btn-secondary,.btn-ghost,.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .1s ease,opacity .15s ease}.btn-primary:active,.btn-secondary:active,.btn-ghost:active,.btn-danger:active{transform:scale(.98)}.btn-primary{background-color:var(--color-nav-active-bg);color:var(--color-nav-active-text);border:1px solid var(--color-nav-active-bg);border-radius:.75rem;font-weight:600;font-size:.875rem}.btn-primary:hover{opacity:.88;box-shadow:var(--shadow-md)}.btn-primary:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.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;font-size:.875rem}.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 3px 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 transparent;border-radius:.625rem;font-weight:500;font-size:.875rem}.btn-ghost:hover{background-color:var(--color-btn-ghost-hover-bg);border-color:var(--color-btn-ghost-hover-border);color:var(--color-text-primary)}.btn-ghost:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background-color:var(--color-destructive-bg);color:var(--color-destructive-text);border:1px solid var(--color-destructive-border);border-radius:.75rem;font-weight:600;font-size:.875rem}.btn-danger:hover{filter:brightness(1.15)}.btn-danger:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.card-panel{background-image:linear-gradient(180deg,var(--card-grad-top),var(--card-grad-bottom));background-color:var(--color-panel-solid);border:1px solid var(--color-border);border-radius:var(--card-radius);box-shadow:var(--shadow-sm),inset 0 1px 0 0 var(--card-ring)}.card-panel-hover{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.card-panel-hover:hover{border-color:var(--card-hover-border);box-shadow:var(--shadow-lg),0 0 0 1px var(--card-ring),0 0 28px -6px var(--card-hover-glow);transform:translateY(-2px)}.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}.bento>*{grid-column:span 12}@media (min-width: 640px){.bento>.col-6{grid-column:span 6}.bento>.col-4{grid-column:span 6}}@media (min-width: 1024px){.bento>.col-3{grid-column:span 3}.bento>.col-4{grid-column:span 4}.bento>.col-5{grid-column:span 5}.bento>.col-6{grid-column:span 6}.bento>.col-7{grid-column:span 7}.bento>.col-8{grid-column:span 8}.bento>.col-9{grid-column:span 9}.bento>.row-2{grid-row:span 2}}.app-sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--color-border)}.nav-item{position:relative;display:flex;align-items:center;gap:.75rem;border-radius:.75rem;padding:.625rem .75rem;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);transition:background-color .15s ease,color .15s ease}.nav-item:hover{background-color:var(--sidebar-hover-bg);color:var(--color-text-primary)}.nav-item.active{background-color:var(--sidebar-active-bg);color:var(--sidebar-active-text);font-weight:600;box-shadow:inset 0 1px 0 0 var(--card-ring)}.nav-item.active:before{content:"";position:absolute;left:-.75rem;top:50%;height:1.25rem;width:3px;transform:translateY(-50%);border-radius:999px;background:var(--nav-active-bar, var(--color-text-primary))}.nav-section-label{font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);padding:0 .75rem}.row-hover{transition:background-color .12s ease,border-color .12s ease}.row-hover:hover{background-color:var(--color-surface-2);border-color:var(--color-border-hover)}.badge{display:inline-flex;align-items:center;gap:.375rem;white-space:nowrap;border-radius:9999px;border:1px solid var(--color-border-hover);background-color:var(--color-surface-3);color:var(--color-text-secondary);padding:.1875rem .625rem;font-size:.75rem;font-weight:600;line-height:1.25rem}.badge-success{background-color:var(--color-success-bg);color:var(--color-success-text);border-color:var(--color-success-border)}.badge-warning{background-color:var(--color-warning-bg);color:var(--color-warning-text);border-color:var(--color-warning-border)}.badge-danger{background-color:var(--color-destructive-bg);color:var(--color-destructive-text);border-color:var(--color-destructive-border)}.badge-info{background-color:var(--color-info-bg);color:var(--color-info-text);border-color:var(--color-info-border)}.table-wrap{width:100%;overflow-x:auto;border-radius:var(--card-radius);border:1px solid var(--color-border);background-image:linear-gradient(180deg,var(--card-grad-top),var(--card-grad-bottom));background-color:var(--color-panel-solid);box-shadow:var(--shadow-sm),inset 0 1px 0 0 var(--card-ring);-webkit-overflow-scrolling:touch}.table-modern{width:100%;min-width:560px;border-collapse:collapse;font-size:.875rem}.table-modern thead th{position:sticky;top:0;background-color:var(--color-panel-solid);text-align:left;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);padding:.75rem 1rem;border-bottom:1px solid var(--color-border);z-index:1}.table-modern tbody td{padding:.875rem 1rem;border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);vertical-align:middle}.table-modern tbody tr:last-child td{border-bottom:none}.table-modern tbody tr{transition:background-color .12s ease}.table-modern tbody tr:hover{background-color:var(--color-surface-2)}.skeleton{position:relative;overflow:hidden;border-radius:.5rem;background-color:var(--color-skeleton-base)}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--color-skeleton-highlight),transparent);animation:skeleton-sweep 1.4s ease-in-out infinite}@keyframes skeleton-sweep{to{transform:translate(100%)}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fade-up .35s ease-out both}.stagger-children>*{animation:fade-up .35s ease-out both}.stagger-children>*:nth-child(2){animation-delay:.05s}.stagger-children>*:nth-child(3){animation-delay:.1s}.stagger-children>*:nth-child(4){animation-delay:.15s}.stagger-children>*:nth-child(5){animation-delay:.2s}.stagger-children>*:nth-child(6){animation-delay:.25s}.stagger-children>*:nth-child(n+7){animation-delay:.3s}.tap-target{min-height:44px;min-width:44px}@media (max-width: 640px){button,a.btn-primary,a.btn-secondary{min-height:44px}}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0)}:root{--app-safe-top: env(safe-area-inset-top, 0px);--app-header-h: calc(4rem + env(safe-area-inset-top, 0px)) }.pt-header{padding-top:var(--app-header-h)}.top-header{top:var(--app-header-h)}.nav-safe-top{padding-top:var(--app-safe-top)}.comment-highlight-glow{animation:comment-glow 3s ease-out}@keyframes comment-glow{0%{box-shadow:0 0 #3b82f699}25%{box-shadow:0 0 24px 6px #3b82f666}to{box-shadow:0 0 #3b82f600}}.text-theme-primary{color:var(--color-text-primary)}.text-theme-secondary{color:var(--color-text-secondary)}.text-theme-muted{color:var(--color-text-muted)}