:root{--oc-primary: var(--color-accent);--oc-secondary: transparent;--color-bg: #FAFAF7;--color-bg-subtle: #F4F3EE;--color-surface: #FFFFFF;--color-surface-2: #FBFAF6;--color-surface-hover: #F4F3EE;--color-surface-active: #ECEAE3;--color-overlay: rgba(20, 20, 18, .32);--color-border: #EAE8E1;--color-border-strong: #DAD7CD;--color-border-subtle: #F0EEE7;--color-divider: #EFEDE6;--color-text: #1A1A17;--color-text-secondary: #5A5A53;--color-text-tertiary: #8A8A82;--color-text-disabled: #B5B4AC;--color-text-inverse: #FFFFFF;--color-accent: #3B8C7A;--color-accent-hover: #2F7464;--color-accent-active: #265E51;--color-accent-soft: #E8F1EE;--color-accent-soft-hover: #D9E8E2;--color-accent-fg: #FFFFFF;--color-accent-text: #2F7464;--color-success: #3B8C7A;--color-success-soft: #E8F1EE;--color-success-text: #2F7464;--color-warning: #B97C18;--color-warning-soft: #FBF1DC;--color-warning-text: #8B5C13;--color-danger: #B8442F;--color-danger-soft: #F8E5E0;--color-danger-text: #9B3927;--color-danger-hover: #9B3927;--color-info: #2A6FB5;--color-info-soft: #E2EDF8;--color-info-text: #20578F;--color-neutral-soft: #F0EEE7;--color-neutral-text: #5A5A53;--color-focus-ring: rgba(59, 140, 122, .45);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fs-11: 11px;--fs-12: 12px;--fs-13: 13px;--fs-14: 14px;--fs-15: 15px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-32: 32px;--fs-40: 40px;--fs-48: 48px;--lh-tight: 1.2;--lh-snug: 1.35;--lh-normal: 1.5;--lh-relaxed: 1.6;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--tracking-tight: -.02em;--tracking-snug: -.01em;--tracking-normal: 0;--tracking-wide: .02em;--tracking-caps: .06em;--sp-1: 2px;--sp-2: 4px;--sp-3: 6px;--sp-4: 8px;--sp-5: 12px;--sp-6: 16px;--sp-7: 20px;--sp-8: 24px;--sp-9: 32px;--sp-10: 40px;--sp-11: 48px;--sp-12: 64px;--sp-13: 80px;--sp-14: 96px;--r-1: 4px;--r-2: 6px;--r-3: 8px;--r-4: 10px;--r-5: 12px;--r-6: 16px;--r-7: 20px;--r-full: 9999px;--shadow-xs: 0 1px 0 0 rgba(20, 20, 18, .04);--shadow-sm: 0 1px 2px rgba(20, 20, 18, .05), 0 0 0 1px rgba(20, 20, 18, .04);--shadow-md: 0 4px 12px rgba(20, 20, 18, .06), 0 1px 2px rgba(20, 20, 18, .04);--shadow-lg: 0 12px 32px rgba(20, 20, 18, .1), 0 2px 6px rgba(20, 20, 18, .06);--shadow-pop: 0 24px 64px rgba(20, 20, 18, .14), 0 4px 12px rgba(20, 20, 18, .08);--sidebar-w: 240px;--topbar-h: 56px;--container-max: 1440px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .12s;--dur-base: .18s;--dur-slow: .26s;--z-base: 1;--z-sticky: 50;--z-drawer: 80;--z-modal: 100;--z-toast: 120;--z-tweaks: 150}[data-theme=dark]{--color-bg: #0E0F0E;--color-bg-subtle: #141513;--color-surface: #17181A;--color-surface-2: #1B1D1F;--color-surface-hover: #1F2123;--color-surface-active: #25282A;--color-overlay: rgba(0, 0, 0, .55);--color-border: #25282A;--color-border-strong: #34383B;--color-border-subtle: #1F2123;--color-divider: #1F2123;--color-text: #F2F1ED;--color-text-secondary: #A8A8A0;--color-text-tertiary: #777771;--color-text-disabled: #4F4F4A;--color-text-inverse: #0E0F0E;--color-accent: #4FA391;--color-accent-hover: #5DB8A4;--color-accent-active: #6CCAB6;--color-accent-soft: #1B2C29;--color-accent-soft-hover: #21362F;--color-accent-text: #6CCAB6;--color-success: #4FA391;--color-success-soft: #1B2C29;--color-success-text: #6CCAB6;--color-warning: #D4A04A;--color-warning-soft: #2A2113;--color-warning-text: #E2B466;--color-danger: #D87363;--color-danger-soft: #2C1814;--color-danger-text: #E48979;--color-danger-hover: #E48979;--color-info: #5B95D4;--color-info-soft: #15212E;--color-info-text: #82B0E0;--color-neutral-soft: #1F2123;--color-neutral-text: #A8A8A0;--color-focus-ring: rgba(79, 163, 145, .5);--shadow-xs: 0 1px 0 0 rgba(0, 0, 0, .4);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .03);--shadow-md: 0 4px 12px rgba(0, 0, 0, .45), 0 1px 2px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .5), 0 2px 6px rgba(0, 0, 0, .35);--shadow-pop: 0 24px 64px rgba(0, 0, 0, .6), 0 4px 12px rgba(0, 0, 0, .4)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--fs-14);line-height:var(--lh-normal);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01","ss03"}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--color-accent-soft);color:var(--color-accent-text)}.focus-ring:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:8px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary);border:2px solid transparent;background-clip:content-box}.boot-splash{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:var(--color-bg)}.boot-logo{width:40px;height:40px;border-radius:10px;background:var(--color-accent, #3B8C7A);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;letter-spacing:-.04em;font-family:var(--font-sans, -apple-system, BlinkMacSystemFont, sans-serif)}.boot-spinner{width:24px;height:24px;border:2.5px solid var(--color-border, #EAE8E1);border-top-color:var(--color-accent, #3B8C7A);border-radius:50%;animation:boot-spin .7s linear infinite}@keyframes boot-spin{to{transform:rotate(360deg)}}.app-root{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;background:var(--color-bg);color:var(--color-text)}.app-sidebar{position:sticky;top:0;align-self:start;height:100vh;border-right:1px solid var(--color-border);background:var(--color-bg-subtle);display:flex;flex-direction:column;padding:var(--sp-7) var(--sp-5) var(--sp-6);gap:var(--sp-7);overflow-y:auto}.app-brand{display:flex;align-items:baseline;gap:var(--sp-3);padding:0 var(--sp-5);margin-bottom:var(--sp-4)}.app-brand .brand-mark{font-weight:var(--fw-semibold);font-size:var(--fs-15);letter-spacing:var(--tracking-snug);color:var(--color-text)}.app-brand .brand-sub{font-size:var(--fs-12);color:var(--color-text-tertiary);font-weight:var(--fw-medium)}.app-nav{display:flex;flex-direction:column;gap:1px}.app-nav-section-label{padding:var(--sp-5) var(--sp-5) var(--sp-3);font-size:var(--fs-11);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-text-tertiary)}.app-nav-item{display:flex;align-items:center;gap:var(--sp-5);padding:7px var(--sp-5);border-radius:var(--r-3);color:var(--color-text-secondary);font-size:var(--fs-14);font-weight:var(--fw-medium);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);border:none;background:transparent;text-align:left;width:100%}.app-nav-item:hover{background:var(--color-surface-hover);color:var(--color-text)}.app-nav-item[aria-current=page]{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}[data-theme=dark] .app-nav-item[aria-current=page]{background:var(--color-surface-2)}.app-nav-item .nav-count{margin-left:auto;font-size:var(--fs-11);font-weight:var(--fw-semibold);color:var(--color-text-tertiary);background:var(--color-bg);padding:2px 7px;border-radius:var(--r-full);border:1px solid var(--color-border);min-width:22px;text-align:center}.app-nav-item[aria-current=page] .nav-count{background:var(--color-accent-soft);color:var(--color-accent-text);border-color:transparent}.app-sidebar-footer{margin-top:auto;display:flex;align-items:center;gap:var(--sp-5);padding:var(--sp-5);border-radius:var(--r-4);background:var(--color-surface);border:1px solid var(--color-border)}.app-sidebar-footer .avatar{flex:none}.app-sidebar-footer .who{display:flex;flex-direction:column;min-width:0;flex:1}.app-sidebar-footer .who-name{font-size:var(--fs-13);font-weight:var(--fw-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-sidebar-footer .who-role{font-size:var(--fs-11);color:var(--color-text-tertiary)}.app-main{display:flex;flex-direction:column;min-width:0}.app-topbar{position:sticky;top:0;z-index:var(--z-sticky);height:var(--topbar-h);display:flex;align-items:center;gap:var(--sp-5);padding:0 var(--sp-8);background:#fafaf7d9;backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid var(--color-border)}[data-theme=dark] .app-topbar{background:#0e0f0eb3}.app-topbar .crumbs{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-13);color:var(--color-text-secondary);font-weight:var(--fw-medium)}.app-topbar .crumbs .sep{color:var(--color-text-tertiary)}.app-topbar .crumbs .leaf{color:var(--color-text)}.app-topbar .search{margin-left:auto;position:relative;width:320px}.app-topbar .search input{width:100%;height:32px;padding:0 var(--sp-5) 0 var(--sp-9);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-3);color:var(--color-text);font-size:var(--fs-13);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.app-topbar .search input::placeholder{color:var(--color-text-tertiary)}.app-topbar .search input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-focus-ring)}.app-topbar .search .search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none}.app-topbar .search .kbd{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:var(--fs-11);color:var(--color-text-tertiary);font-family:var(--font-mono);background:var(--color-bg-subtle);padding:1px 6px;border-radius:var(--r-2);border:1px solid var(--color-border)}.app-content{padding:var(--sp-9) var(--sp-9) var(--sp-12);max-width:var(--container-max);width:100%}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-6);margin-bottom:var(--sp-9)}.page-header h1{margin:0 0 var(--sp-2);font-size:var(--fs-28);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-tight);line-height:var(--lh-tight)}.page-header .page-sub{font-size:var(--fs-14);color:var(--color-text-secondary);margin:0;max-width:56ch}.page-header .page-actions{display:flex;align-items:center;gap:var(--sp-4)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-5);overflow:hidden}.card-header{padding:var(--sp-6) var(--sp-7);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5)}.card-header h3{margin:0;font-size:var(--fs-15);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-snug)}.card-header .card-sub{font-size:var(--fs-12);color:var(--color-text-tertiary);margin-top:2px}.card-body{padding:var(--sp-7)}.card-body.tight{padding:var(--sp-5)}.btn{--btn-bg: var(--color-surface);--btn-fg: var(--color-text);--btn-border: var(--color-border-strong);--btn-bg-hover: var(--color-surface-hover);display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-4);height:32px;padding:0 var(--sp-5);border-radius:var(--r-3);font-size:var(--fs-13);font-weight:var(--fw-medium);background:var(--btn-bg);color:var(--btn-fg);border:1px solid var(--btn-border);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:hover{background:var(--btn-bg-hover)}.btn:active{transform:translateY(.5px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.size-sm{height:28px;padding:0 10px;font-size:var(--fs-12);border-radius:var(--r-2)}.btn.size-lg{height:40px;padding:0 var(--sp-7);font-size:var(--fs-14);border-radius:var(--r-4)}.btn.icon-only{padding:0;width:32px}.btn.icon-only.size-sm{width:28px}.btn.variant-primary{--btn-bg: var(--color-accent);--btn-fg: var(--color-accent-fg);--btn-border: var(--color-accent);--btn-bg-hover: var(--color-accent-hover)}.btn.variant-ghost{--btn-bg: transparent;--btn-border: transparent;--btn-bg-hover: var(--color-surface-hover)}.btn.variant-destructive{--btn-bg: var(--color-danger);--btn-fg: #fff;--btn-border: var(--color-danger);--btn-bg-hover: var(--color-danger-hover)}.btn.variant-soft{--btn-bg: var(--color-accent-soft);--btn-fg: var(--color-accent-text);--btn-border: transparent;--btn-bg-hover: var(--color-accent-soft-hover)}.btn.is-loading{pointer-events:none;opacity:.85}.btn .btn-spinner{width:14px;height:14px;border:2px solid currentColor;border-bottom-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:var(--fs-12);font-weight:var(--fw-medium);color:var(--color-text-secondary);letter-spacing:var(--tracking-snug)}.field-hint{font-size:var(--fs-12);color:var(--color-text-tertiary)}.field-error{font-size:var(--fs-12);color:var(--color-danger-text)}.input,.textarea,.select{height:34px;padding:0 var(--sp-5);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--r-3);color:var(--color-text);font-size:var(--fs-14);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);width:100%}.textarea{height:auto;padding:8px var(--sp-5);resize:vertical;min-height:84px;line-height:var(--lh-snug)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-focus-ring)}.input::placeholder,.textarea::placeholder{color:var(--color-text-tertiary)}.input:disabled{background:var(--color-bg-subtle);color:var(--color-text-tertiary)}.input-with-icon{position:relative}.input-with-icon .input{padding-left:32px}.input-with-icon .input-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none}.select-wrap{position:relative}.select-wrap .select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px;cursor:pointer}.select-wrap .select-chev{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none}.switch{position:relative;width:36px;height:20px;background:var(--color-border-strong);border-radius:var(--r-full);transition:background var(--dur-base) var(--ease-out);cursor:pointer;flex:none}.switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:var(--shadow-sm);transition:transform var(--dur-base) var(--ease-spring)}.switch[aria-checked=true]{background:var(--color-accent)}.switch[aria-checked=true]:after{transform:translate(16px)}.checkbox{width:16px;height:16px;border:1.5px solid var(--color-border-strong);border-radius:var(--r-1);background:var(--color-surface);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none;transition:background var(--dur-fast),border-color var(--dur-fast)}.checkbox[aria-checked=true],.checkbox[aria-checked=mixed]{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.checkbox[aria-checked=true]:after{content:"";width:9px;height:5px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg) translateY(-1px)}.checkbox[aria-checked=mixed]:after{content:"";width:9px;height:0;border-bottom:1.5px solid currentColor}.radio{width:18px;height:18px;border:1.5px solid var(--color-border-strong);border-radius:50%;background:var(--color-surface);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none}.radio[aria-checked=true]{border-color:var(--color-accent)}.radio[aria-checked=true]:after{content:"";width:8px;height:8px;background:var(--color-accent);border-radius:50%}.badge{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:var(--r-full);font-size:var(--fs-12);font-weight:var(--fw-medium);letter-spacing:var(--tracking-snug);background:var(--color-neutral-soft);color:var(--color-neutral-text);white-space:nowrap}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge.success{background:var(--color-success-soft);color:var(--color-success-text)}.badge.warning{background:var(--color-warning-soft);color:var(--color-warning-text)}.badge.danger{background:var(--color-danger-soft);color:var(--color-danger-text)}.badge.info{background:var(--color-info-soft);color:var(--color-info-text)}.badge.neutral{background:var(--color-neutral-soft);color:var(--color-neutral-text)}.badge.outline{background:transparent;border:1px solid var(--color-border-strong);color:var(--color-text-secondary)}.badge.size-sm{height:18px;padding:0 7px;font-size:var(--fs-11)}.chip{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 var(--sp-5) 0 var(--sp-4);background:var(--color-bg-subtle);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--r-full);font-size:var(--fs-12);font-weight:var(--fw-medium);white-space:nowrap}.chip.removable{padding-right:4px}.chip .chip-x{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;color:var(--color-text-tertiary);margin-left:2px}.chip .chip-x:hover{background:var(--color-border-strong);color:var(--color-text)}.chip.tone-accent{background:var(--color-accent-soft);color:var(--color-accent-text);border-color:transparent}.chip.tone-warn{background:var(--color-warning-soft);color:var(--color-warning-text);border-color:transparent}.chip.tone-danger{background:var(--color-danger-soft);color:var(--color-danger-text);border-color:transparent}.chip.tone-info{background:var(--color-info-soft);color:var(--color-info-text);border-color:transparent}.avatar{width:32px;height:32px;border-radius:50%;background:var(--color-accent-soft);color:var(--color-accent-text);display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-12);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-snug);flex:none;border:1px solid var(--color-border-subtle)}.avatar.size-sm{width:24px;height:24px;font-size:10px}.avatar.size-lg{width:48px;height:48px;font-size:var(--fs-15)}.table-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-5);overflow:hidden}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--fs-13)}.table thead th{position:sticky;top:0;z-index:1;background:var(--color-surface-2);text-align:left;font-weight:var(--fw-semibold);font-size:var(--fs-12);color:var(--color-text-secondary);padding:10px var(--sp-6);border-bottom:1px solid var(--color-border);letter-spacing:var(--tracking-snug);-webkit-user-select:none;user-select:none}.table thead th.sortable{cursor:pointer}.table thead th.sortable:hover{color:var(--color-text)}.table thead th .sort-arrow{color:var(--color-text-tertiary);margin-left:4px}.table tbody td{padding:12px var(--sp-6);border-bottom:1px solid var(--color-divider);vertical-align:middle;color:var(--color-text)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:var(--color-surface-hover)}.table tbody tr.selected td{background:var(--color-accent-soft)}[data-theme=dark] .table tbody tr.selected td{background:#4fa3911a}.table .col-pad-tight{padding-left:var(--sp-4);padding-right:var(--sp-4)}.table .cell-secondary{color:var(--color-text-secondary)}.table .cell-mono{font-family:var(--font-mono);font-size:var(--fs-12)}.table .col-actions{text-align:right}.table.density-compact tbody td{padding:7px var(--sp-6)}.pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-5) var(--sp-7);border-top:1px solid var(--color-border);background:var(--color-surface-2);font-size:var(--fs-12);color:var(--color-text-secondary)}.pagination .pages{display:flex;align-items:center;gap:var(--sp-3)}.kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--sp-5)}.kpi{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-5);padding:var(--sp-7);display:flex;flex-direction:column;gap:var(--sp-3);min-width:0}.kpi .kpi-label{font-size:var(--fs-12);color:var(--color-text-secondary);font-weight:var(--fw-medium);display:flex;align-items:center;gap:6px}.kpi .kpi-value{font-size:var(--fs-28);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-tight);line-height:var(--lh-tight);font-variant-numeric:tabular-nums}.kpi .kpi-value.smaller{font-size:var(--fs-24)}.kpi .kpi-delta{font-size:var(--fs-12);font-weight:var(--fw-medium);display:flex;align-items:center;gap:4px;color:var(--color-text-tertiary)}.kpi .kpi-delta.up{color:var(--color-success-text)}.kpi .kpi-delta.down{color:var(--color-danger-text)}@media (max-width: 1280px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}.toast-stack{position:fixed;top:64px;right:24px;z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--sp-4);pointer-events:none}.toast{pointer-events:auto;min-width:280px;max-width:380px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-4);padding:var(--sp-5) var(--sp-6);display:flex;align-items:flex-start;gap:var(--sp-5);box-shadow:var(--shadow-lg);animation:toast-in var(--dur-slow) var(--ease-spring)}.toast .toast-body{flex:1;min-width:0}.toast .toast-title{font-size:var(--fs-13);font-weight:var(--fw-semibold)}.toast .toast-desc{font-size:var(--fs-12);color:var(--color-text-secondary);margin-top:2px;line-height:var(--lh-snug)}.toast .toast-icon{flex:none}.toast.success .toast-icon{color:var(--color-success)}.toast.danger .toast-icon{color:var(--color-danger)}.toast.info .toast-icon{color:var(--color-info)}.toast .toast-close{flex:none;width:22px;height:22px;border:none;background:transparent;border-radius:var(--r-2);color:var(--color-text-tertiary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.toast .toast-close:hover{background:var(--color-surface-hover);color:var(--color-text)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:var(--color-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:scrim-in var(--dur-base) var(--ease-out)}@keyframes scrim-in{0%{opacity:0}to{opacity:1}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:grid;place-items:center;padding:var(--sp-9)}.modal-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-6);box-shadow:var(--shadow-pop);width:min(540px,100%);max-height:calc(100vh - var(--sp-12));overflow:hidden;display:flex;flex-direction:column;animation:modal-in var(--dur-slow) var(--ease-spring)}.modal-card.size-lg{width:min(720px,100%)}.modal-card.fullscreen{width:min(1200px,calc(100vw - var(--sp-12)));height:calc(100vh - var(--sp-12))}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:var(--sp-7) var(--sp-8);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5);border-bottom:1px solid var(--color-border)}.modal-header h2{margin:0;font-size:var(--fs-18);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-snug)}.modal-body{padding:var(--sp-8);overflow-y:auto;flex:1}.modal-body.tight{padding:var(--sp-7)}.modal-footer{padding:var(--sp-6) var(--sp-8);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-4);background:var(--color-surface-2)}.modal-footer .left{margin-right:auto}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-drawer);background:var(--color-overlay);animation:scrim-in var(--dur-base) var(--ease-out)}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:var(--z-drawer);width:min(560px,100%);background:var(--color-surface);border-left:1px solid var(--color-border);box-shadow:var(--shadow-pop);display:flex;flex-direction:column;animation:drawer-in var(--dur-slow) var(--ease-out)}.drawer.wide{width:min(720px,100%)}@keyframes drawer-in{0%{transform:translate(24px);opacity:.6}to{transform:translate(0);opacity:1}}.drawer-header{padding:var(--sp-7) var(--sp-8);border-bottom:1px solid var(--color-border);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-5)}.drawer-body{padding:var(--sp-8);flex:1;overflow-y:auto}.drawer-footer{padding:var(--sp-6) var(--sp-8);border-top:1px solid var(--color-border);display:flex;gap:var(--sp-4);justify-content:flex-end}.wizard{display:grid;grid-template-rows:auto 1fr auto;height:100%}.wizard-steps{display:flex;align-items:center;gap:var(--sp-5);padding:var(--sp-7) var(--sp-9);border-bottom:1px solid var(--color-border);background:var(--color-surface-2)}.wizard-step{display:flex;align-items:center;gap:var(--sp-4);font-size:var(--fs-13);color:var(--color-text-tertiary);font-weight:var(--fw-medium)}.wizard-step .step-num{width:22px;height:22px;border-radius:50%;background:var(--color-bg-subtle);border:1px solid var(--color-border-strong);color:var(--color-text-tertiary);display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-12);font-weight:var(--fw-semibold)}.wizard-step.is-active{color:var(--color-text)}.wizard-step.is-active .step-num{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-fg)}.wizard-step.is-done{color:var(--color-text-secondary)}.wizard-step.is-done .step-num{background:var(--color-accent-soft);border-color:transparent;color:var(--color-accent-text)}.wizard-step .step-sep{width:32px;height:1px;background:var(--color-border-strong)}.wizard-body{padding:var(--sp-9);overflow-y:auto}.state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--sp-12) var(--sp-9);gap:var(--sp-5)}.state .state-art{width:80px;height:80px;display:grid;place-items:center;border-radius:var(--r-6);background:var(--color-bg-subtle);color:var(--color-text-tertiary);border:1px solid var(--color-border)}.state h3{margin:0;font-size:var(--fs-16);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-snug)}.state p{margin:0;color:var(--color-text-secondary);max-width:44ch;font-size:var(--fs-13)}.skeleton{background:linear-gradient(90deg,var(--color-bg-subtle) 0%,var(--color-surface-hover) 50%,var(--color-bg-subtle) 100%);background-size:200% 100%;border-radius:var(--r-2);animation:skel 1.4s ease-in-out infinite}@keyframes skel{0%{background-position:200% 0}to{background-position:-200% 0}}.filter-panel{position:fixed;top:var(--topbar-h);right:0;bottom:0;width:320px;background:var(--color-surface);border-left:1px solid var(--color-border);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;z-index:var(--z-sticky);animation:drawer-in var(--dur-slow) var(--ease-out)}.filter-panel-head{padding:var(--sp-6) var(--sp-7);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.filter-panel-body{flex:1;overflow-y:auto;padding:var(--sp-6) var(--sp-7)}.filter-section{padding:var(--sp-5) 0;border-bottom:1px solid var(--color-divider)}.filter-section:last-child{border-bottom:none}.filter-section-title{font-size:var(--fs-12);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:var(--sp-4)}.filter-panel-foot{padding:var(--sp-5) var(--sp-7);border-top:1px solid var(--color-border);display:flex;gap:var(--sp-4);justify-content:space-between}.wa-preview{background-color:#dad3cc;background-image:radial-gradient(circle at 12% 24%,rgba(255,255,255,.4) 0%,transparent 18%),radial-gradient(circle at 78% 64%,rgba(255,255,255,.3) 0%,transparent 22%),radial-gradient(circle at 42% 88%,rgba(255,255,255,.35) 0%,transparent 15%),linear-gradient(135deg,#d9e4d3,#c8d6c0);background-blend-mode:overlay,overlay,overlay,normal;padding:var(--sp-6);min-height:480px;border-radius:var(--r-5);display:flex;align-items:flex-end;position:relative;overflow:hidden}[data-theme=dark] .wa-preview{background-image:linear-gradient(135deg,#1d2a1f,#14201a)}.wa-bubble{background:#dcf8c6;color:#111;padding:8px 10px;border-radius:8px 8px 8px 2px;max-width:85%;font-size:var(--fs-13);line-height:var(--lh-snug);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;box-shadow:0 1px .5px #00000021;position:relative;margin-bottom:0}.wa-bubble.outbound{background:#dcf8c6;border-radius:8px 8px 2px;margin-left:auto}.wa-bubble .wa-header{font-weight:600;margin-bottom:4px;font-size:var(--fs-14)}.wa-bubble .wa-header.media{background:#cfe9b9;border-radius:6px;height:140px;display:flex;align-items:center;justify-content:center;color:#5a7a45;margin-bottom:6px;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.wa-bubble .wa-body{white-space:pre-wrap;word-break:break-word}.wa-bubble .wa-body .wa-var{background:#0d948826;color:#0d6e63;padding:0 4px;border-radius:3px;font-weight:500}.wa-bubble .wa-footer{margin-top:6px;font-size:var(--fs-12);color:#00000073}.wa-bubble .wa-time{display:inline-block;font-size:10px;color:#00000073;margin-left:6px;vertical-align:bottom}.wa-buttons{display:flex;flex-direction:column;gap:4px;margin-top:8px;padding-top:6px;border-top:1px solid rgba(0,0,0,.08)}.wa-buttons .wa-btn{background:transparent;border:none;color:#0d6e63;text-align:center;padding:6px;font-size:var(--fs-13);font-weight:500;border-top:1px solid rgba(0,0,0,.06)}.wa-buttons .wa-btn:first-child{border-top:none}.wa-quick{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.wa-quick .wa-q{background:#fff;color:#0d6e63;padding:6px 12px;border-radius:16px;font-size:var(--fs-12);font-weight:500;border:none}.row{display:flex;align-items:center;gap:var(--sp-5)}.row.gap-sm{gap:var(--sp-3)}.row.gap-lg{gap:var(--sp-7)}.row.between{justify-content:space-between}.col{display:flex;flex-direction:column;gap:var(--sp-5)}.col.gap-sm{gap:var(--sp-3)}.col.gap-lg{gap:var(--sp-7)}.grow{flex:1;min-width:0}.muted{color:var(--color-text-secondary)}.subtle{color:var(--color-text-tertiary);font-size:var(--fs-12)}.mono{font-family:var(--font-mono)}.tabular{font-variant-numeric:tabular-nums}.text-center{text-align:center}.text-right{text-align:right}.hidden{display:none!important}.divider{height:1px;background:var(--color-divider);width:100%}.tabs{display:flex;gap:var(--sp-2);border-bottom:1px solid var(--color-border);padding:0 var(--sp-2);margin-bottom:var(--sp-7)}.tab{background:transparent;border:none;padding:10px var(--sp-5);font-size:var(--fs-13);font-weight:var(--fw-medium);color:var(--color-text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--color-text)}.tab.is-active{color:var(--color-text);border-bottom-color:var(--color-accent)}.segmented{display:inline-flex;background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--r-3);padding:2px;gap:2px}.segmented .seg{background:transparent;border:none;padding:5px 12px;font-size:var(--fs-12);font-weight:var(--fw-medium);color:var(--color-text-secondary);border-radius:var(--r-2);cursor:pointer}.segmented .seg.is-active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-xs)}.dropzone{border:1.5px dashed var(--color-border-strong);border-radius:var(--r-5);padding:var(--sp-11) var(--sp-9);text-align:center;background:var(--color-surface-2);display:flex;flex-direction:column;gap:var(--sp-5);align-items:center;cursor:pointer;transition:border-color var(--dur-fast),background var(--dur-fast)}.dropzone:hover,.dropzone.is-active{border-color:var(--color-accent);background:var(--color-accent-soft)}.progress{width:100%;height:6px;background:var(--color-bg-subtle);border-radius:var(--r-full);overflow:hidden}.progress>.bar{height:100%;background:var(--color-accent);border-radius:inherit;transition:width var(--dur-slow) var(--ease-out)}.dot-status{width:8px;height:8px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:6px}.dot-status.success{background:var(--color-success)}.dot-status.warning{background:var(--color-warning)}.dot-status.danger{background:var(--color-danger)}.dot-status.neutral{background:var(--color-text-tertiary)}.dot-status.info{background:var(--color-info)}.spark{height:36px;width:100%;display:block}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--color-border);border-radius:var(--r-5);overflow:hidden;background:var(--color-surface)}.cal-head{padding:10px var(--sp-4);font-size:var(--fs-11);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-text-tertiary);background:var(--color-surface-2);border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border)}.cal-head:nth-child(7n){border-right:none}.cal-cell{min-height:110px;padding:var(--sp-4);border-right:1px solid var(--color-divider);border-bottom:1px solid var(--color-divider);display:flex;flex-direction:column;gap:4px;position:relative;background:var(--color-surface)}.cal-cell.other-month{background:var(--color-surface-2);color:var(--color-text-tertiary)}.cal-cell.is-today .cal-day{color:var(--color-accent-fg);background:var(--color-accent);border-radius:var(--r-full);width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center}.cal-cell:nth-child(7n){border-right:none}.cal-day{font-size:var(--fs-12);font-weight:var(--fw-semibold);color:var(--color-text-secondary);margin-bottom:2px}.cal-event{font-size:var(--fs-11);padding:3px 6px;border-radius:var(--r-2);background:var(--color-accent-soft);color:var(--color-accent-text);font-weight:var(--fw-medium);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px}.cal-event .cal-event-time{font-variant-numeric:tabular-nums;opacity:.75}.cal-event.status-scheduled{background:var(--color-accent-soft);color:var(--color-accent-text)}.cal-event.status-sending{background:var(--color-warning-soft);color:var(--color-warning-text)}.cal-event.status-done{background:var(--color-bg-subtle);color:var(--color-text-secondary)}.cal-event.status-failed{background:var(--color-danger-soft);color:var(--color-danger-text)}.cal-event.status-draft{background:var(--color-bg-subtle);color:var(--color-text-tertiary);border:1px dashed var(--color-border-strong)}.cal-event:hover{transform:translateY(-1px);box-shadow:var(--shadow-xs)}.cal-event.dragging{opacity:.4}.state-toggle{display:inline-flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-12);color:var(--color-text-tertiary);background:var(--color-bg-subtle);border:1px dashed var(--color-border-strong);border-radius:var(--r-3);padding:4px 10px}mark{background:#b87c1833;color:inherit;border-radius:2px;padding:0 2px}