.shell{display:flex;min-height:100vh}.rail{width:var(--rail-w);flex-shrink:0;background:var(--surface-rail);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;align-items:center;padding:var(--space-3) 0 var(--space-4);gap:var(--space-1);position:sticky;top:0;height:100vh}.rail-mark{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);position:relative;flex-shrink:0}.rail-mark .diamond{position:absolute;width:15px;height:15px;background:var(--accent-primary);transform:rotate(45deg);transition:transform var(--dur-slow) var(--ease-out)}.rail-mark .diamond.b{background:var(--accent-secondary);transform:translate(6px) rotate(45deg);opacity:.85}.rail:hover .rail-mark .diamond{transform:rotate(45deg) scale(1.08)}.rail-group{display:flex;flex-direction:column;gap:2px;width:100%;align-items:center}.rail-spacer{flex:1}.rail-divider{width:28px;height:1px;background:var(--border-default);margin:var(--space-3) 0}.rail-item{position:relative;width:44px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--text-muted);transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.rail-item svg{width:19px;height:19px;transition:transform var(--dur-base) var(--ease-out)}.rail-item:hover:not(.disabled){background:var(--surface-hover);color:var(--text-secondary)}.rail-item:hover:not(.disabled) svg{transform:translate(1px)}.rail-item:active:not(.disabled){transform:scale(var(--scale-press))}.rail-item.active{color:var(--accent-primary);background:var(--surface-active)}.rail-item.disabled{color:var(--text-muted);opacity:.45;cursor:pointer}.rail-item .tick-slot{position:absolute;left:-1px;top:6px;bottom:6px;width:3px}.rail-item .tick-slot .tibeb-tick{height:100%;opacity:0;transform:scaleY(.4);transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.rail-item.active .tick-slot .tibeb-tick{opacity:1;transform:scaleY(1)}.rail-item .queue-dot{position:absolute;top:5px;right:6px;width:7px;height:7px;border-radius:50%;background:var(--accent-warning);animation:status-glow-pulse 2.1s ease-in-out infinite}.rail-tooltip{position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%) translate(-4px);background:var(--surface-modal);color:var(--text-primary);border:1px solid var(--border-default);padding:5px 10px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-wide);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);z-index:40}.rail-item:hover .rail-tooltip{opacity:1;transform:translateY(-50%) translate(0)}.frame{flex:1;min-width:0;display:flex;flex-direction:column;min-height:100vh}.topbar{height:var(--topbar-h);flex-shrink:0;display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-5);background:var(--surface-canvas);position:sticky;top:0;z-index:30}.wordmark{font-family:var(--font-display);font-weight:700;font-size:var(--text-md);letter-spacing:var(--tracking-tight);white-space:nowrap;flex-shrink:0}.wordmark b{color:var(--accent-primary);font-weight:800}.client-switcher{display:flex;align-items:center;gap:var(--space-2);padding:6px 10px 6px 6px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--surface-card);transition:background var(--dur-fast),border-color var(--dur-fast),transform var(--dur-fast);max-width:240px}.client-switcher:hover{border-color:var(--border-strong);background:var(--surface-hover)}.client-switcher:active{transform:scale(var(--scale-press))}.client-avatar{width:22px;height:22px;border-radius:var(--radius-sm);flex-shrink:0;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:11px;color:var(--text-on-accent)}.client-switcher .name{font-size:var(--text-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-switcher .placeholder{color:var(--text-muted);font-weight:500}.client-switcher svg{width:14px;height:14px;color:var(--text-muted);flex-shrink:0;transition:transform var(--dur-base) var(--ease-out)}.client-switcher[aria-expanded=true] svg{transform:rotate(180deg)}.topbar-spacer{flex:1}.cmdk-trigger{display:flex;align-items:center;gap:var(--space-2);padding:7px 10px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--surface-card);color:var(--text-muted);font-size:var(--text-sm);font-weight:500;transition:background var(--dur-fast),border-color var(--dur-fast),transform var(--dur-fast);min-width:176px}.cmdk-trigger:hover{border-color:var(--border-strong)}.cmdk-trigger:active{transform:scale(var(--scale-press))}.cmdk-trigger svg{width:15px;height:15px;flex-shrink:0}.cmdk-trigger span.label{flex:1;text-align:left}.kbd{font-family:var(--font-mono);font-size:10px;font-weight:500;border:1px solid var(--border-strong);border-radius:4px;padding:1px 5px;color:var(--text-muted);background:var(--surface-inset)}.icon-btn{width:34px;height:34px;border-radius:var(--radius-md);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:background var(--dur-fast),color var(--dur-fast),transform var(--dur-fast);position:relative}.icon-btn svg{width:17px;height:17px}.icon-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.icon-btn:active{transform:scale(var(--scale-press))}.icon-btn .moon{display:none}:root[data-theme=dark] .icon-btn .sun{display:none}:root[data-theme=dark] .icon-btn .moon{display:block}.queue-pip{position:absolute;top:3px;right:3px;min-width:15px;height:15px;padding:0 3px;border-radius:var(--radius-full);background:var(--accent-warning);color:var(--text-on-accent);font-family:var(--font-mono);font-size:9px;font-weight:600;display:flex;align-items:center;justify-content:center;border:2px solid var(--surface-canvas)}.user-menu-wrap{position:relative}.user-chip{width:32px;height:32px;border-radius:var(--radius-full);background:var(--surface-card);border:1px solid var(--border-default);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:12px;color:var(--text-secondary);transition:transform var(--dur-fast),border-color var(--dur-fast)}.user-chip:hover{border-color:var(--accent-primary)}.user-chip:active{transform:scale(var(--scale-press))}.user-pop{position:absolute;top:calc(100% + 6px);right:0;min-width:160px;background:var(--surface-modal);border:1px solid var(--border-default);border-radius:var(--radius-md);z-index:60;padding:var(--space-2);opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.user-pop.open{opacity:1;pointer-events:auto;transform:translateY(0)}.user-pop button{width:100%;display:flex;align-items:center;gap:var(--space-2);padding:8px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);transition:background var(--dur-fast),color var(--dur-fast)}.user-pop button:hover{background:var(--surface-hover);color:var(--accent-danger)}.user-pop button svg{width:15px;height:15px}.workspace{flex:1;min-height:0;display:flex}.panel{width:var(--panel-w);flex-shrink:0;background:var(--surface-panel);border-right:1px solid var(--border-subtle);overflow:hidden;transition:width var(--dur-slow) var(--ease-out),opacity var(--dur-base) var(--ease-out),border-color var(--dur-slow)}.panel.collapsed{width:0;opacity:0;border-right-color:transparent}.panel-inner{width:var(--panel-w);padding:var(--space-5) var(--space-3);display:flex;flex-direction:column;height:100%;box-sizing:border-box}.panel-eyebrow{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-2) var(--space-3);font-size:var(--text-2xs);font-weight:700;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted)}.panel-pin{width:22px;height:22px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:background var(--dur-fast),color var(--dur-fast)}.panel-pin svg{width:13px;height:13px}.panel-pin:hover{background:var(--surface-hover);color:var(--text-primary)}.panel-pin.pinned{color:var(--accent-primary)}.panel-list{display:flex;flex-direction:column;gap:1px}.panel-item{position:relative;display:flex;align-items:center;gap:var(--space-2);padding:9px var(--space-3) 9px 14px;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);border-left:2px solid transparent;margin-left:-2px;transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),padding-left var(--dur-fast) var(--ease-standard)}.panel-item:hover{background:var(--surface-hover);color:var(--text-primary);padding-left:18px}.panel-item.active{color:var(--accent-primary);font-weight:700;border-left-color:var(--accent-primary);background:var(--surface-active)}.panel-item .dot{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.5;flex-shrink:0}.panel-item .item-badge{margin-left:auto;font-family:var(--font-mono);font-size:10px;font-weight:600;background:rgba(var(--accent-warning-rgb),.16);color:var(--accent-warning);border-radius:var(--radius-full);padding:1px 7px}.panel-footer{margin-top:auto;padding-top:var(--space-4);font-size:var(--text-xs);color:var(--text-muted);line-height:1.5}.canvas{flex:1;min-width:0;overflow-y:auto;padding:var(--space-8) var(--space-8) var(--space-16)}.cmdk-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--surface-scrim);display:flex;align-items:flex-start;justify-content:center;padding-top:14vh;opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease-out)}.cmdk-scrim.open{opacity:1;pointer-events:auto}.cmdk{width:100%;max-width:560px;background:var(--surface-modal);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;transform:translateY(-10px) scale(.98);opacity:0;transition:transform var(--dur-slow) var(--ease-out),opacity var(--dur-slow) var(--ease-out)}.cmdk-scrim.open .cmdk{transform:translateY(0) scale(1);opacity:1}.cmdk-input-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle)}.cmdk-input-row svg{width:17px;height:17px;color:var(--text-muted);flex-shrink:0}.cmdk-input-row input{flex:1;border:none;outline:none;background:none;font-family:var(--font-ui);font-size:var(--text-md);color:var(--text-primary)}.cmdk-input-row input::placeholder{color:var(--text-muted)}.cmdk-results{max-height:340px;overflow-y:auto;padding:var(--space-2)}.cmdk-empty{padding:28px 16px;text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.cmdk-group-label{font-size:var(--text-2xs);font-weight:700;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted);padding:var(--space-3) var(--space-3) var(--space-1)}.cmdk-item{display:flex;align-items:center;gap:var(--space-3);padding:9px var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;transition:background var(--dur-fast);cursor:pointer}.cmdk-item svg{width:15px;height:15px;color:var(--text-muted);flex-shrink:0}.cmdk-item .meta{margin-left:auto;font-size:var(--text-xs);color:var(--text-muted)}.cmdk-item.sel{background:var(--surface-active);color:var(--accent-primary)}.cmdk-item.sel svg{color:var(--accent-primary)}.cmdk-footer{display:flex;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-subtle);font-size:var(--text-xs);color:var(--text-muted)}.cmdk-footer span{display:flex;align-items:center;gap:5px}.switcher-pop{position:absolute;top:calc(100% + 6px);left:0;width:260px;background:var(--surface-modal);border:1px solid var(--border-default);border-radius:var(--radius-md);z-index:60;padding:var(--space-2);opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out);max-height:360px;overflow-y:auto}.switcher-pop.open{opacity:1;pointer-events:auto;transform:translateY(0)}.switcher-search{display:flex;align-items:center;gap:6px;padding:6px 8px;margin-bottom:4px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.switcher-search svg{width:13px;height:13px;color:var(--text-muted);flex-shrink:0}.switcher-search input{flex:1;border:none;outline:none;background:none;font-size:var(--text-sm);color:var(--text-primary)}.switcher-group-label{font-size:var(--text-2xs);font-weight:700;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted);padding:6px 8px 2px}.switcher-item{display:flex;align-items:center;gap:var(--space-2);padding:8px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);transition:background var(--dur-fast),color var(--dur-fast)}.switcher-item:hover{background:var(--surface-hover);color:var(--text-primary)}.switcher-item.active{color:var(--accent-primary);font-weight:700}.switcher-empty{padding:10px 8px;font-size:var(--text-sm);color:var(--text-muted)}@media (max-width: 860px){.panel{position:fixed;left:var(--rail-w);top:var(--topbar-h);bottom:0;z-index:50}}:root{--font-display:"Syne","Arial Narrow",sans-serif;--font-ui:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"IBM Plex Mono","SFMono-Regular",Menlo,Consolas,monospace;--text-2xs:10px;--text-xs:11px;--text-sm:12.5px;--text-base:14px;--text-md:15px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--tracking-tight:-.01em;--tracking-wide:.03em;--tracking-wider:.09em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:999px;--ease-out:cubic-bezier(.16,1,.3,1);--ease-standard:cubic-bezier(.2,.8,.2,1);--dur-fast:.12s;--dur-base:.18s;--dur-slow:.26s;--scale-press:.97;--rail-w:64px;--panel-w:252px;--topbar-h:56px;--surface-rail:#EAE0C4;--surface-panel:#F0E7CE;--surface-canvas:#F5EEDA;--surface-card:#FBF7EA;--surface-modal:#F9F3E2;--surface-hover:rgba(28,24,18,.05);--surface-active:rgba(20,98,105,.1);--surface-scrim:rgba(24,20,15,.5);--surface-inset:rgba(28,24,18,.035);--border-subtle:#EAE2C7;--border-default:#DDD3B0;--border-strong:#C7B98F;--text-primary:#1E1B16;--text-secondary:#4C4638;--text-muted:#7C7566;--text-on-accent:#FBFAF7;--accent-primary:#146269;--accent-primary-rgb:20,98,105;--accent-primary-hover:#0F4E54;--accent-secondary:#8F640E;--accent-secondary-rgb:143,100,14;--accent-success:#2F6B3F;--accent-success-rgb:47,107,63;--accent-warning:#AD7010;--accent-warning-rgb:173,112,16;--accent-danger:#A34327;--accent-danger-rgb:163,67,39;--focus-ring:#146269;color-scheme:light;--color-sidebar: var(--surface-rail);--color-sidebar-active: var(--surface-active);--color-primary: var(--accent-primary);--color-primary-light: var(--accent-primary-hover);--color-bg: var(--surface-canvas);--color-surface: var(--surface-card);--color-border: var(--border-default);--color-text: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-muted: var(--text-muted);--color-danger: var(--accent-danger);--color-success: var(--accent-success);--color-warning: var(--accent-warning);--color-warning-deadline: var(--accent-warning);--color-exception-bg: rgba(var(--accent-warning-rgb), .1);--color-table-header-bg: var(--surface-panel);--color-progress-fill: var(--accent-primary);--color-progress-track: var(--border-subtle);--color-copper: var(--accent-secondary);--color-sidebar-text: var(--text-secondary);--color-sidebar-text-active: var(--text-primary);--color-sidebar-text-muted: var(--text-muted);--radius: var(--radius-md);--shadow: none;--sidebar-width: var(--rail-w)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--surface-rail:#0F0E0B;--surface-panel:#161209;--surface-canvas:#1A1712;--surface-card:#211C15;--surface-modal:#28221A;--surface-hover:rgba(241,238,230,.05);--surface-active:rgba(79,193,201,.14);--surface-scrim:rgba(6,5,4,.62);--surface-inset:rgba(0,0,0,.22);--border-subtle:#3A3226;--border-default:#4B4132;--border-strong:#625541;--text-primary:#F1EEE4;--text-secondary:#C1B9A4;--text-muted:#8A8270;--text-on-accent:#0E0D0A;--accent-primary:#4FC1C9;--accent-primary-rgb:79,193,201;--accent-primary-hover:#72D2D9;--accent-secondary:#E0A94B;--accent-secondary-rgb:224,169,75;--accent-success:#6BCB7E;--accent-success-rgb:107,203,126;--accent-warning:#EFA83F;--accent-warning-rgb:239,168,63;--accent-danger:#E1704E;--accent-danger-rgb:225,112,78;--focus-ring:#4FC1C9;color-scheme:dark}}:root[data-theme=dark]{--surface-rail:#0F0E0B;--surface-panel:#161209;--surface-canvas:#1A1712;--surface-card:#211C15;--surface-modal:#28221A;--surface-hover:rgba(241,238,230,.05);--surface-active:rgba(79,193,201,.14);--surface-scrim:rgba(6,5,4,.62);--surface-inset:rgba(0,0,0,.22);--border-subtle:#3A3226;--border-default:#4B4132;--border-strong:#625541;--text-primary:#F1EEE4;--text-secondary:#C1B9A4;--text-muted:#8A8270;--text-on-accent:#0E0D0A;--accent-primary:#4FC1C9;--accent-primary-rgb:79,193,201;--accent-primary-hover:#72D2D9;--accent-secondary:#E0A94B;--accent-secondary-rgb:224,169,75;--accent-success:#6BCB7E;--accent-success-rgb:107,203,126;--accent-warning:#EFA83F;--accent-warning-rgb:239,168,63;--accent-danger:#E1704E;--accent-danger-rgb:225,112,78;--focus-ring:#4FC1C9;color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-ui);background:var(--color-bg);color:var(--color-text);font-size:14px;line-height:1.5;transition:background var(--dur-base) var(--ease-standard),color var(--dur-base) var(--ease-standard)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:var(--tracking-tight)}td{font-family:var(--font-ui);font-size:var(--text-sm)}th{font-family:var(--font-ui);font-size:var(--text-2xs);font-weight:700;letter-spacing:var(--tracking-wider)}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit}input,select,textarea{font:inherit}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:var(--radius);border:1px solid transparent;font-size:14px;font-weight:600;transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.btn:active{transform:scale(var(--scale-press))}.btn-primary{background:var(--color-primary);color:var(--text-on-accent);border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-light);border-color:var(--color-primary-light)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover{background:var(--surface-hover)}.btn-danger{background:var(--color-danger);color:var(--text-on-accent);border-color:var(--color-danger)}.form-group{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.form-group label{font-weight:600;font-size:13px;color:var(--color-text-muted);letter-spacing:var(--tracking-wide)}.form-control{padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);width:100%;transition:border-color var(--dur-fast) var(--ease-standard)}.form-control:focus{outline:none;border-color:var(--color-primary)}.card{background:var(--color-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:border-color var(--dur-base) var(--ease-standard)}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:#fef3c7;color:#92400e}.badge-neutral{background:#f3f4f6;color:#374151}.badge-info{background:#dbeafe;color:#1e40af}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:11px 16px;border-bottom:1px solid var(--border-subtle)}th{text-transform:uppercase;color:var(--color-text-muted);background:var(--color-table-header-bg)}tr:hover td{background:var(--surface-hover)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-header h1{font-size:23px;font-weight:700}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border-subtle);margin-bottom:24px}.tab{padding:10px 20px;border:none;background:none;color:var(--color-text-muted);font-size:14px;font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:700}.error-msg{color:var(--color-danger);font-size:13px;margin-top:4px}.p-6{padding:24px}.p-4{padding:16px}.space-y-8>*+*{margin-top:32px}.space-y-6>*+*{margin-top:24px}.space-y-4>*+*{margin-top:16px}.space-y-3>*+*{margin-top:12px}.space-y-2>*+*{margin-top:8px}.max-w-7xl{max-width:80rem}.max-w-5xl{max-width:64rem}.max-w-4xl{max-width:56rem}.mx-auto{margin-left:auto;margin-right:auto}.overflow-x-auto{overflow-x:auto}.w-full{width:100%}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-sm{font-size:13px}.text-xs{font-size:11px}.text-error{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.text-success{color:var(--color-success)}.text-muted{color:var(--color-text-muted)}.badge-primary{background:#dbeafe;color:#1e40af}.badge-ghost{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border)}.badge-error{background:#fee2e2;color:#991b1b}.table-sm th,.table-sm td{padding:9px 16px}.text-3xl{font-size:23px}.text-2xl{font-size:20px}.text-xl{font-size:17px}.text-lg{font-size:15px}.font-medium{font-weight:500}.text-center{text-align:center}.opacity-70{opacity:.7}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.gap-3{gap:12px}.gap-4{gap:16px}.mt-1{margin-top:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.ml-2{margin-left:8px}.pb-1{padding-bottom:4px}.py-2{padding-top:8px;padding-bottom:8px}.py-8{padding-top:32px;padding-bottom:32px}.px-4{padding-left:16px;padding-right:16px}.border-b{border-bottom:1px solid var(--border-subtle)}.alert{padding:10px 14px;border-radius:var(--radius);font-size:14px}.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.alert-warning{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.alert-success{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.btn-sm{padding:5px 12px;font-size:13px}.btn-xs{padding:3px 8px;font-size:12px;font-weight:600}.btn-ghost{background:transparent;color:var(--color-text-muted);border-color:transparent}.btn-ghost:hover{background:var(--surface-hover)}.btn-outline{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:var(--text-on-accent)}.badge-sm{font-size:11px;padding:1px 6px}.link-primary{color:var(--color-primary);font-weight:600;font-size:12px;text-decoration:underline;text-underline-offset:2px}.link-primary:hover{color:var(--color-primary-light)}.currency{font-family:var(--font-mono);font-weight:700;font-variant-numeric:tabular-nums}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--surface-scrim);display:flex;align-items:center;justify-content:center;padding:20px}.dialog-panel{background:var(--surface-modal);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:100%;max-width:400px;padding:20px 22px;outline:none;animation:dialog-in var(--dur-slow) var(--ease-out)}@keyframes dialog-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dialog-title{font-family:var(--font-display);font-weight:700;font-size:16px;margin-bottom:6px}.dialog-message{font-size:13.5px;color:var(--color-text-secondary);line-height:1.5}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 24px;color:var(--color-text-muted);border:1px dashed var(--border-default);border-radius:var(--radius-lg)}.empty-state-icon{color:var(--color-text-muted);opacity:.7;margin-bottom:12px;width:52px;height:52px;padding:12px;box-sizing:border-box;border-radius:var(--radius-lg);background:var(--surface-inset)}.empty-state-title{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--color-text)}.empty-state-desc{font-size:13px;margin-top:4px;max-width:320px}.skeleton-bar{height:12px;border-radius:4px;background:linear-gradient(90deg,var(--border-subtle) 25%,var(--surface-hover) 37%,var(--border-subtle) 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite}@keyframes skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media (prefers-reduced-motion: reduce){.skeleton-bar{animation:none;background:var(--border-subtle)}}.tag{display:inline-block;font-size:11px;font-weight:600;padding:2px 7px;border-radius:4px;line-height:1.4}.tag-sm{font-size:10px;padding:1px 6px;border-radius:3px}.tag-success{background:#d1fae5;color:#065f46}.tag-warning{background:#fef3c7;color:#92400e}.tag-danger{background:#fee2e2;color:#991b1b}.tag-info{background:#dbeafe;color:#1e40af}.tag-neutral{background:#f3f4f6;color:var(--color-text-secondary)}.tag-purple{background:#f3e8ff;color:#6b21a8}.tag-teal{background:#ccfbf1;color:#0f766e}.tibeb-seam{height:4px;background-image:repeating-linear-gradient(45deg,var(--accent-primary) 0,var(--accent-primary) 3px,var(--accent-secondary) 3px,var(--accent-secondary) 6px,transparent 6px,transparent 9px,var(--accent-secondary) 9px,var(--accent-secondary) 12px,var(--accent-primary) 12px,var(--accent-primary) 15px,transparent 15px,transparent 18px);opacity:.9;flex-shrink:0}.tibeb-tick{width:3px;border-radius:var(--radius-full);background-image:repeating-linear-gradient(170deg,var(--accent-primary) 0,var(--accent-primary) 3px,var(--accent-secondary) 3px,var(--accent-secondary) 6px)}.status-dot{width:8px;height:8px;border-radius:50%;position:relative;display:inline-block;flex-shrink:0}.status-dot.matched,.status-dot-success{background:var(--accent-success)}.status-dot.matched:after,.status-dot-success:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:1.5px solid var(--accent-success);animation:status-pulse-ring 2.4s var(--ease-out) infinite}.status-dot.review,.status-dot-warning{background:var(--accent-warning);animation:status-glow-pulse 2.1s ease-in-out infinite}@keyframes status-pulse-ring{0%{transform:scale(.4);opacity:.7}75%,to{transform:scale(1.6);opacity:0}}@keyframes status-glow-pulse{0%,to{box-shadow:0 0 rgba(var(--accent-warning-rgb),.55)}50%{box-shadow:0 0 0 5px rgba(var(--accent-warning-rgb),0)}}@media (prefers-reduced-motion: reduce){.status-dot.matched:after,.status-dot-success:after{animation:none;opacity:.4}.status-dot.review,.status-dot-warning{animation:none}}