:root{--font-ui:"Inter Variable",system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono Variable",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--fs-xs:11.5px;--fs-sm:12.5px;--fs-md:13.5px;--fs-base:14px;--fs-lg:16px;--fs-xl:20px;--fs-stat:28px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--r-card:10px;--r-ctl:8px;--r-pill:999px;--bg:#f9f9f7;--surface:#fcfcfb;--surface-2:#f3f2ef;--border:#e1e0d9;--text-1:#0b0b0b;--text-2:#52514e;--text-3:#898781;--brand:#2a78d6;--brand-ink:#fff;--brand-soft:rgba(42,120,214,.1);--good:#0ca30c;--good-soft:rgba(12,163,12,.1);--good-text:#006300;--warn:#fab219;--warn-soft:rgba(250,178,25,.14);--warn-text:#7a5200;--crit:#d03b3b;--crit-soft:rgba(208,59,59,.1);--seq:#2a78d6;--seq-track:#e6e5df;--shadow:0 1px 2px rgba(0,0,0,.05)}[data-theme=dark]{--bg:#0d0d0d;--surface:#1a1a19;--surface-2:#242422;--border:#2c2c2a;--text-1:#fff;--text-2:#c3c2b7;--text-3:#898781;--brand:#3987e5;--brand-soft:rgba(57,135,229,.22);--good-text:#0ca30c;--warn-text:#fab219;--seq:#3987e5;--seq-track:#2c2c2a;--shadow:none}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-ui);background:var(--bg);color:var(--text-1);font-size:var(--fs-base);line-height:1.5;font-feature-settings:"cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code,kbd,pre,.mono{font-family:var(--font-mono);font-size:.93em}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}button{font:inherit;cursor:pointer;background:none;border:none;color:inherit}input,select{font:inherit;color:var(--text-1)}a{color:var(--brand);text-decoration:none}.linklike{color:var(--brand);cursor:pointer;display:inline}.linklike:hover{text-decoration:underline}.linklike.sub{color:var(--text-3)}.ico{width:1em;height:1em;display:inline-block;vertical-align:-.15em;flex:none}.ico.spin{animation:ico-spin 1.1s linear infinite}@keyframes ico-spin{to{transform:rotate(360deg)}}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:8px}.num{font-variant-numeric:tabular-nums}.app{display:grid;grid-template-columns:224px 1fr;grid-template-rows:56px 1fr;height:100vh}.topbar{grid-column:1/3;display:flex;align-items:center;gap:14px;padding:0 20px;background:var(--surface);border-bottom:1px solid var(--border)}.logo{display:flex;align-items:center;gap:10px;min-width:200px}.logo-mark{width:28px;height:28px;border-radius:8px;background:var(--brand);color:var(--brand-ink);display:grid;place-items:center;font-weight:700;font-size:12px;flex:none}.logo b{font-size:14px;display:block;line-height:1.15}.logo span{font-size:11px;color:var(--text-3);display:block}.spacer{flex:1}.fresh{font-size:12px;color:var(--text-3)}.fresh b{color:var(--text-2);font-weight:500}.iconbtn{width:34px;height:34px;border:1px solid var(--border);border-radius:8px;display:grid;place-items:center;color:var(--text-2);background:var(--surface)}.iconbtn:hover{background:var(--surface-2)}.userchip{display:flex;align-items:center;gap:9px;text-align:right}.userchip small{display:block;color:var(--text-3);font-size:11px}.side{background:var(--surface);border-right:1px solid var(--border);padding:12px 10px;overflow-y:auto}.navgroup{font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);padding:12px 10px 5px}.navitem{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:8px 10px;border-radius:var(--r-ctl);color:var(--text-2);font-size:var(--fs-md);font-weight:500;margin-bottom:1px;transition:background .12s,color .12s}.navitem .ico{width:17px;height:17px;flex:none;opacity:.85}.navitem.active .ico{opacity:1}.navitem:hover{background:var(--surface-2);color:var(--text-1)}.navitem.active{background:var(--brand-soft);color:var(--brand)}.navitem .count{margin-left:auto;font-size:11px;color:var(--text-3);background:var(--surface-2);border-radius:999px;padding:1px 7px}.navitem .count.pending{color:#fff;background:var(--warn,#b58900);font-weight:700}main{overflow-y:auto;padding:22px 26px 60px}.wrap{max-width:1180px;margin:0 auto}.crumbs{font-size:12.5px;color:var(--text-3);margin-bottom:10px}.pagehead{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.pagehead h1{font-size:var(--fs-xl);font-weight:650;letter-spacing:-.01em}.sub{color:var(--text-3);font-size:13px}.btn{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;border-radius:var(--r-ctl);font-size:var(--fs-md);font-weight:600;transition:filter .12s,background .12s,border-color .12s}.btn.primary{background:var(--brand);color:var(--brand-ink)}.btn.primary:hover{filter:brightness(.94)}.btn.secondary{background:var(--surface);border:1px solid var(--border)}.btn.secondary:hover{background:var(--surface-2)}.btn.ghost{color:var(--text-2);padding:0 8px}.btn.ghost:hover{background:var(--surface-2);color:var(--text-1)}.btn.sm{height:30px;padding:0 10px;font-size:12.5px}.btn:disabled{opacity:.45;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow)}.cardpad{padding:16px 18px}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:16px}.tile{padding:15px 17px}.tile .lbl{font-size:12.5px;color:var(--text-2);margin-bottom:5px}.tile .fig{font-size:var(--fs-stat);font-weight:650;line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.tile .subl{font-size:12px;color:var(--text-3);margin-top:4px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-xs);font-weight:600;border-radius:var(--r-pill);padding:2px 9px;white-space:nowrap}.badge.good{background:var(--good-soft);color:var(--good-text)}.badge.warn{background:var(--warn-soft);color:var(--warn-text)}.badge.crit{background:var(--crit-soft);color:var(--crit)}.badge.info{background:var(--brand-soft);color:var(--brand)}.badge.neutral{background:var(--surface-2);color:var(--text-2);font-weight:500}.filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.searchbox{display:flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:0 11px;height:34px;min-width:230px}.searchbox input{border:none;outline:none;background:transparent;flex:1;font-size:13px}.chipgroup{display:inline-flex;flex-wrap:wrap;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--surface);max-width:100%}.chip{padding:6px 12px;font-size:12.5px;font-weight:500;color:var(--text-2);border-right:1px solid var(--border)}.chip:last-child{border-right:none}.chip:hover{background:var(--surface-2);color:var(--text-1)}.chip.on{background:var(--brand);color:var(--brand-ink)}table{width:100%;border-collapse:collapse;font-size:var(--fs-md)}thead th{text-align:left;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);font-weight:600;padding:9px 12px;border-bottom:1px solid var(--border)}.hscroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.hscroll::-webkit-scrollbar{height:9px}.hscroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}.hscroll::-webkit-scrollbar-track{background:transparent}.stickyfirst thead th:first-child,.stickyfirst tbody td:first-child{position:sticky;left:0;background:var(--surface);z-index:2}.stickyfirst thead th:first-child{z-index:3}.stickyfirst tbody tr:hover td:first-child{background:var(--surface-2)}.stickyfirst thead th:first-child:after,.stickyfirst tbody td:first-child:after{content:"";position:absolute;top:0;right:-9px;bottom:0;width:9px;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.16),transparent)}.stickyfirst .tfoot{position:sticky;left:0}tbody td{padding:9px 12px;border-bottom:1px solid var(--border);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr{cursor:pointer}tbody tr{transition:background .12s}tbody tr:hover{background:var(--surface-2)}.tfoot{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:12.5px;color:var(--text-3)}td.r,th.r{text-align:right}td.c,th.c{text-align:center}tr.dt-section td{background:var(--surface-2);color:var(--text-2);font-size:var(--fs-sm);font-weight:600;padding:7px 12px}tr.dt-section,tr.dt-empty{cursor:default}tr.dt-section:hover,tr.dt-empty:hover{background:transparent}tr.dt-empty td{color:var(--text-3);padding:18px 12px;text-align:center}table.dense tbody td{padding:6px 12px}table.dense thead th{padding:7px 12px}.dt-scroll thead th{position:sticky;top:0;background:var(--surface);z-index:1}.pchip{display:flex;align-items:center;gap:10px}.avatar{width:28px;height:28px;border-radius:999px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:11px;font-weight:700;flex:none}.pchip .nm{font-weight:600}.pchip small{display:block;color:var(--text-3);font-size:11.5px;font-weight:400}.meter{display:flex;align-items:center;gap:10px}.meter .track{flex:1;height:8px;border-radius:4px;background:var(--seq-track);overflow:hidden}.meter .fill{height:100%;border-radius:4px;background:var(--seq)}.answers{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:10px;margin-bottom:16px}.ans{padding:12px 14px}.ans .k{font-size:11.5px;color:var(--text-3);margin-bottom:2px}.ans .v{font-size:13.5px;font-weight:600;line-height:1.35}.ans .v small{display:block;font-weight:400;color:var(--text-3);font-size:11.5px}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:14px;overflow-x:auto}.tab{padding:8px 13px;font-size:13.5px;font-weight:550;color:var(--text-2);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.tab:hover{color:var(--text-1)}.tab.on{color:var(--brand);border-bottom-color:var(--brand)}.kv{display:flex;justify-content:space-between;gap:14px;padding:7px 0;border-bottom:1px solid var(--border);font-size:13.5px}.kv:last-child{border-bottom:none}.kv .k{color:var(--text-3);flex:0 1 auto;min-width:0}.kv .v{font-weight:550;text-align:right;max-width:72%;overflow-wrap:anywhere}.cat{font-size:12px;letter-spacing:.03em;text-transform:uppercase;color:var(--text-3);font-weight:650;margin:16px 0 4px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:900px){.twocol{grid-template-columns:1fr}.app{grid-template-columns:64px 1fr}.side .navlabel,.side .navgroup,.side .count{display:none}}@media(max-width:700px){.app{overflow-x:hidden}.topbar{padding:0 12px;gap:8px}.logo{min-width:0;gap:8px}.logo span{display:none}.logo b{font-size:13px}.userchip{gap:7px}.userchip small{display:none}main{padding:14px 12px 60px}}@media(max-width:480px){.userchip>div:first-child{display:none}}.tabbar{display:none}@media(max-width:640px){.app{grid-template-columns:1fr}.side{display:none}main{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.tabbar{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.tabbar .tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:54px;padding:7px 2px;border:0;background:none;color:var(--text-3);font-size:10.5px;font-weight:550;line-height:1.1}.tabbar .tab.active{color:var(--brand)}.tabbar .tablabel{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabbar .tabicon{font-size:16px;line-height:1;position:relative;display:inline-flex;align-items:center;justify-content:center;height:22px}.tabbar .tabicon .count{position:absolute;top:-6px;left:10px;background:var(--warn,#b58900);color:#fff;font-size:9.5px;font-weight:700;border-radius:999px;padding:0 4px;min-width:15px;line-height:15px;text-align:center}}.sheetback{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#00000073}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:41;background:var(--surface);border-top:1px solid var(--border);border-radius:14px 14px 0 0;box-shadow:0 -10px 30px #00000047;padding:10px 8px calc(10px + env(safe-area-inset-bottom))}.sheetitem{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:13px 14px;border-radius:10px;border:0;background:none;color:var(--text-2);font-size:14.5px;font-weight:500}.sheetitem:hover{background:var(--surface-2)}.sheetitem.active{background:var(--brand-soft);color:var(--brand)}.logrow{display:grid;grid-template-columns:150px 190px minmax(0,1fr) auto;gap:12px;align-items:baseline}.logrow>*{min-width:0}@media(max-width:640px){.logrow{grid-template-columns:minmax(0,1fr);gap:3px;align-items:start}.logrow time{white-space:normal}.logrow{overflow-wrap:anywhere}}@media(pointer:coarse){.btn,.btn.sm{height:40px}.btn.sm{padding:0 12px}.iconbtn{width:40px;height:40px}.chip{padding:10px 14px}select,textarea{min-height:40px}.searchbox{height:40px}input:not([type=checkbox]):not([type=radio]){min-height:40px}.searchbox input{min-height:0}summary{min-height:36px;display:flex;align-items:center}input[type=checkbox],input[type=radio]{width:24px;height:24px;margin:6px;flex:none}main button:not([class]){min-height:36px;min-width:36px}}@media(max-width:640px){.chipgroup{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.chipgroup::-webkit-scrollbar{display:none}.chip{white-space:nowrap}}.center{min-height:100vh;display:grid;place-items:center;padding:20px;background:var(--bg)}.logincard{width:100%;max-width:400px;text-align:center}.skeleton{background:var(--surface-2);border-radius:6px;animation:pulse 1.4s ease-in-out infinite;color:transparent}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.empty{padding:36px;text-align:center;color:var(--text-3);font-size:13.5px}.errbox{background:var(--crit-soft);border:1px solid var(--crit);color:var(--crit);border-radius:8px;padding:10px 13px;font-size:13px}.tile.clickable{cursor:pointer;transition:border-color .15s ease,background .15s ease}.tile.clickable:hover{border-color:var(--text-3);background:var(--surface-2)}.tile.active{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.tile .tilefoot{font-size:11.5px;margin-top:8px;display:flex;gap:10px;flex-wrap:wrap}.tile .tilefoot a,.tile .subl a{color:var(--brand);cursor:pointer}.tile .tilefoot a:hover,.tile .subl a:hover{text-decoration:underline}.actmenu{position:absolute;top:calc(100% + 6px);right:0;z-index:60;min-width:290px;max-width:360px;padding:6px 0;box-shadow:0 14px 40px #00000047}.actmenu-backdrop{display:none}.actmenu-group{padding:4px 0}.actmenu-group+.actmenu-group{border-top:1px solid var(--border)}.actmenu-head{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);padding:4px 14px 2px}.actmenu-item{display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;text-align:left;padding:8px 14px;font-size:13.5px;font-weight:550;color:var(--text-1);background:transparent;border:0;border-radius:0;cursor:pointer}.actmenu-item:hover:not(:disabled){background:var(--surface-2)}.actmenu-item:disabled{opacity:.55;cursor:not-allowed}.actmenu-why{font-size:11.5px;font-weight:400;color:var(--text-3);line-height:1.35}@media(max-width:640px){.actmenu-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:59}.actmenu{position:fixed;left:0;right:0;bottom:0;top:auto;min-width:0;max-width:none;border-radius:14px 14px 0 0;max-height:78vh;overflow:auto;padding:10px 0 calc(10px + env(safe-area-inset-bottom))}.actmenu-item{padding:12px 18px;min-height:44px}}.phone-only{display:none}.cardhead{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px}.cardhead-text{min-width:0;flex:1}.helpbtn{width:18px;height:18px;border-radius:999px;border:1px solid var(--border);color:var(--text-3);font-size:11px;font-weight:700;line-height:1;display:inline-grid;place-items:center;padding:0;flex:none;background:var(--surface)}.helpbtn:hover,.helpbtn.on{color:var(--brand);border-color:var(--brand)}.toasts{position:fixed;right:18px;bottom:18px;z-index:200;display:flex;flex-direction:column;gap:8px;max-width:min(420px,calc(100vw - 36px));pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:10px;padding:11px 13px;border-radius:var(--r-card);background:var(--surface);border:1px solid var(--border);box-shadow:0 10px 30px #0000002e;font-size:13px;line-height:1.45;animation:toast-in .18s ease-out}.toast .ico{margin-top:2px}.toast.good .ico{color:var(--good)}.toast.bad{border-color:var(--crit)}.toast.bad .ico{color:var(--crit)}.toast.warn .ico{color:var(--warn)}.toast .btn{margin-left:auto;flex:none}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}[data-theme=dark] .toast{box-shadow:0 10px 30px #00000080}.pageskel .skeleton{display:block}.emailrows{display:flex;flex-direction:column}.emailrow{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--border)}.emailrow:first-child{border-top:none;padding-top:4px}.emailrow-main{min-width:0;flex:1}.emailrow-actions{display:flex;gap:6px;flex:none;flex-wrap:wrap;justify-content:flex-end}.editor{width:min(1180px,100%);max-height:calc(100dvh - 24px);display:flex;flex-direction:column;box-shadow:0 18px 50px #00000080}.editor-body{display:grid;grid-template-columns:minmax(300px,440px) minmax(0,1fr);gap:0;flex:1;min-height:0}.editor-fields{padding:14px 18px;overflow:auto;border-right:1px solid var(--border)}.editor-preview{padding:12px 14px;display:flex;flex-direction:column;min-height:0}.helpbox{background:var(--surface-2);border-radius:8px;padding:9px 12px;font-size:12.5px;line-height:1.5;color:var(--text-2);margin:2px 0 10px}.helpbox p{margin:0 0 6px}.helpbox p:last-child{margin-bottom:0}details.fold>summary{cursor:pointer;list-style:none;color:var(--brand);font-size:12.5px;display:inline-block;padding:2px 0}details.fold>summary::-webkit-details-marker{display:none}details.fold>summary:before{content:"▸ ";font-size:10px}details.fold[open]>summary:before{content:"▾ "}.quickactions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;flex:1}@media(max-width:640px){.phone-hide{display:none!important}.phone-only{display:inline}.kv{flex-wrap:wrap;row-gap:2px}.kv .k{flex:0 1 auto;max-width:100%}.kv>:not(.k){margin-left:auto;max-width:100%;min-width:0}.kv .v{max-width:100%}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile{padding:12px 13px}.tile .fig{font-size:23px}.answers{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ans{padding:10px 12px}.ans .v,.ans .v small{overflow-wrap:anywhere}.hscroll>table:has(tr:first-child>:nth-child(3)){min-width:520px}.hscroll>table:has(tr:first-child>:nth-child(4)){min-width:640px}.hscroll>table:has(tr:first-child>:nth-child(5)){min-width:760px}.hscroll>table:has(tr:first-child>:nth-child(7)){min-width:900px}.stickyfirst tbody td:first-child{max-width:230px}.stickyfirst .pchip{max-width:200px}.stickyfirst .pchip>div{min-width:0}.stickyfirst .pchip small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.filters .searchbox{flex:1 1 100%;min-width:0}.pagehead{gap:8px 10px;margin-bottom:12px}.pagehead h1{font-size:19px}main select,main input:not([type=checkbox]):not([type=radio]),main textarea{max-width:100%}main code,main pre{overflow-wrap:anywhere}.cardhead{flex-wrap:wrap}.cardhead>.cardhead-text{flex:1 1 100%}.cardhead>:not(.cardhead-text){margin-left:auto}.personhead{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px 10px;align-items:center}.personhead>.avatar{width:40px!important;height:40px!important;font-size:15px!important}.personhead .personhead-name{display:contents}.personhead .personhead-name h1{font-size:18px;overflow-wrap:anywhere;grid-column:2;grid-row:1;line-height:1.2}.personhead .personhead-badges{grid-column:1 / -1;grid-row:2;margin-top:0!important}.personhead>.spacer{display:none}.personhead .personhead-sync{grid-column:3;grid-row:1}.actions-card>.actions-head{flex:1 1 100%;min-width:0!important}.actions-card>.quickactions{flex:1 1 100%}.quickactions>.btn{flex:1 1 calc(50% - 8px);justify-content:center;padding:0 8px;white-space:nowrap}.quickactions>div{flex:1 1 calc(50% - 8px)}.quickactions>div>.btn{width:100%;justify-content:center}.actions-card>.btn.ghost{flex:1 1 100%;justify-content:center}.ctlrow>*{flex:1 1 100%}.ctlrow>.btn{flex:1 1 100%}.toasts{right:10px;left:10px;bottom:calc(64px + env(safe-area-inset-bottom));max-width:none}.emailrow{flex-wrap:wrap}.emailrow-main{flex:1 1 100%}.emailrow-actions{flex:1 1 100%;justify-content:stretch}.emailrow-actions>.btn{flex:1 1 calc(50% - 6px);justify-content:center}.editor{max-height:calc(100dvh - 16px)}.editor-body{grid-template-columns:minmax(0,1fr);overflow:auto}.editor-fields{border-right:none;border-bottom:1px solid var(--border);overflow:visible}.editor-preview{min-height:480px}}
