.app{background:var(--bg-primary);flex-direction:column;height:100vh;padding:0;display:flex;overflow:hidden}.app-header{background:var(--header-bg);border-bottom:1px solid var(--header-border);color:var(--text-primary);box-shadow:var(--header-shadow);z-index:100;flex-shrink:0;padding:20px 24px}.app-header h1{letter-spacing:-.3px;color:var(--text-primary);margin:0;font-size:22px;font-weight:700}.app-header p{opacity:.6;letter-spacing:.2px;color:var(--text-secondary);margin:0;font-size:12px;font-weight:400}.app-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.theme-toggle-btn{color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:8px 10px;transition:all .2s;display:flex}.theme-toggle-btn:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--primary)}.logout-btn{color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:6px;padding:8px 14px;font-size:12px;font-weight:500;transition:all .2s}.logout-btn:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--primary)}.app-tabs{background-color:var(--surface-primary);border-bottom:1px solid var(--border-color);flex-shrink:0;gap:0;margin:0;padding:0 24px;display:flex}.tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:14px 20px;font-size:14px;font-weight:500;transition:all .2s;position:relative}.tab:hover{color:var(--text-secondary)}.tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.app-controls{background-color:var(--surface-primary);border-bottom:1px solid var(--border-color);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.search-bar{flex:1;min-width:250px}.search-input{border:1px solid var(--border-color);background:var(--surface-primary);width:100%;color:var(--text-primary);border-radius:6px;padding:9px 12px;font-family:inherit;font-size:13px;transition:all .2s}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--primary);background:var(--surface-primary);outline:none;box-shadow:0 0 0 3px #6d28d91a}.add-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#14b8a6 0%,#0f766e 100%);border:1px solid #0f766e2e;border-radius:10px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #0f766e2e}.add-btn:hover{background:linear-gradient(135deg,#0f766e 0%,#115e59 100%);transform:translateY(-1px);box-shadow:0 8px 18px #0f766e3d}.add-btn:active{transform:scale(.98)}.add-btn:disabled{opacity:.6;cursor:not-allowed}.error-message{border-left:3px solid var(--danger);color:var(--danger-light);background:#ef444426;border-radius:6px;margin:12px 24px;padding:12px 14px;font-size:13px;font-weight:600;box-shadow:0 2px 8px #ef444433}.loading{text-align:center;color:var(--text-muted);padding:40px 20px;font-size:14px;font-weight:500}.import-result-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.import-result-dialog{background:var(--surface-primary);border:1px solid var(--border-color);width:90%;max-width:600px;max-height:70vh;color:var(--text-primary);border-radius:12px;padding:24px;overflow-y:auto;box-shadow:0 20px 60px #00000026}.import-result-dialog h3{color:var(--text-primary);margin:0 0 16px;font-size:18px}.import-success-msg{color:var(--success);font-size:15px;font-weight:600}.import-errors p{color:var(--danger);margin-bottom:12px;font-weight:600}.import-errors ul{margin:0;padding:0;list-style:none}:root,[data-theme=dark]{--bg-primary:linear-gradient(135deg, #0f172a 0%, #111827 50%, #1a1f35 100%);--bg-secondary:#1f2937;--bg-tertiary:#111827;--surface-primary:#1f2937;--surface-hover:#7c3aed1f;--border-color:#e5e7eb1a;--header-bg:linear-gradient(135deg, #1f2937 0%, #111827 100%);--header-border:#1e293b;--header-shadow:0 2px 8px #0000004d;--table-container-bg:linear-gradient(135deg, #0f172a 0%, #1a1f3a 100%);--table-bg:#1f2937;--table-header-bg:linear-gradient(135deg, #111827 0%, #1f2937 100%);--table-row-odd:#ffffff08;--table-row-even:#ffffff03;--table-row-hover:#7c3aed1f;--table-shadow:0 8px 24px #0000004d;--text:#f3f4f6;--text-primary:#f3f4f6;--text-secondary:#e5e7eb;--text-muted:#9ca3af;--text-h:#f9fafb;--text-light:#6b7280;--primary:#6d28d9;--primary-dark:#6d28d9;--primary-darker:#5b1eca;--primary-light:#7c3aed;--primary-gradient:linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);--primary-shadow:0 4px 12px #7c3aed4d;--secondary:#06b6d4;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--danger-light:#fca5a5;--info:#06b6d4;--status-open-bg:#86efac;--status-open-text:#0f172a;--status-progress-bg:#fbbf24;--status-progress-text:#0f172a;--status-closed-bg:#94a3b8;--status-closed-text:#0f172a;--status-lost-bg:#fca5a5;--status-lost-text:#0f172a;--accent:#6366f1;--accent-bg:#6366f114;--accent-border:#6366f14d;--bg:#0f172a;--border:#2d3748;--border-light:#374151;--code-bg:#ffffff0f;--hover-subtle:#ffffff0d;--hover-medium:#ffffff14;--btn-secondary-bg:#ffffff14;--btn-secondary-border:#ffffff26;--btn-secondary-hover-bg:#ffffff1f;--btn-secondary-hover-border:#ffffff40}[data-theme=light]{--bg-primary:linear-gradient(to right, #eef2ff, #f8fafc);--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--surface-primary:#fff;--surface-hover:#eef2ff;--border-color:#e2e8f0;--header-bg:#fff;--header-border:#e2e8f0;--header-shadow:0 2px 8px #0000000d;--table-container-bg:linear-gradient(to right, #eef2ff, #f8fafc);--table-bg:#fff;--table-header-bg:#f1f5f9;--table-row-odd:#fff;--table-row-even:#f8fafc;--table-row-hover:#eef2ff;--table-shadow:0 4px 20px #0000000d;--text:#0f172a;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#94a3b8;--text-h:#0f172a;--text-light:#64748b;--primary:#6d28d9;--primary-dark:#6d28d9;--primary-darker:#5b1eca;--primary-light:#7c3aed;--primary-gradient:linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);--primary-shadow:0 4px 12px #6d28d926;--secondary:#06b6d4;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--danger-light:#dc2626;--info:#06b6d4;--status-open-bg:#dcfce7;--status-open-text:#166534;--status-progress-bg:#fef08a;--status-progress-text:#713f12;--status-closed-bg:#e2e8f0;--status-closed-text:#334155;--status-lost-bg:#fee2e2;--status-lost-text:#991b1b;--accent:#6366f1;--accent-bg:#6366f114;--accent-border:#6366f14d;--bg:#f8fafc;--border:#e2e8f0;--border-light:#cbd5e1;--code-bg:#0000000f;--hover-subtle:#00000008;--hover-medium:#0000000d;--btn-secondary-bg:#0000000d;--btn-secondary-border:#0000001f;--btn-secondary-hover-bg:#00000014;--btn-secondary-hover-border:#0003}:root{--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:15px/160% var(--sans);letter-spacing:.3px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}#root{box-sizing:border-box;flex-direction:column;width:100%;height:100vh;margin:0;display:flex}*{box-sizing:border-box}body{margin:0;padding:0;overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--heading);color:var(--text-h);margin:0;font-weight:600}h1{letter-spacing:-.5px;margin-bottom:12px;font-size:36px}h2{letter-spacing:-.27px;margin-bottom:8px;font-size:28px}h3{letter-spacing:-.2px;font-size:20px}h4{font-size:16px;font-weight:600}@media (width<=1024px){h1{font-size:28px}h2{font-size:24px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/roboto-flex-cyrillic-ext-wght-normal-CVcCQn0y.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/roboto-flex-cyrillic-wght-normal-BJ-nQEdz.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/roboto-flex-greek-wght-normal-DeN4rzfy.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/roboto-flex-vietnamese-wght-normal-AVFfiTln.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/roboto-flex-latin-ext-wght-normal-gysdOMcS.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/roboto-flex-latin-wght-normal-n-dP9qr2.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}