@layer reset,tokens,primitives,components,surfaces,states;@layer primitives{[data-flap-ui=button]{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 16px;font:inherit;font-size:13px;font-weight:400;line-height:1;border-radius:var(--saas-radius-sm);border:1px solid var(--action-primary-border);background:var(--action-primary-flat);color:var(--action-primary-foreground);box-shadow:var(--action-primary-shadow);cursor:pointer}[data-flap-ui=button][data-variant=secondary]{background:var(--action-primary-subtle);border-color:var(--platform-divider);color:var(--saas-accent);box-shadow:none}[data-flap-ui=button]:disabled,[data-flap-ui=button][aria-busy=true]{opacity:.7;cursor:not-allowed}[data-flap-ui=button]:focus-visible{outline:2px solid color-mix(in srgb,var(--focus-ring) 45%,transparent);outline-offset:2px}[data-flap-ui=form]{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-top:16px}[data-flap-ui=field]{display:flex;flex-direction:column;gap:4px;min-width:0}[data-flap-ui=field]>label{font-size:12px;font-weight:500;color:var(--saas-text-2)}[data-flap-ui=input],[data-flap-ui=select],[data-flap-ui=textarea]{width:auto;min-width:7rem;padding:8px 10px;border:1px solid var(--platform-divider);border-radius:var(--saas-radius-sm);font:inherit;font-size:13px;color:var(--saas-text);background:var(--platform-paper)}[data-flap-ui=input][aria-invalid=true],[data-flap-ui=select][aria-invalid=true]{border-color:var(--lb-danger)}[data-flap-ui=help]{font-size:12px;color:var(--saas-text-2)}[data-flap-ui=table]{width:100%;border-collapse:collapse;background:var(--platform-paper);border:1px solid var(--platform-divider);border-radius:var(--saas-radius-md);overflow:hidden;font-size:13px}[data-flap-ui=table] caption{text-align:left;font-size:13px;font-weight:500;color:var(--flapbase-navy);padding:0 0 8px;caption-side:top}[data-flap-ui=table] th,[data-flap-ui=table] td{padding:8px 10px;border-bottom:1px solid var(--platform-divider);text-align:left;vertical-align:middle}[data-flap-ui=table] thead th{background:var(--platform-sidebar);color:var(--flapbase-navy);font-size:12px;font-weight:500}[data-flap-ui=table] [data-align=end]{text-align:right}[data-flap-ui=table] [data-align=center]{text-align:center}[data-flap-ui=table] tbody tr[data-action="case.open"]{cursor:pointer}[data-flap-ui=table] tbody tr[data-action="case.open"]:hover,[data-flap-ui=table] tbody tr[data-action="case.open"]:focus-visible{background:var(--saas-hover-bg)}[data-flap-ui=table] tbody tr[data-selected=true]{background:color-mix(in srgb,var(--flapbase-sky-mist) 70%,transparent)}[data-flap-ui=panel]{margin-top:18px;max-width:880px;background:var(--platform-paper);border:1px solid var(--platform-divider);border-radius:var(--saas-radius-lg);padding:16px}[data-flap-ui=status],[data-flap-ui=notice],[data-flap-ui=loading],[data-flap-ui=empty]{font-size:13px;color:var(--saas-text-2)}[data-flap-ui=status][data-state=error],[data-flap-ui=notice][data-state=error],[data-flap-ui=empty][data-state=error]{color:var(--lb-danger)}[data-flap-ui=status][data-state=ok]{color:var(--lb-ok)}[data-flap-ui=status][data-state=intake],[data-flap-ui=status][data-state=active],[data-flap-ui=status][data-state=waiting],[data-flap-ui=status][data-state=done],[data-flap-ui=status][data-state=cancelled],[data-flap-ui=status][data-state=settled]{display:inline-block;padding:2px 8px;border-radius:var(--saas-radius-sm);background:var(--action-primary-subtle);color:var(--flapbase-navy);font-size:12px;font-weight:500}}@layer states{[data-state=loading][data-flap-ui=table]{opacity:.92}@media (prefers-reduced-motion: reduce){[data-flap-ui=button],[data-flap-ui=table] tbody tr{transition:none}}}:root{--flapbase-navy: #0A355C;--flapbase-action: var(--flapbase-navy);--flapbase-ink: #10222F;--flapbase-text-secondary: #506170;--flapbase-sky-mist: #E9F1F3;--flapbase-stone: #D9D6CF;--flapbase-surface-white: #FFFFFF;--platform-canvas: #F6FAFD;--platform-canvas-wash: linear-gradient(180deg, #FDFEFF 0%, #F1F7FC 100%);--platform-paper: #FFFFFF;--platform-surface: #FBFDFF;--platform-sidebar: #EEF3F7;--platform-divider: #E3ECF3;--platform-border-subtle: rgb(10 53 92 / 8%);--saas-bg: var(--platform-canvas);--saas-bg-2: var(--platform-surface);--saas-bg-3: var(--platform-sidebar);--saas-canvas: var(--platform-canvas);--saas-surface: var(--platform-surface);--saas-sidebar: var(--platform-sidebar);--saas-text: var(--flapbase-ink);--saas-text-2: var(--flapbase-text-secondary);--saas-text-3: color-mix(in srgb, var(--flapbase-text-secondary) 68%, transparent);--saas-accent: var(--flapbase-action);--saas-accent-faint: color-mix(in srgb, var(--flapbase-action) 8%, transparent);--saas-line: var(--platform-border-subtle);--saas-divider: var(--platform-divider);--saas-hover-bg: color-mix(in srgb, var(--flapbase-sky-mist) 78%, transparent);--saas-shadow-sm: 0 1px 3px rgb(16 34 47 / .06);--saas-shadow-md: 0 4px 16px rgb(16 34 47 / .1);--saas-radius-sm: 6px;--saas-radius-md: 8px;--saas-radius-lg: 12px;--action-primary-start: #0A355C;--action-primary-end: #0A355C;--action-primary-flat: #0A355C;--action-primary-border: #0A355C;--action-primary-foreground: #ffffff;--action-primary-hover-start: #144B78;--action-primary-hover-end: #144B78;--action-primary-pressed-start: #072B4B;--action-primary-pressed-end: #072B4B;--action-primary-disabled: #AEBBC6;--action-primary-subtle: #E9F1F3;--action-primary-shadow: 0 1px 2px rgb(16 34 47 / .12);--focus-ring: #0A355C;--lb-danger: #B42318;--lb-danger-bg: #FEF3F2;--lb-ok: #067647;--lb-ok-bg: #ECFDF3;--lb-warn: #B54708;--lb-warn-bg: #FFFAEB;--lb-header-height: 52px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0}body{font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,system-ui,sans-serif;background:var(--platform-canvas-wash);background-color:var(--platform-canvas);color:var(--saas-text);line-height:1.6;min-height:100vh}a{color:var(--saas-accent)}a:hover{color:var(--action-primary-hover-start)}b,strong{font-weight:500}.top{--lb-header-height: 52px;height:var(--lb-header-height);min-height:var(--lb-header-height);max-height:var(--lb-header-height);box-sizing:border-box;overflow:hidden;background:var(--flapbase-navy);color:var(--action-primary-foreground);padding:0 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-shrink:0;line-height:1}.top-left{display:flex;align-items:center;gap:10px;min-width:0;height:100%;max-height:100%}.brand{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;line-height:1;height:100%;max-height:100%;overflow:hidden}a.brand:hover{color:#fff;opacity:.92}.brand-mark{font-size:15px;font-weight:500;letter-spacing:.01em;line-height:1}.brand-sub{font-size:12px;font-weight:400;line-height:1;color:color-mix(in srgb,#fff 72%,transparent)}.brand-sub[hidden]{display:none!important}.top b{font-size:15px;font-weight:500;line-height:1}.top small,.top a:not(.brand):not(.avatar){color:color-mix(in srgb,#fff 72%,transparent);font-size:12px;text-decoration:none;line-height:1}.top a:not(.brand):not(.avatar):hover{color:#fff}.top .avatar{width:32px;height:32px;min-width:32px;min-height:32px;border-radius:50%;background:color-mix(in srgb,#fff 18%,transparent);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:500;line-height:1;text-decoration:none;flex-shrink:0;border:1px solid color-mix(in srgb,#fff 28%,transparent);box-sizing:border-box}.top .avatar:hover{background:color-mix(in srgb,#fff 28%,transparent);color:#fff}.shell{min-height:calc(100vh - var(--lb-header-height, 52px))}.portal-feature{display:grid;grid-template-columns:200px minmax(0,1fr);min-height:calc(100vh - var(--lb-header-height, 52px));align-items:stretch}.portal-feature>.shell-main,.portal-feature>.content-main{min-width:0;padding:24px}@media (max-width: 720px){.portal-feature{grid-template-columns:1fr}.portal-feature>.feature-sidebar{border-right:none;border-bottom:1px solid var(--platform-divider);padding:8px}.portal-feature>.feature-sidebar ul{display:flex;flex-wrap:wrap;gap:4px}.portal-feature>.feature-sidebar a{margin:0}}.btn,button.btn,button.add,button.send,.flapbase-primary-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 16px;font:inherit;font-size:13px;font-weight:400;line-height:1;border-radius:var(--saas-radius-sm);border:1px solid var(--action-primary-border);background:linear-gradient(180deg,var(--action-primary-start) 0%,var(--action-primary-end) 100%);color:var(--action-primary-foreground);box-shadow:var(--action-primary-shadow);cursor:pointer;transition:background .15s,border-color .15s,opacity .15s}.btn:hover,button.btn:hover,button.add:hover,button.send:hover,.flapbase-primary-action:hover{background:linear-gradient(180deg,var(--action-primary-hover-start) 0%,var(--action-primary-hover-end) 100%);border-color:var(--action-primary-hover-start)}.btn:active,button.btn:active{background:linear-gradient(180deg,var(--action-primary-pressed-start) 0%,var(--action-primary-pressed-end) 100%)}.btn:disabled,button:disabled{background:var(--action-primary-disabled);border-color:var(--action-primary-disabled);box-shadow:none;cursor:not-allowed;opacity:.7}.btn-sm{height:32px;padding:0 12px;font-size:12px}.btn-lg{height:44px;padding:0 20px;font-size:14px}.btn-block{width:100%}.btn-secondary,button.btn-secondary{background:var(--action-primary-subtle);border-color:var(--platform-divider);color:var(--saas-accent);box-shadow:none}.btn-secondary:hover{background:var(--flapbase-sky-mist);border-color:color-mix(in srgb,var(--flapbase-navy) 22%,transparent);color:var(--saas-accent)}.btn-ghost,button.btn-ghost{background:transparent;border-color:transparent;color:var(--saas-text-2);box-shadow:none}.btn-ghost:hover{background:var(--saas-hover-bg);color:var(--saas-text)}.btn-outline,button.btn-outline{background:var(--platform-paper);border:1px solid var(--platform-divider);color:var(--saas-text);box-shadow:none}.btn-outline:hover{background:var(--saas-hover-bg);border-color:color-mix(in srgb,var(--flapbase-navy) 22%,transparent)}form>button:not([class]),form button:not([class]):not([type=button]){display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 16px;font:inherit;font-size:13px;font-weight:400;border-radius:var(--saas-radius-sm);border:1px solid var(--action-primary-border);background:linear-gradient(180deg,var(--action-primary-start) 0%,var(--action-primary-end) 100%);color:var(--action-primary-foreground);box-shadow:var(--action-primary-shadow);cursor:pointer;grid-column:1 / -1;justify-self:start}label{font-size:12px;font-weight:500;color:var(--saas-text-2);display:flex;flex-direction:column;gap:4px;text-align:left}input,select,textarea{width:100%;padding:8px 10px;border:1px solid var(--platform-divider);border-radius:var(--saas-radius-sm);font:inherit;font-size:13px;color:var(--saas-text);background:var(--platform-paper)}input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb,var(--focus-ring) 35%,transparent);outline-offset:1px;border-color:var(--flapbase-navy)}form.card-form,form.panel{background:var(--platform-paper);border:1px solid var(--platform-divider);border-radius:var(--saas-radius-lg);padding:16px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.card{background:var(--platform-paper);border:1px solid var(--platform-divider);border-radius:var(--saas-radius-lg);padding:32px;max-width:420px;width:92%;text-align:center;box-shadow:var(--saas-shadow-sm)}.panel,.detail{background:var(--platform-paper);border:1px solid var(--platform-divider);border-radius:var(--saas-radius-lg);padding:16px}.nav-card{display:block;background:var(--platform-paper);color:var(--saas-text);padding:22px;border-radius:var(--saas-radius-lg);text-decoration:none;border:1px solid var(--platform-divider);box-shadow:var(--saas-shadow-sm);transition:border-color .15s,box-shadow .15s}.nav-card:hover{border-color:color-mix(in srgb,var(--flapbase-navy) 28%,transparent);box-shadow:var(--saas-shadow-md);color:var(--saas-text)}.nav-card b{display:block;font-size:17px;font-weight:500;color:var(--flapbase-navy)}.nav-card .desc{margin-top:6px;font-size:13px;color:var(--saas-text-2)}table{width:100%;border-collapse:collapse;background:var(--platform-paper);border:1px solid var(--platform-divider);border-radius:var(--saas-radius-md);overflow:hidden;font-size:13px}th{background:var(--platform-sidebar);color:var(--flapbase-navy);text-align:left;padding:8px 10px;font-size:12px;border-bottom:1px solid var(--platform-divider)}td{padding:8px 10px;border-top:1px solid var(--platform-divider)}tr:hover td{background:var(--saas-hover-bg)}.pill,.tag{display:inline-block;padding:2px 8px;border-radius:var(--saas-radius-sm);background:var(--action-primary-subtle);color:var(--flapbase-navy);font-size:11px;font-weight:500}.tag.paused{background:var(--lb-warn-bg);color:var(--lb-warn)}.ok{display:none;background:var(--lb-ok-bg);color:var(--lb-ok);padding:8px 12px;border-radius:var(--saas-radius-sm);font-size:13px;margin-top:10px}.err{display:none;background:var(--lb-danger-bg);color:var(--lb-danger);padding:8px 12px;border-radius:var(--saas-radius-sm);font-size:13px;margin-top:10px;min-height:16px}.err[hidden]{display:none!important}.err:not([hidden]){display:block}.ok[style*="display: block"],.err[style*="display: block"]{display:block!important}.note,.small,.empty,.status,.divide{font-size:12px;color:var(--saas-text-2)}.empty{padding:18px 10px;font-size:13px}body.auth-page{display:grid;place-items:center;min-height:100vh}.auth-page h1{font-size:20px;margin:0 0 8px;color:var(--saas-text)}.auth-page p{color:var(--saas-text-2);font-size:13px;margin:8px 0}.auth-page .divide{margin:16px 0 6px;font-size:11px;color:var(--saas-text-3)}.side-nav{background:var(--platform-paper);border-right:1px solid var(--platform-divider);overflow:auto}.side-nav h3{font-size:12px;color:var(--saas-text-3);padding:12px 14px 4px;margin:0;text-transform:uppercase;letter-spacing:.04em}.side-nav h2{font-size:14px;color:var(--flapbase-navy);padding:16px 14px 8px;margin:0;font-weight:500}.side-nav ul{list-style:none;padding:0;margin:0}.side-nav a{display:block;padding:8px 16px;font-size:13px;color:var(--saas-text);text-decoration:none;border-radius:var(--saas-radius-sm);margin:2px 8px}.side-nav a:hover,.side-nav a.active{background:var(--saas-hover-bg);color:var(--flapbase-navy);font-weight:500}code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;background:var(--action-primary-subtle);padding:1px 5px;border-radius:4px}