body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg: #F4F4F5;--surface: #FFFFFF;--surface2: #F9FAFB;--surface3: #F0F1F3;--border: rgba(0,0,0,.06);--border2: rgba(0,0,0,.1);--text: #1D1D1F;--text2: #6E6E73;--text3: #AEAEB2;--accent: #16A34A;--accent-hover: #15803D;--accent-active: #166534;--accent-bg: rgba(22,163,74,.08);--accent-bg-hi: rgba(22,163,74,.14);--teal: #16A34A;--teal-bg: rgba(22,163,74,.1);--amber: #FF9F0A;--amber-bg: rgba(255,159,10,.1);--red: #DC2626;--red-bg: rgba(220,38,38,.08);--blue: #2563EB;--blue-bg: rgba(37,99,235,.08);--purple: #8B5CF6;--purple-bg: rgba(139,92,246,.1);--navy: #1D1D1F;--admin: #334155;--admin-bg: #1E293B;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 32px;--sp-8: 40px;--sp-9: 48px;--sp-10: 64px;--r-sm: 6px;--r: 8px;--r-md: 10px;--r-lg: 12px;--r-xl: 14px;--r-2xl: 20px;--r-full:9999px;--radius-sm: var(--r);--radius: var(--r-lg);--radius-lg: var(--r-xl);--radius-xl: var(--r-2xl);--fs-xs: 11px;--fs-sm: 12px;--fs-base: 13px;--fs-md: 14px;--fs-lg: 16px;--fs-xl: 20px;--fs-2xl: 24px;--fs-3xl: 28px;--lh-tight: 1.2;--lh-base: 1.4;--lh-relaxed: 1.6;--font: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono: "SF Mono", "Fira Code", "DM Mono", monospace;--shadow-sm: 0 1px 3px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.03);--shadow: 0 4px 16px rgba(0,0,0,.06), 0 1px 4px rgba(0,0,0,.03);--shadow-md: 0 8px 24px rgba(0,0,0,.08), 0 2px 8px rgba(0,0,0,.04);--shadow-lg: 0 12px 40px rgba(0,0,0,.1), 0 4px 12px rgba(0,0,0,.05);--shadow-xl: 0 24px 64px rgba(0,0,0,.14), 0 8px 24px rgba(0,0,0,.08);--ease: cubic-bezier(.25,.46,.45,.94);--ease-spring: cubic-bezier(.34,1.56,.64,1);--ease-out: cubic-bezier(0,0,.2,1);--ease-in-out: cubic-bezier(.4,0,.2,1);--dur-fast: .15s;--dur-med: .25s;--dur-slow: .4s;--z-sticky: 10;--z-header: 100;--z-dropdown: 500;--z-overlay: 900;--z-modal: 1000;--z-toast: 2000}[data-dark="1"]{--bg: #222222;--surface: #2C2C2C;--surface2: #383838;--surface3: #48484A;--border: rgba(255,255,255,.1);--border2: rgba(255,255,255,.16);--text: #ECECEC;--text2: #AEAEB2;--text3: #8E8E93;--accent: #22C55E;--accent-hover: #16A34A;--accent-active: #15803D;--accent-bg: rgba(34,197,94,.15);--accent-bg-hi: rgba(34,197,94,.25);--teal: #22C55E;--teal-bg: rgba(34,197,94,.12);--amber: #FFB340;--amber-bg: rgba(255,179,64,.14);--red: #FF453A;--red-bg: rgba(255,69,58,.12);--blue: #60A5FA;--blue-bg: rgba(96,165,250,.12);--purple: #BF5AF2;--purple-bg: rgba(191,90,242,.14);--navy: #22C55E;--admin: #475569;--admin-bg: #0F172A;--shadow-sm: 0 1px 3px rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,.2);--shadow: 0 4px 16px rgba(0,0,0,.4), 0 1px 4px rgba(0,0,0,.2);--shadow-md: 0 8px 24px rgba(0,0,0,.45), 0 2px 8px rgba(0,0,0,.25);--shadow-lg: 0 12px 40px rgba(0,0,0,.55), 0 4px 12px rgba(0,0,0,.3);--shadow-xl: 0 24px 64px rgba(0,0,0,.65), 0 8px 24px rgba(0,0,0,.4)}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none!important}.block{display:block}.inline-block{display:inline-block}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1;min-width:0}.flex-auto{flex:auto}.flex-none{flex:none;flex-shrink:0}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.gap-1{gap:var(--sp-1)}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-5{gap:var(--sp-5)}.gap-6{gap:var(--sp-6)}.m-0{margin:0}.mt-1{margin-top:var(--sp-1)}.mt-2{margin-top:var(--sp-2)}.mt-3{margin-top:var(--sp-3)}.mt-4{margin-top:var(--sp-4)}.mt-5{margin-top:var(--sp-5)}.mt-6{margin-top:var(--sp-6)}.mb-1{margin-bottom:var(--sp-1)}.mb-2{margin-bottom:var(--sp-2)}.mb-3{margin-bottom:var(--sp-3)}.mb-4{margin-bottom:var(--sp-4)}.mb-5{margin-bottom:var(--sp-5)}.mb-6{margin-bottom:var(--sp-6)}.mr-1{margin-right:var(--sp-1)}.mr-2{margin-right:var(--sp-2)}.ml-1{margin-left:var(--sp-1)}.ml-2{margin-left:var(--sp-2)}.ml-auto{margin-left:auto}.p-0{padding:0}.p-2{padding:var(--sp-2)}.p-3{padding:var(--sp-3)}.p-4{padding:var(--sp-4)}.p-5{padding:var(--sp-5)}.p-6{padding:var(--sp-6)}.px-2{padding-left:var(--sp-2);padding-right:var(--sp-2)}.px-3{padding-left:var(--sp-3);padding-right:var(--sp-3)}.px-4{padding-left:var(--sp-4);padding-right:var(--sp-4)}.py-2{padding-top:var(--sp-2);padding-bottom:var(--sp-2)}.py-3{padding-top:var(--sp-3);padding-bottom:var(--sp-3)}.py-4{padding-top:var(--sp-4);padding-bottom:var(--sp-4)}.text-xs{font-size:var(--fs-xs)}.text-sm{font-size:var(--fs-sm)}.text-base{font-size:var(--fs-base)}.text-md{font-size:var(--fs-md)}.text-lg{font-size:var(--fs-lg)}.text-xl{font-size:var(--fs-xl)}.font-regular{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-mono{font-family:var(--font-mono)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.text-muted{color:var(--text2)}.text-subtle{color:var(--text3)}.text-accent{color:var(--accent)}.text-red{color:var(--red)}.text-teal{color:var(--teal)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.select-none{-webkit-user-select:none;user-select:none}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.w-full{width:100%}.h-full{height:100%}.min-w-0{min-width:0}.divider{height:1px;background:var(--border);margin:var(--sp-3) 0;border:none}.divider-v{width:1px;background:var(--border);align-self:stretch}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--r);font-family:var(--font);font-size:var(--fs-base);font-weight:500;letter-spacing:.01em;border:1px solid var(--border2);background:var(--surface);color:var(--text);cursor:pointer;transition:background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-fast) var(--ease);white-space:nowrap;-webkit-tap-highlight-color:transparent}.btn:hover{background:var(--surface2)}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:var(--sp-1) var(--sp-3);font-size:var(--fs-sm)}.btn-lg{padding:var(--sp-3) var(--sp-5);font-size:var(--fs-md)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-primary:active{background:var(--accent-active);border-color:var(--accent-active)}.btn-secondary{background:var(--surface2);color:var(--text)}.btn-secondary:hover{background:var(--surface3)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text2)}.btn-ghost:hover{background:var(--surface2);color:var(--text)}.btn-danger{background:var(--red);border-color:var(--red);color:#fff;font-weight:600}.btn-danger:hover{background:var(--red);filter:brightness(.92)}.btn-icon{width:32px;height:32px;padding:0;border-radius:var(--r)}.input,.select,.textarea{width:100%;padding:var(--sp-2) var(--sp-3);font-size:var(--fs-base);font-family:var(--font);color:var(--text);background:var(--surface);border:1px solid var(--border2);border-radius:var(--r);outline:none;box-sizing:border-box;transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.input::placeholder{color:var(--text3)}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.input:disabled,.select:disabled{opacity:.6;cursor:not-allowed}.select{cursor:pointer}.field-label{display:block;font-size:var(--fs-xs);font-weight:600;color:var(--text2);margin-bottom:var(--sp-1);letter-spacing:.02em}.field-hint{font-size:var(--fs-xs);color:var(--text3);margin-top:var(--sp-1)}.card{background:var(--surface);border-radius:var(--r-xl);padding:var(--sp-5);box-shadow:var(--shadow-sm)}.card-padded{padding:var(--sp-6)}.card-flush{padding:0}.pill-u{display:inline-flex;align-items:center;gap:var(--sp-1);padding:2px var(--sp-3);border-radius:var(--r-full);font-size:var(--fs-xs);font-weight:500;letter-spacing:.01em;white-space:nowrap;border:none}.pill-u.red{background:var(--red-bg);color:var(--red)}.pill-u.blue{background:var(--blue-bg);color:var(--blue)}.pill-u.green{background:var(--teal-bg);color:var(--teal)}.pill-u.amber{background:var(--amber-bg);color:var(--amber)}.pill-u.purple{background:var(--purple-bg);color:var(--purple)}.pill-u.gray{background:var(--surface2);color:var(--text2);border:1px solid var(--border)}.badge{display:inline-block;padding:1px var(--sp-2);border-radius:var(--r-full);font-size:10px;font-weight:600;line-height:1.4;letter-spacing:.03em;text-transform:uppercase}.badge-accent{background:var(--accent);color:#fff}.badge-warn{background:var(--amber-bg);color:var(--amber)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--sp-4);animation:modalFadeIn var(--dur-med) var(--ease-out)}[data-dark="1"] .modal-overlay{background:#000000a6}.modal{background:var(--surface);border-radius:var(--r-xl);border:1px solid var(--border);box-shadow:var(--shadow-xl);max-width:100%;max-height:90vh;overflow:auto;display:flex;flex-direction:column;animation:modalScaleIn var(--dur-med) var(--ease-out)}.modal-sm{width:420px}.modal-md{width:560px}.modal-lg{width:680px}.modal-xl{width:880px}.modal-header{padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4)}.modal-title{font-size:var(--fs-lg);font-weight:700;color:var(--text);line-height:1.3}.modal-subtitle{font-size:var(--fs-sm);color:var(--text3);margin-top:2px}.modal-close{flex-shrink:0;width:28px;height:28px;border-radius:var(--r);border:none;background:transparent;color:var(--text3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--dur-fast) var(--ease)}.modal-close:hover{background:var(--surface2);color:var(--text)}.modal-body{padding:var(--sp-5) var(--sp-6);flex:1;overflow:auto}.modal-footer{padding:var(--sp-4) var(--sp-6);border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:var(--sp-2)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.96) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:var(--sp-1);min-width:180px;z-index:var(--z-dropdown);animation:menuIn var(--dur-fast) var(--ease-out)}.menu-item{display:flex;align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-2) var(--sp-3);font-size:var(--fs-base);font-family:var(--font);color:var(--text);background:none;border:none;cursor:pointer;text-align:left;border-radius:var(--r);transition:background var(--dur-fast) var(--ease)}.menu-item:hover{background:var(--surface2)}.menu-item.is-active{color:var(--accent);font-weight:600}.menu-item.is-danger{color:var(--red)}.menu-item.is-danger:hover{background:var(--red-bg)}.menu-sep{height:1px;background:var(--border);margin:var(--sp-1) var(--sp-3)}@keyframes menuIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.skeleton{background:var(--surface2);background-image:linear-gradient(90deg,var(--surface2) 0%,var(--surface3) 50%,var(--surface2) 100%);background-size:200% 100%;animation:skeletonShimmer 1.4s var(--ease-in-out) infinite;border-radius:var(--r)}.skeleton-line{height:12px;margin-bottom:var(--sp-2)}.skeleton-block{height:56px;margin-bottom:var(--sp-2)}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--sp-9) var(--sp-5);color:var(--text2);animation:emptyIn var(--dur-slow) var(--ease-out)}.empty-icon{width:64px;height:64px;margin-bottom:var(--sp-4);border-radius:var(--r-xl);background:var(--surface2);display:flex;align-items:center;justify-content:center;color:var(--text3)}.empty-title{font-size:var(--fs-md);font-weight:600;color:var(--text);margin:0 0 var(--sp-1)}.empty-desc{font-size:var(--fs-sm);color:var(--text3);margin:0 0 var(--sp-5);max-width:340px;line-height:1.5}@keyframes emptyIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.error-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--sp-8) var(--sp-5);color:var(--red)}.error-state .empty-icon{background:var(--red-bg);color:var(--red)}.toast{position:fixed;bottom:var(--sp-6);right:var(--sp-6);z-index:var(--z-toast);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-lg);max-width:360px;font-size:var(--fs-base);font-weight:500;line-height:1.4;cursor:pointer;font-family:var(--font);box-shadow:var(--shadow-lg);background:var(--surface);border:1px solid var(--border);color:var(--text);animation:toastIn var(--dur-med) var(--ease-out)}.toast.toast-success{border-color:var(--teal);color:var(--teal)}.toast.toast-error{border-color:var(--red);color:var(--red)}@keyframes toastIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.filter-chip{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:var(--surface2);color:var(--text);font-size:var(--fs-sm);font-family:var(--font);border:1px solid var(--border);cursor:pointer;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease);white-space:nowrap}.filter-chip:hover{background:var(--surface3)}.filter-chip.is-active{background:var(--accent-bg);color:var(--accent);border-color:var(--accent)}.segmented{display:inline-flex;padding:3px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--r-md);gap:2px}.segmented-btn{padding:var(--sp-1) var(--sp-4);font-size:var(--fs-sm);font-weight:500;font-family:var(--font);background:transparent;color:var(--text2);border:none;border-radius:var(--r);cursor:pointer;transition:all var(--dur-fast) var(--ease-spring)}.segmented-btn:hover{color:var(--text)}.segmented-btn.is-active{background:var(--surface);color:var(--text);font-weight:600;box-shadow:var(--shadow-sm)}.checkbox{width:18px;height:18px;flex-shrink:0;border-radius:4px;border:2px solid var(--text3);background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.checkbox.is-checked{background:var(--accent);border-color:var(--accent)}.avatar{width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;font-weight:700;font-size:var(--fs-xs);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform var(--dur-fast) var(--ease-spring)}.avatar:hover{transform:scale(1.08)}.pane-enter{animation:paneIn var(--dur-med) var(--ease-out)}@keyframes paneIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.switch{width:36px;height:20px;border-radius:10px;background:var(--border2);border:1px solid var(--border);cursor:pointer;position:relative;flex-shrink:0;padding:0;transition:background var(--dur-med) var(--ease)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000026;transition:transform var(--dur-slow) var(--ease-spring)}.switch.is-on{background:var(--accent);border-color:var(--accent)}.switch.is-on:after{transform:translate(16px)}@font-face{font-family:Inter;font-weight:400;font-style:normal;src:url(/assets/Inter_18pt-Regular-BpskOkD5.ttf) format("truetype")}@font-face{font-family:Inter;font-weight:500;font-style:normal;src:url(/assets/Inter_18pt-Medium-BtfNrkJj.ttf) format("truetype")}@font-face{font-family:Inter;font-weight:600;font-style:normal;src:url(/assets/Inter_18pt-SemiBold-C9_sHzqi.ttf) format("truetype")}@font-face{font-family:Inter;font-weight:700;font-style:normal;src:url(/assets/Inter_18pt-Bold-BVTOCPiq.ttf) format("truetype")}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#F4F4F5;--surface:#ffffff;--surface2:#F9FAFB;--border:rgba(0,0,0,.06);--border2:rgba(0,0,0,.1);--text:#1d1d1f;--text2:#6e6e73;--text3:#aeaeb2;--accent:#16A34A;--accent-hover:#15803D;--accent-bg:rgba(22,163,74,.08);--teal:#16A34A;--teal-bg:rgba(22,163,74,.1);--amber:#ff9f0a;--amber-bg:rgba(255,159,10,.1);--red:#DC2626;--red-bg:rgba(220,38,38,.08);--blue:#2563EB;--blue-bg:rgba(37,99,235,.08);--purple:#af52de;--purple-bg:rgba(175,82,222,.1);--navy:#1d1d1f;--navy2:#1d1d1f;--shadow-sm:0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.03);--shadow:0 4px 16px rgba(0,0,0,.06),0 1px 4px rgba(0,0,0,.03);--shadow-lg:0 12px 40px rgba(0,0,0,.1),0 4px 12px rgba(0,0,0,.05);--radius-sm:8px;--radius:12px;--radius-lg:14px;--radius-xl:20px;--ease:cubic-bezier(.25,.46,.45,.94);--ease-spring:cubic-bezier(.34,1.56,.64,1);--ease-out:cubic-bezier(0,0,.2,1);--font:"Plus Jakarta Sans","Inter",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--font-mono:"SF Mono","Fira Code","DM Mono",monospace}[data-dark="1"]{--bg:#222222;--surface:#2C2C2C;--surface2:#383838;--border:rgba(255,255,255,.08);--border2:rgba(255,255,255,.12);--text:#ECECEC;--text2:#98989d;--text3:#636366;--accent:#22C55E;--accent-hover:#16A34A;--accent-bg:rgba(34,197,94,.15);--teal:#22C55E;--teal-bg:rgba(34,197,94,.12);--amber:#ff9f0a;--amber-bg:rgba(255,159,10,.12);--red:#ff453a;--red-bg:rgba(255,69,58,.1);--blue:#60a5fa;--blue-bg:rgba(96,165,250,.1);--purple:#bf5af2;--purple-bg:rgba(191,90,242,.12);--navy:#22C55E;--navy2:#16A34A;--shadow-sm:0 1px 3px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2);--shadow:0 4px 16px rgba(0,0,0,.4),0 1px 4px rgba(0,0,0,.2);--shadow-lg:0 12px 40px rgba(0,0,0,.5),0 4px 12px rgba(0,0,0,.3)}body{font-family:var(--font);background:var(--bg);color:var(--text);height:100vh;display:flex;flex-direction:column;overflow:hidden;font-size:13px;-webkit-font-smoothing:antialiased;transition:background .55s var(--ease),color .55s var(--ease)}header{background:var(--surface);padding:0 24px;height:52px;display:flex;align-items:center;gap:12px;flex-shrink:0;border-bottom:.5px solid var(--border);position:relative;z-index:100;overflow:visible;transition:background .55s var(--ease)}[data-dark="1"] header{background:var(--surface);border-bottom-color:var(--border)}.hmark{width:34px;height:34px;background:var(--accent);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hmark svg{width:20px;height:20px}.hname{font-size:15px;font-weight:700;color:var(--text);letter-spacing:-.02em}.hdept{font-size:10px;color:var(--text3);margin-top:1px;letter-spacing:.01em}.hdot{width:6px;height:6px;border-radius:50%;background:var(--border2);flex-shrink:0;transition:background .4s var(--ease)}.hdot.ok{background:#22c55e;box-shadow:0 0 6px #22c55e80}.hdot.err{background:#ef4444;box-shadow:0 0 6px #ef444480}.hdot.syncing{background:#ff9f0a;animation:pulse .9s var(--ease) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.hright{display:flex;gap:10px;align-items:center}.hbtn{padding:5px 13px;border-radius:8px;font-size:12px;font-weight:500;font-family:var(--font);cursor:pointer;border:1px solid var(--border2);background:var(--surface);color:var(--text2);transition:all .25s var(--ease-spring);letter-spacing:.01em;position:relative;overflow:hidden}.hbtn:hover{background:var(--surface2);color:var(--text);border-color:var(--border2);transform:translateY(-1px)}.hbtn:active{transform:scale(.95)}.hbtn.acc{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.hbtn.acc:hover{background:var(--accent-hover)}.hbtn.acc:active{transform:scale(.96)}.tgl{width:36px;height:20px;border-radius:10px;background:var(--border2);border:1px solid var(--border);cursor:pointer;position:relative;flex-shrink:0;transition:background .25s var(--ease);padding:0}.tgl:after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:8px;line-height:15px;text-align:center;transition:transform .5s var(--ease-spring);box-shadow:0 1px 4px #00000026}[data-dark="1"] .tgl{background:#22c55e4d;border-color:#22c55e66}[data-dark="1"] .tgl:after{transform:translate(16px);content:""}.avatar-btn{width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;font-weight:700;font-size:11px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s var(--ease-spring)}.avatar-btn:hover{transform:scale(1.08)}.avatar-dropdown{position:absolute;right:0;top:38px;width:220px;background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius);padding:6px;z-index:9999;box-shadow:var(--shadow-lg);animation:dropIn .2s ease-out}.right{flex:1;display:flex;flex-direction:column;width:100%;overflow:hidden;background:var(--bg);transition:background .55s var(--ease)}.right-header{flex-shrink:0;display:flex;flex-direction:column;position:relative;z-index:20}.tabbar{display:flex;background:var(--surface);border-bottom:.5px solid var(--border);padding:0 24px;flex-shrink:0;transition:background .55s var(--ease),border-color .3s var(--ease)}[data-dark="1"] .tabbar{background:var(--surface);border-bottom-color:var(--border)}.tab{padding:14px 16px 12px;font-size:14px;font-weight:500;color:var(--text2);cursor:pointer;border:none;background:transparent;border-bottom:2px solid transparent;transition:color .25s var(--ease),border-color .3s var(--ease-spring),transform .2s var(--ease-spring);display:flex;align-items:center;gap:5px;white-space:nowrap;letter-spacing:-.01em;font-family:var(--font)}.tab:hover{color:var(--text)}.tab:active{transform:scale(.97)}.tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.tbadge{background:var(--red-bg);color:var(--red);border:1px solid rgba(220,38,38,.15);border-radius:10px;font-size:9px;font-family:var(--font-mono);padding:1px 5px;font-weight:600}.search-bar{padding:10px 16px 8px;display:flex;gap:8px;align-items:center;background:var(--surface);border-bottom:.5px solid var(--border);flex-shrink:0;transition:background .55s var(--ease),border-color .3s var(--ease);flex-wrap:wrap;animation:slideIn .3s ease-out}.search-wrap{flex:1;position:relative;max-width:220px}.search-wrap svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:13px;height:13px;fill:none;stroke:var(--text3);stroke-width:2}.search-inp{width:100%;padding:7px 10px 7px 30px;border-radius:8px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-family:var(--font);font-size:14px;outline:none;transition:all .3s var(--ease)}.search-inp::placeholder{color:var(--text3)}.search-inp:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);background:var(--surface)}.filter-sel{padding:7px 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-family:var(--font);font-size:14px;outline:none;cursor:pointer;transition:all .25s var(--ease)}.filter-sel:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.search-count{font-size:12px;color:var(--text2);white-space:nowrap}.stats-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px 16px 0;flex-shrink:0;background:var(--bg);transition:background .55s var(--ease)}.stats-bar.hidden{display:none}.sc{background:var(--surface);border:none;border-radius:var(--radius-lg);padding:14px 16px;transition:transform .35s var(--ease-spring),box-shadow .35s var(--ease),background .4s var(--ease);cursor:default}.sc:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.sn{font-size:28px;font-weight:700;letter-spacing:-.02em;margin-top:4px}.sl{font-size:13px;color:var(--text);font-weight:500}.sc.cr .sn{color:var(--red)}.sc.ca .sn{color:var(--amber)}.sc.cb .sn{color:var(--blue)}.sc.cg .sn{color:var(--teal)}.sc.cn .sn,[data-dark="1"] .sc.cn .sn{color:var(--text)}.tc{flex:1;overflow-y:auto;overflow-x:auto;padding:0 56px 16px;scrollbar-width:thin;scrollbar-color:var(--border) transparent;scroll-behavior:smooth}.pane{display:none;animation:fadeSlideIn .3s var(--ease-out);margin-top:12px}.pane.active{display:block}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tw{background:var(--surface);border:none;border-radius:var(--radius-lg);overflow:visible;position:relative;transition:background .55s var(--ease)}table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}th{text-align:left;padding:10px;font-size:14px;font-weight:600;color:var(--text);letter-spacing:.03em;border-bottom:1px solid var(--border);white-space:nowrap;font-family:var(--font);position:sticky;top:0;background:var(--surface);border-radius:0;z-index:10;-webkit-user-select:none;user-select:none;box-shadow:0 1px 0 var(--border)}th:first-child{border-radius:var(--radius-lg) 0 0 0}th:last-child{border-radius:0 var(--radius-lg) 0 0}[data-dark="1"] th{background:var(--surface);color:var(--text3);border-bottom-color:var(--border)}td{padding:10px;border-bottom:1px solid rgba(0,0,0,.03);vertical-align:middle;color:var(--text);line-height:1.4;transition:background .15s var(--ease);position:relative;background:var(--surface)}[data-dark="1"] td{border-bottom-color:#ffffff0a}tr:last-child td{border-bottom:none}tr:hover td{background:#00000003}[data-dark="1"] tr:hover td{background:#ffffff08}.pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:500;white-space:nowrap;letter-spacing:.01em;border:none;cursor:pointer;transition:all .25s var(--ease-spring)}.pill.red{background:var(--red-bg);color:var(--red)}.pill.amber{background:var(--amber-bg);color:var(--amber)}.pill.blue{background:var(--blue-bg);color:var(--blue)}.pill.green{background:var(--teal-bg);color:var(--teal)}.pill.gray{background:var(--surface2);color:var(--text2);border:1px solid var(--border)}.pill:hover{filter:brightness(1.05);transform:scale(1.03)}.pill:active{transform:scale(.93)}.mono{font-family:var(--font-mono);font-size:12px;color:var(--text)}.del-btn{background:none;border:none;cursor:pointer;color:var(--text3);font-size:15px;padding:0 4px;line-height:1;transition:color .2s var(--ease),transform .2s var(--ease-spring)}.del-btn:hover{color:var(--red);transform:scale(1.15)}.del-btn:active{transform:scale(.9)}.cat-tog{display:flex;gap:1px;padding:2px;border:none;background:var(--bg);border-radius:8px;overflow:hidden;flex-shrink:0}[data-dark="1"] .cat-tog{background:var(--surface2)}.cat-btn{padding:5px 12px;font-size:13px;font-weight:500;font-family:var(--font);border-radius:6px;border:none;cursor:pointer;background:transparent;color:var(--text3);transition:all .25s var(--ease-spring)}.cat-btn:active{transform:scale(.95)}.cat-btn.active{background:var(--surface);color:var(--text);font-weight:600;box-shadow:0 1px 3px #0000000f}[data-dark="1"] .cat-btn.active{background:var(--surface);color:var(--text);box-shadow:0 1px 4px #0000004d}.rep-bar{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.rsel{padding:7px 11px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:var(--font);font-size:12px;cursor:pointer;outline:none;transition:all .3s var(--ease)}.rsel:focus{border-color:var(--accent)}.rbtn{padding:7px 15px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:var(--font);font-size:12px;cursor:pointer;font-weight:600;transition:all .25s var(--ease-spring)}.rbtn:hover{background:var(--surface2);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.rbtn:active{transform:scale(.95)}.rbtn.pri{background:var(--accent);border-color:var(--accent);color:#fff}.rbtn.pri:hover{background:var(--accent-hover)}#rep-out{background:var(--surface);border:none;border-radius:var(--radius-lg);padding:24px;min-height:160px}#rep-out h3{font-size:18px;font-weight:700;margin-bottom:4px;letter-spacing:-.02em}#rep-out .rep-sub{font-size:12px;color:var(--text2);margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--border)}.rep-total{font-weight:700;color:var(--teal);font-family:var(--font-mono)}@media print{header,.right-header,.rep-bar{display:none!important}#rep-out{border:none;box-shadow:none}}tbody tr{transition:background .2s var(--ease);opacity:0;animation:rowIn .25s ease-out forwards}tbody tr:nth-child(1){animation-delay:.02s}tbody tr:nth-child(2){animation-delay:.04s}tbody tr:nth-child(3){animation-delay:.06s}tbody tr:nth-child(4){animation-delay:.08s}tbody tr:nth-child(5){animation-delay:.1s}tbody tr:nth-child(6){animation-delay:.12s}tbody tr:nth-child(7){animation-delay:.14s}tbody tr:nth-child(8){animation-delay:.16s}tbody tr:nth-child(n+9){animation-delay:.18s}@keyframes rowIn{0%{opacity:0}to{opacity:1}}.stats-bar .sc{opacity:0;animation:cardIn .4s ease-out forwards}.stats-bar .sc:nth-child(1){animation-delay:.05s}.stats-bar .sc:nth-child(2){animation-delay:.1s}.stats-bar .sc:nth-child(3){animation-delay:.15s}.stats-bar .sc:nth-child(4){animation-delay:.2s}@keyframes cardIn{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes expandIn{0%{opacity:0;transform:scaleY(.9)}to{opacity:1;transform:scaleY(1)}}.inv-row-action td{animation:expandIn .25s ease-out}.row-menu-btn{width:28px;height:28px;border-radius:8px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s var(--ease)}.row-menu-btn:hover{background:var(--bg)}.row-menu-btn svg{width:14px;height:14px;fill:var(--text3)}.row-menu{position:fixed;background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius);padding:4px;min-width:170px;box-shadow:var(--shadow-lg);z-index:9999;animation:dropIn .15s ease-out}.row-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:9px 14px;font-size:13px;color:var(--text);background:none;border:none;cursor:pointer;text-align:left;border-radius:8px;font-family:var(--font);transition:background .15s var(--ease)}.row-menu-item:hover{background:var(--surface2)}.row-menu-item.danger{color:var(--red)}.row-menu-item.danger:hover{background:var(--red-bg)}.row-menu-item.green{color:var(--accent)}.row-menu-item.green:hover{background:var(--accent-bg)}.row-menu-sep{height:1px;background:var(--border);margin:4px 10px}[data-dark="1"] body{background:var(--bg)}[data-dark="1"] .card{box-shadow:none;border:1px solid var(--border)}[data-dark="1"] .input,[data-dark="1"] .select,[data-dark="1"] .textarea{background:var(--surface);border-color:var(--border2)}[data-dark="1"] .input:focus,[data-dark="1"] .select:focus,[data-dark="1"] .textarea:focus{box-shadow:0 0 0 3px var(--accent-bg)}[data-dark="1"] .modal{border-color:var(--border2)}[data-dark="1"] .menu{background:var(--surface);border-color:var(--border2)}[data-dark="1"] .menu-item:hover{background:var(--surface2)}[data-dark="1"] .skeleton{background-image:linear-gradient(90deg,var(--surface) 0%,var(--surface2) 50%,var(--surface) 100%)}[data-dark="1"] .toast,[data-dark="1"] .filter-chip{background:var(--surface);border-color:var(--border2)}[data-dark="1"] .filter-chip.is-active{background:var(--accent-bg);color:var(--accent);border-color:var(--accent)}[data-dark="1"] .segmented{background:var(--bg);border-color:var(--border2)}[data-dark="1"] .segmented-btn.is-active,[data-dark="1"] .empty-icon{background:var(--surface)}[data-dark="1"] input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1) opacity(.6)}input[type=date]{accent-color:var(--accent)}