.pagination{padding:15px 20px;border-top:1px solid var(--line);color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px}.pagination>div{display:flex;gap:8px}.pagination .secondary-btn{min-height:36px}.pagination button:disabled{cursor:not-allowed;opacity:.45}.detail-drawer{width:min(1040px,94vw)}.drawer-head p{margin:5px 0 0;color:var(--muted);font-size:13px}.dossier-error{margin:22px}.dossier-summary{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1px;gap:1px;border-bottom:1px solid var(--line);background:var(--line)}.dossier-summary>div{padding:18px 20px;background:var(--color-paper);display:grid;grid-gap:5px;gap:5px}.dossier-summary span{color:var(--muted);font-size:10px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.dossier-summary strong{font-size:21px;font-weight:600;letter-spacing:-.025em}.dossier-tabs{position:-webkit-sticky;position:sticky;top:0;z-index:2;padding:12px 20px;overflow-x:auto;border-bottom:1px solid var(--line);background:var(--color-paper);display:flex;gap:5px}.dossier-tabs button{padding:8px 12px;border:0;border-radius:18px;background:transparent;color:var(--muted);font-size:12px;font-weight:500;white-space:nowrap;transition:background .18s ease,color .18s ease,transform .18s ease}.dossier-tabs button:hover{background:var(--color-canvas);color:var(--color-ink);transform:translateY(-1px)}.dossier-tabs button:active{transform:scale(.97)}.dossier-tabs button.active{background:var(--color-ink);color:var(--color-paper)}.dossier-body{padding:20px}.dossier-stack{display:grid;grid-gap:16px;gap:16px}.detail-block{overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--color-paper);box-shadow:var(--shadow-subtle)}.detail-block>h3{margin:0;padding:18px 20px 4px;font-size:15px;font-weight:600}.detail-block>p{margin:0;padding:3px 20px 16px;color:var(--muted);font-size:12px}.detail-grid{margin:12px 0 0;border-top:1px solid var(--line);background:var(--line);display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1px;gap:1px}.detail-grid>div{min-width:0;padding:14px 18px;background:var(--color-paper)}.detail-grid dt{color:var(--muted);font-size:10px;letter-spacing:.05em;text-transform:uppercase}.detail-grid dd{margin:5px 0 0;overflow-wrap:anywhere;font-size:12px;font-weight:500}.trace-filters{padding:15px;border:1px solid var(--line);border-radius:24px;background:var(--color-paper);display:grid;grid-template-columns:180px 1fr 180px;grid-gap:10px;gap:10px}.trace-filters label{color:var(--muted);display:grid;grid-gap:6px;gap:6px;font-size:10px;font-weight:500;text-transform:uppercase}.trace-filters input,.trace-filters select{min-height:39px;padding:0 12px;border:1px solid transparent;border-radius:18px;background:var(--color-canvas);color:var(--color-ink);text-transform:none}.trace-filters input:focus,.trace-filters select:focus{border-color:var(--color-hairline);background:var(--color-paper)}.detail-drawer .table-wrap{max-width:100%}.detail-drawer table{min-width:900px}.detail-drawer td{max-width:300px;overflow-wrap:anywhere;white-space:pre-line}.config-grid{padding:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:12px;gap:12px}.config-toolbar{padding:16px 20px 0;display:flex;align-items:center;justify-content:space-between;gap:14px}.config-toolbar p{margin:0;color:var(--muted);font-size:12px}.config-card{padding:18px;border:1px solid var(--line);border-radius:24px;background:var(--color-paper);display:flex;flex-direction:column;gap:10px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s cubic-bezier(.2,.8,.2,1)}.config-card:hover{border-color:#d4d4d4;box-shadow:0 7px 20px rgba(0,0,0,.06);transform:translateY(-2px)}.config-card>div:first-child{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.config-card h3{margin:0;font-size:16px;font-weight:600}.config-card p{min-height:38px;margin:0;font-size:13px;line-height:1.5}.config-card p,.config-card small{color:var(--muted)}.config-card .link-btn{align-self:flex-start;margin-top:auto}.config-drawer form{display:flex;flex-direction:column;gap:16px}.config-drawer form>label,.form-columns>label{color:var(--ink);display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:500}.config-drawer input,.config-drawer select,.config-drawer textarea{width:100%;padding:11px 12px;border:1px solid transparent;border-radius:18px;background:var(--color-canvas);color:var(--ink);font:inherit}.config-drawer input:focus,.config-drawer select:focus,.config-drawer textarea:focus{border-color:var(--color-hairline);background:var(--color-paper)}.config-drawer textarea{resize:vertical}.form-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.form-section-title{margin:8px 0 0;font-size:14px;font-weight:600}.form-hint{margin:-8px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.checkbox-grid label{padding:10px 12px;border:1px solid var(--line);border-radius:18px;background:var(--color-paper);display:flex;align-items:center;gap:8px;font-size:12px;font-weight:400;text-transform:none;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.checkbox-grid label:hover{background:var(--color-canvas);transform:translateY(-1px)}.checkbox-grid label:has(input:checked){border-color:var(--color-ink)}.checkbox-grid input{width:auto;margin:0;accent-color:var(--color-ink)}.permission-grid span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.template-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.safety-banner{margin-bottom:18px;padding:16px 18px;border:1px solid var(--line);border-radius:24px;background:var(--color-paper);color:var(--ink);display:flex;align-items:flex-start;gap:12px}.safety-banner svg{flex:0 0 auto;color:var(--color-ink)}.safety-banner strong{font-size:13px}.safety-banner p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.role-template-grid{padding:0}.migration-summary{overflow:hidden;border:1px solid var(--line);border-radius:24px}.account-notes>form{padding:16px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-gap:10px;gap:10px}.account-notes>form label{display:grid;grid-gap:7px;gap:7px;font-size:12px;font-weight:500}.account-notes textarea{width:100%;padding:11px 12px;border:1px solid transparent;border-radius:18px;background:var(--color-canvas);resize:vertical}.account-notes>div{padding:12px 20px 18px;display:grid;grid-gap:8px;gap:8px}.account-notes article{padding:12px 14px;border:1px solid var(--line);border-radius:18px}.account-notes article p{margin:0 0 6px;white-space:pre-line}.account-notes article small{color:var(--muted)}.version-workspace{display:grid;grid-template-columns:180px minmax(0,1fr);grid-gap:14px;gap:14px}.version-list{display:grid;align-content:start;grid-gap:6px;gap:6px}.version-list button{padding:10px;border:1px solid var(--line);border-radius:18px;background:var(--color-paper);display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:5px;gap:5px;text-align:left}.version-list button.active{border-color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-ink)}.version-list button small{grid-column:1/-1;color:var(--muted)}.version-preview{min-width:0;padding:18px;border:1px solid var(--line);border-radius:24px;background:var(--color-paper)}.version-preview .dossier-summary{border:1px solid var(--line);border-radius:18px;overflow:hidden}.version-preview h3{margin:18px 0 10px}.version-preview pre{max-height:420px;overflow:auto;padding:14px;border-radius:18px;background:var(--color-canvas);font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap}.approval-review{padding:16px;border:1px solid var(--line);border-radius:24px;background:var(--color-paper)}.approval-review h3{margin:12px 0 5px}.approval-review p{margin:0 0 14px;color:var(--muted)}.approval-review pre{max-height:300px;overflow:auto;padding:12px;border-radius:18px;background:var(--color-canvas);font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap}@media (max-width:820px){.detail-drawer{width:100%}.detail-grid,.dossier-summary{grid-template-columns:1fr 1fr}.trace-filters{grid-template-columns:1fr}.dossier-body{padding:13px}}@media (max-width:720px){.checkbox-grid,.form-columns,.version-workspace{grid-template-columns:1fr}.version-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.config-toolbar{align-items:stretch;flex-direction:column}}:root{--color-canvas:#f5f5f5;--color-paper:#fff;--color-surface-alt:#fafafa;--color-ink:#0a0a0a;--color-ink-soft:#171717;--color-mid-gray:#737373;--color-hairline:#e5e5e5;--color-ember:#e7000b;--font-geist:"Geist","Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--shadow-subtle:0 0 0 1px rgba(23,23,23,.05),0 1px 3px rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--ink:var(--color-ink);--muted:var(--color-mid-gray);--green:var(--color-ink);--green-dark:var(--color-ink-soft);--mint:var(--color-canvas);--cream:var(--color-canvas);--line:var(--color-hairline);--white:var(--color-paper);--danger:var(--color-ember);--amber:var(--color-mid-gray);--shadow:var(--shadow-subtle)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--color-canvas)}body{color:var(--color-ink);font:400 14px/1.43 var(--font-geist);font-feature-settings:"ss01" on,"cv11" on;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}.brand-mark{width:40px;height:40px;border-radius:18px;background:var(--color-ink);color:var(--color-paper);display:grid;place-items:center}.eyebrow,.nav-label{font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.eyebrow,.eyebrow.dark,.muted,.nav-label{color:var(--color-mid-gray)}.muted{line-height:1.56;margin:0 0 28px}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,.72fr);background:var(--color-canvas)}.login-story{position:relative;overflow:hidden;margin:12px;padding:48px 60px;border:1px solid #2a2a2a;border-radius:24px;background:var(--color-ink-soft);color:var(--color-paper);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600;letter-spacing:-.025em}.login-story .brand-mark{background:var(--color-paper);color:var(--color-ink)}.story-copy{position:relative;z-index:2;margin:auto 0;max-width:680px}.story-copy .eyebrow{color:#a3a3a3}.story-copy h1{max-width:650px;margin:18px 0 24px;font-size:clamp(42px,5vw,64px);font-weight:600;line-height:1.06;letter-spacing:-.05em}.story-copy>p{max-width:570px;color:#a3a3a3;font-size:16px;line-height:1.63}.security-note{display:flex;align-items:center;gap:10px;margin-top:36px;color:#d4d4d4;font-size:13px}.security-note svg{width:18px}.field-pattern{position:absolute;right:-190px;bottom:-280px;width:580px;height:580px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 72px rgba(255,255,255,.025),0 0 0 144px rgba(255,255,255,.015)}.login-panel{display:grid;place-items:center;padding:48px}.login-card{width:min(410px,100%);padding:28px;border:1px solid var(--color-hairline);border-radius:24px;background:var(--color-paper);box-shadow:var(--shadow-subtle)}.login-icon{width:48px;height:48px;margin-bottom:24px;border-radius:18px;background:var(--color-canvas);color:var(--color-ink);display:grid;place-items:center}.login-card h2{margin:8px 0 10px;font-size:30px;font-weight:600;line-height:1.2;letter-spacing:-.025em}.drawer form,.login-card form{display:grid;grid-gap:16px;gap:16px}.drawer label,.login-card label{display:grid;grid-gap:8px;gap:8px;color:var(--color-ink);font-size:13px;font-weight:500}.drawer input,.drawer select,.drawer textarea,.login-card input{width:100%;padding:10px 12px;border:1px solid transparent;border-radius:18px;outline:none;background:var(--color-canvas);color:var(--color-ink);transition:border-color .15s,background .15s}.drawer input:focus,.drawer select:focus,.drawer textarea:focus,.login-card input:focus{border-color:var(--color-hairline);background:var(--color-paper);box-shadow:none}.otp{font-size:24px!important;font-weight:600!important;letter-spacing:.32em;text-align:center}.primary-btn,.secondary-btn{min-height:40px;padding:0 16px;border:0;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:500;transition:background .18s ease,color .18s ease,transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease}.primary-btn{background:var(--color-ink);color:var(--color-surface-alt)}.primary-btn:hover{background:#262626;box-shadow:0 5px 14px rgba(0,0,0,.14);transform:translateY(-1px)}.primary-btn:active,.secondary-btn:active{transform:translateY(1px) scale(.98);box-shadow:none;transition-duration:.06s}.primary-btn:disabled,.secondary-btn:disabled{cursor:not-allowed;opacity:.45}.primary-btn svg,.secondary-btn svg{width:17px}.compact,.primary-btn.compact,.secondary-btn.compact{min-height:36px}.secondary-btn{background:var(--color-canvas);color:var(--color-ink)}.secondary-btn:hover{background:var(--color-hairline);transform:translateY(-1px)}.text-btn{border:0;border-radius:18px;background:transparent;color:var(--color-ink);font-weight:500;transition:background .18s ease,transform .18s ease}.text-btn:hover{background:var(--color-canvas)}.text-btn:active{transform:scale(.98)}.form-error{margin:0;padding:11px 13px;border:1px solid #fecaca;border-radius:18px;background:#fef2f2;color:var(--color-ember);font-size:13px}.enroll-box{margin:20px 0;padding:16px;border-radius:24px;background:var(--color-canvas)}.enroll-box p{margin-top:0}.enroll-box code{display:block;padding:12px;border-radius:18px;background:var(--color-paper);font-weight:600;letter-spacing:.08em;overflow-wrap:anywhere}.enroll-box small{display:block;margin-top:10px;color:var(--color-mid-gray);line-height:1.5}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:256px;padding:20px 14px;border-right:1px solid var(--color-hairline);background:var(--color-surface-alt);color:var(--color-ink);display:flex;flex-direction:column}.side-brand{display:flex;align-items:center;gap:11px;padding:0 8px 24px}.side-brand>div:nth-child(2){display:grid}.side-brand strong{color:var(--color-ink);font-size:17px;font-weight:600;letter-spacing:-.025em}.side-brand small{color:var(--color-mid-gray);font-size:10px;letter-spacing:.05em;text-transform:uppercase}.nav-label{padding:0 12px 8px;font-size:10px}.sidebar nav{display:grid;grid-gap:3px;gap:3px;overflow-y:auto;scrollbar-width:thin}.sidebar nav button{min-height:40px;padding:0 12px;border:0;border-radius:18px;background:transparent;color:var(--color-mid-gray);display:flex;align-items:center;gap:11px;text-align:left;font-size:13px;font-weight:500;transition:color .18s ease,background .18s ease,transform .18s cubic-bezier(.2,.8,.2,1)}.sidebar nav button svg{width:17px;stroke-width:1.75}.sidebar nav button:hover{background:var(--color-canvas);color:var(--color-ink);transform:translateX(2px)}.sidebar nav button:active{transform:translateX(2px) scale(.985)}.sidebar nav button.active{background:var(--color-ink);color:var(--color-paper)}.sidebar nav button b{margin-left:auto;padding:2px 7px;border-radius:18px;background:var(--color-paper);color:var(--color-ink);font-size:10px}.side-user{margin-top:auto;padding:16px 8px 2px;border-top:1px solid var(--color-hairline);display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;border-radius:18px;background:var(--color-ink);color:var(--color-paper);display:grid;place-items:center;font-size:11px;font-weight:600}.side-user>div:nth-child(2){display:grid;min-width:0}.side-user strong{color:var(--color-ink);font-size:12px;font-weight:500;text-transform:capitalize;white-space:nowrap}.side-user small{color:var(--color-mid-gray);font-size:10px}.mobile-close,.side-user button{margin-left:auto;border:0;background:transparent;color:var(--color-mid-gray)}.side-user button{width:34px;height:34px;border-radius:18px;display:grid;place-items:center;transition:background .18s ease,color .18s ease,transform .18s ease}.side-user button:hover{background:var(--color-canvas);color:var(--color-ink);transform:translateY(-1px)}.side-user button:active{transform:scale(.94)}.side-user button svg{width:17px}.workspace{min-height:100vh;margin-left:256px}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:10;height:68px;padding:0 28px;border-bottom:1px solid var(--color-hairline);background:rgba(245,245,245,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);gap:20px}.topbar,.topbar-tools{display:flex;align-items:center}.topbar-tools{position:relative;margin-left:auto;gap:10px}.breadcrumb{min-width:210px;display:flex;align-items:center;gap:6px;color:var(--color-mid-gray);font-size:13px;white-space:nowrap}.breadcrumb svg{width:14px}.breadcrumb strong{color:var(--color-ink);font-weight:500}.global-search{width:min(400px,38vw);padding:0 10px;border-radius:18px;background:var(--color-paper);box-shadow:inset 0 0 0 1px var(--color-hairline);color:var(--color-mid-gray);display:flex;align-items:center;gap:8px;transition:box-shadow .18s ease,transform .18s ease,background .18s ease}.global-search:focus-within{background:var(--color-paper);box-shadow:inset 0 0 0 1px var(--color-ink),0 4px 14px rgba(0,0,0,.06);transform:translateY(-1px)}.global-search svg{width:16px}.global-search input{width:100%;height:36px;border:0;outline:0;background:transparent;color:var(--color-ink);font-size:13px}.global-search kbd{padding:2px 6px;border:1px solid var(--color-hairline);border-radius:6px;background:var(--color-canvas);color:var(--color-mid-gray);font:500 10px var(--font-geist)}.secure-pill{padding:7px 10px;border:1px solid var(--color-hairline);border-radius:18px;background:var(--color-paper);color:var(--color-mid-gray);display:flex;align-items:center;gap:7px;font-size:11px;font-weight:500;white-space:nowrap}.secure-pill svg{width:15px;color:var(--color-ink)}.notification-trigger{position:relative;width:36px;height:36px;border:1px solid var(--color-hairline);border-radius:18px;background:var(--color-paper);color:var(--color-ink);display:grid;place-items:center;transition:transform .18s ease,background .18s ease}.notification-trigger:hover{background:var(--color-hairline);transform:translateY(-1px)}.notification-trigger svg{width:17px}.notification-trigger b{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;padding:0 5px;border:2px solid var(--color-canvas);border-radius:18px;background:var(--color-ember);color:#fff;display:grid;place-items:center;font-size:9px}.top-panel{position:absolute;top:48px;right:0;z-index:40;width:min(520px,calc(100vw - 32px));max-height:min(640px,calc(100vh - 90px));overflow:auto;border:1px solid var(--color-hairline);border-radius:24px;background:var(--color-paper);box-shadow:0 18px 50px rgba(0,0,0,.14);animation:toast-enter .2s cubic-bezier(.2,.8,.2,1) both}.panel-head{position:-webkit-sticky;position:sticky;top:0;z-index:2;padding:16px 18px;border-bottom:1px solid var(--color-hairline);background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between}.panel-head>div{display:grid}.panel-head strong{font-size:14px}.panel-head small{color:var(--color-mid-gray);font-size:11px}.panel-head button{padding:6px 9px;border:0;border-radius:18px;background:var(--color-canvas);font-size:11px}.panel-head kbd{color:var(--color-mid-gray);font-size:10px}.panel-loading,.search-hint{min-height:180px;padding:24px;color:var(--color-mid-gray);display:grid;place-items:center;align-content:center;grid-gap:8px;gap:8px;text-align:center}.search-hint svg{width:26px}.search-hint p{max-width:280px;margin:0}.search-groups{padding:8px}.search-groups section>span{display:block;padding:9px 10px 5px;color:var(--color-mid-gray);font-size:10px;letter-spacing:.05em;text-transform:uppercase}.inbox-list>button,.search-groups section>button{width:100%;padding:11px 10px;border:0;border-radius:18px;background:transparent;color:var(--color-ink);display:flex;align-items:center;gap:10px;text-align:left;transition:background .16s ease,transform .16s ease}.inbox-list>button:hover,.search-groups section>button:hover{background:var(--color-canvas);transform:translateX(2px)}.inbox-list button>div,.search-groups button>div{min-width:0;display:grid;grid-gap:2px;gap:2px}.inbox-list button strong,.search-groups button strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.inbox-list button small,.search-groups button small{color:var(--color-mid-gray);font-size:10px}.inbox-list button>svg,.search-groups button svg{width:14px;margin-left:auto;flex:0 0 auto}.palette-footer{position:-webkit-sticky;position:sticky;bottom:0;padding:10px 14px;border-top:1px solid var(--color-hairline);background:rgba(255,255,255,.96);display:flex;align-items:center;justify-content:space-between}.palette-footer>span{color:var(--color-mid-gray);font-size:11px}.palette-footer .saved-view-menu{top:auto;right:0;bottom:44px}.inbox-list{padding:8px}.inbox-list>button{align-items:flex-start}.inbox-list>button.unread{background:var(--color-surface-alt)}.inbox-list p{margin:2px 0;color:var(--color-mid-gray);font-size:11px;line-height:1.45}.inbox-dot{width:7px;height:7px;margin-top:5px;border-radius:50%;background:var(--color-mid-gray);flex:0 0 auto}.inbox-dot.priority-high,.inbox-dot.priority-urgent{background:var(--color-ember)}.menu-btn,.mobile-close{display:none}.menu-btn{width:36px;height:36px;border-radius:18px;transition:background .18s ease,transform .18s ease}.menu-btn:hover{background:var(--color-hairline)}.menu-btn:active{transform:scale(.94)}.page{max-width:1280px;margin:0 auto;padding:44px 32px 72px;animation:page-enter .32s cubic-bezier(.2,.8,.2,1) both}.page-heading{margin-bottom:28px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.page-heading h1{margin:7px 0 6px;font-size:36px;font-weight:600;line-height:1.11;letter-spacing:-.025em}.page-heading p{margin:0;color:var(--color-mid-gray);font-size:14px}.heading-actions{display:flex;align-items:center;gap:8px}.saved-view-control{position:relative}.saved-view-menu{position:absolute;top:44px;right:0;z-index:8;width:300px;padding:10px;border:1px solid var(--color-hairline);border-radius:24px;background:var(--color-paper);box-shadow:0 18px 45px rgba(0,0,0,.12);display:grid;grid-gap:5px;gap:5px}.saved-view-menu>strong{padding:6px 8px;font-size:12px}.saved-view-menu>small{padding:10px 8px;color:var(--color-mid-gray)}.saved-view-menu>button{padding:9px 10px;border:0;border-radius:18px;background:transparent;display:flex;justify-content:space-between;text-align:left}.saved-view-menu>button:hover{background:var(--color-canvas)}.saved-view-menu>button svg{width:14px}.saved-view-menu>div{padding-top:8px;border-top:1px solid var(--color-hairline);display:flex;gap:6px}.saved-view-menu input{min-width:0;width:100%;padding:0 10px;border:1px solid transparent;border-radius:18px;background:var(--color-canvas)}.destructive{color:var(--color-ember)}.metric-grid{margin-bottom:20px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.metric-grid.four{grid-template-columns:repeat(4,1fr)}.insight-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr);grid-gap:12px;gap:12px}.metric{min-height:150px;padding:20px;border:1px solid var(--color-hairline);border-radius:24px;background:var(--color-paper);box-shadow:var(--shadow-subtle);display:flex;flex-direction:column;gap:8px;animation:surface-enter .38s cubic-bezier(.2,.8,.2,1) both;transition:border-color .2s ease,box-shadow .2s ease,transform .2s cubic-bezier(.2,.8,.2,1)}.metric:nth-child(2){animation-delay:35ms}.metric:nth-child(3){animation-delay:70ms}.metric:nth-child(4){animation-delay:105ms}.metric:nth-child(5){animation-delay:.14s}.metric:nth-child(6){animation-delay:175ms}.metric:hover{border-color:#d4d4d4;box-shadow:0 0 0 1px rgba(23,23,23,.06),0 8px 22px rgba(0,0,0,.07);transform:translateY(-2px)}.metric>span{color:var(--color-mid-gray);font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.metric strong{margin-top:auto;color:var(--color-ink);font-size:clamp(24px,2.4vw,36px);font-weight:600;line-height:1.1;letter-spacing:-.025em;text-transform:capitalize;overflow-wrap:anywhere}.metric small{color:var(--color-mid-gray);font-size:11px}.metric.green{background:var(--color-surface-alt)}.metric.green strong{color:var(--color-ink)}.metric.dark{border-color:var(--color-ink-soft);background:var(--color-ink-soft)}.metric.dark,.metric.dark strong{color:var(--color-paper)}.metric.dark small,.metric.dark span{color:#a3a3a3}.metric.warn{background:var(--color-surface-alt);color:var(--color-ink)}.card{margin-bottom:20px;overflow:hidden;border:1px solid var(--color-hairline);border-radius:24px;background:var(--color-paper);box-shadow:var(--shadow-subtle);animation:surface-enter .38s cubic-bezier(.2,.8,.2,1) .06s both}.card-head{padding:20px;border-bottom:1px solid var(--color-hairline)}.card h2{margin:0 0 4px;font-size:18px;font-weight:600;line-height:1.56;letter-spacing:-.015em}.card-head p{margin:0;color:var(--color-mid-gray);font-size:12px}.table-wrap{overflow:auto}table{width:100%;min-width:760px;border-collapse:collapse}th{padding:12px 20px;background:var(--color-surface-alt);color:var(--color-mid-gray);text-align:left;font-size:11px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}td{padding:14px 20px;border-top:1px solid var(--color-hairline);color:var(--color-ink-soft);font-size:12px;white-space:pre-line}tbody tr{transition:background .16s ease,box-shadow .16s ease}tbody tr:hover{background:var(--color-surface-alt);box-shadow:inset 3px 0 0 var(--color-ink)}.farm-name{color:var(--color-ink);display:flex;align-items:center;gap:9px;font-weight:500}.farm-name>span{width:28px;height:28px;border-radius:18px;background:var(--color-ink);color:var(--color-paper);display:grid;place-items:center}.status{padding:3px 8px;border:1px solid var(--color-hairline);border-radius:18px;background:transparent;color:var(--color-ink-soft);display:inline-flex;font-size:10px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.status-active,.status-complete,.status-confirmed,.status-enabled,.status-growth,.status-healthy,.status-paid,.status-published,.status-verified{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-paper)}.status-bounced,.status-failed,.status-suspended,.status-unverified,.status-urgent{border-color:#fecaca;background:#fef2f2;color:var(--color-ember)}.status-business,.status-draft,.status-enterprise,.status-high,.status-pending{background:var(--color-canvas)}.empty{min-height:190px;color:var(--color-mid-gray);display:grid;place-items:center;align-content:center;grid-gap:8px;gap:8px}.empty svg{width:28px;stroke-width:1.5}.empty p{margin:0;font-size:13px}.loading{height:280px;color:var(--color-mid-gray);justify-content:center}.error-panel,.loading{display:flex;align-items:center;gap:10px}.error-panel{padding:18px;border:1px solid #fecaca;border-radius:24px;background:#fef2f2;color:var(--color-ember)}.error-panel span{color:#991b1b}.error-panel button{margin-left:auto;padding:8px 12px;border:0;border-radius:18px;background:var(--color-ember);color:var(--color-paper)}.chart{padding:24px 20px 10px}.recharts-default-tooltip{border:1px solid var(--color-hairline)!important;border-radius:18px!important;box-shadow:var(--shadow-subtle)}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.template-card{padding:20px;border:1px solid var(--color-hairline);border-radius:24px;background:var(--color-paper);box-shadow:var(--shadow-subtle);transition:border-color .2s ease,box-shadow .2s ease,transform .2s cubic-bezier(.2,.8,.2,1)}.template-card:hover{border-color:#d4d4d4;box-shadow:0 7px 20px rgba(0,0,0,.06);transform:translateY(-2px)}.template-card>div:first-child{display:flex;justify-content:space-between}.template-icon{width:38px;height:38px;border-radius:18px;background:var(--color-canvas);color:var(--color-ink);display:grid;place-items:center}.template-icon svg{width:17px}.template-card h3{margin:16px 0 6px;font-size:16px;font-weight:600}.template-card p{min-height:34px;color:var(--color-mid-gray);font-size:12px}.template-card dl{padding-top:13px;border-top:1px solid var(--color-hairline);display:grid;grid-gap:8px;gap:8px}.template-card dl div{display:flex;justify-content:space-between;font-size:11px}.template-card dt{color:var(--color-mid-gray)}.template-card dd{margin:0;font-weight:500}.link-btn{padding:8px 10px;border:0;border-radius:18px;background:var(--color-canvas);color:var(--color-ink);display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;transition:background .18s ease,transform .18s ease}.link-btn:hover{background:var(--color-hairline);transform:translateY(-1px)}.link-btn:active{transform:scale(.97)}.link-btn svg{width:14px;transition:transform .18s cubic-bezier(.2,.8,.2,1)}.link-btn:hover svg{transform:translateX(2px)}.approval-list{padding:6px 20px}.approval{padding:18px 2px;border-bottom:1px solid var(--color-hairline);display:flex;justify-content:space-between;gap:20px}.approval:last-child{border-bottom:0}.approval h3{margin:9px 0 3px;font-size:15px;font-weight:600}.approval p{margin:0 0 8px;font-size:12px}.approval p,.approval small{color:var(--color-mid-gray)}.approval>div:last-child{display:flex;align-items:center;gap:8px}.drawer-backdrop{position:fixed;inset:0;z-index:50;background:rgba(10,10,10,.32);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:flex-end;animation:backdrop-enter .22s ease-out both}.drawer{width:min(520px,100%);height:100%;overflow-y:auto;border-left:1px solid var(--color-hairline);background:var(--color-surface-alt);box-shadow:-16px 0 40px rgba(0,0,0,.08);animation:drawer-enter .32s cubic-bezier(.2,.8,.2,1) both}.drawer-head{padding:24px 28px 18px;border-bottom:1px solid var(--color-hairline);display:flex;align-items:flex-start;justify-content:space-between}.drawer-head h2{margin:6px 0;font-size:24px;font-weight:600;line-height:1.33;letter-spacing:-.025em}.drawer-head button{width:36px;height:36px;border:0;border-radius:18px;background:var(--color-canvas);display:grid;place-items:center;transition:background .18s ease,transform .18s ease}.drawer-head button:hover{background:var(--color-hairline);transform:rotate(4deg)}.drawer-head button:active{transform:scale(.92)}.drawer-head button svg{width:17px}.drawer form{padding:24px 28px 36px}.drawer textarea{resize:vertical}.drawer-actions{padding-top:18px;border-top:1px solid var(--color-hairline);display:flex;justify-content:flex-end;gap:8px}.toast{position:fixed;right:24px;bottom:24px;z-index:80;padding:13px 16px;border:1px solid #2a2a2a;border-radius:18px;background:var(--color-ink-soft);box-shadow:var(--shadow-subtle);display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;animation:toast-enter .28s cubic-bezier(.2,.8,.2,1) both}.toast,.toast svg{color:var(--color-paper)}.toast svg{width:17px}.audit-filters{padding:16px 20px;border-bottom:1px solid var(--color-hairline);display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));grid-gap:10px;gap:10px}.audit-filters label{display:grid;grid-gap:6px;gap:6px;color:var(--color-mid-gray);font-size:10px;font-weight:500;text-transform:uppercase}.audit-filters input{min-height:38px;padding:0 11px;border:1px solid transparent;border-radius:18px;background:var(--color-canvas);color:var(--color-ink)}.filter-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}.support-workspace{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(400px,1.2fr);grid-gap:16px;gap:16px}.support-workspace .detail-block form{padding:18px;display:grid;grid-gap:14px;gap:14px}.support-workspace .detail-block form label{display:grid;grid-gap:7px;gap:7px;font-size:12px;font-weight:500}.support-workspace select,.support-workspace textarea{width:100%;padding:10px 12px;border:1px solid transparent;border-radius:18px;background:var(--color-canvas)}.case-messages{max-height:390px;padding:12px 18px;overflow:auto;display:grid;grid-gap:8px;gap:8px}.case-message{padding:12px 14px;border:1px solid var(--color-hairline);border-radius:18px;background:var(--color-paper)}.case-message.customer{background:var(--color-ink-soft);color:var(--color-paper)}.case-message>div{display:flex;justify-content:space-between}.case-message p{margin:8px 0 0;white-space:pre-line}.case-message small{color:var(--color-mid-gray)}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes surface-enter{0%{opacity:0;transform:translateY(10px) scale(.995)}to{opacity:1;transform:none}}@keyframes backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes drawer-enter{0%{opacity:.72;transform:translateX(44px)}to{opacity:1;transform:none}}@keyframes toast-enter{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}@media (max-width:1120px){.metric-grid.four,.template-grid{grid-template-columns:repeat(2,1fr)}.breadcrumb span,.breadcrumb svg{display:none}.breadcrumb{min-width:auto}.insight-grid{grid-template-columns:1fr}.audit-filters{grid-template-columns:repeat(3,1fr)}}@media (max-width:820px){.login-page{grid-template-columns:1fr}.login-story{display:none}.login-panel{min-height:100vh;padding:24px}.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar-open{transform:translateX(0);box-shadow:20px 0 50px rgba(0,0,0,.12)}.workspace{margin-left:0}.menu-btn,.mobile-close{display:grid;place-items:center}.menu-btn{border:0;background:transparent}.page{padding:32px 18px 60px}.topbar{padding:0 18px;gap:12px}.breadcrumb,.secure-pill{display:none}.topbar-tools{width:100%;margin-left:0}.global-search{width:auto;flex:1 1}.page-heading{align-items:flex-start;flex-direction:column}.metric-grid,.metric-grid.four{grid-template-columns:1fr 1fr}.template-grid{grid-template-columns:1fr}.approval{flex-direction:column}.approval>div:last-child{justify-content:flex-end}.support-workspace{grid-template-columns:1fr}.audit-filters{grid-template-columns:1fr 1fr}}@media (max-width:520px){.metric-grid,.metric-grid.four{grid-template-columns:1fr}.page-heading h1{font-size:30px}.login-card{padding:22px}.global-search kbd{display:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}