:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--bg-side:#f7f7f5;--bg-subtle:#fbfbfa;--bg-hover:#37352f0f;--bg-active:#37352f1a;--bg-input:#f2f1ee99;--border:#ebebe9;--border-strong:#dcdcd8;--text:#37352f;--text-2:#5f5e5b;--muted:#91918e;--accent:#2383e2;--accent-hover:#0f6fc7;--accent-bg:#2383e21a;--accent-fg:#fff;--danger:#d44c47;--ok:#448361;--warn:#cb912f;--shadow-pop:0 0 0 1px #0f0f0f0d, 0 3px 6px #0f0f0f14, 0 9px 24px #0f0f0f29;--shadow-card:0 1px 2px #0f0f0f0a;--gray-bg:#e9e9e7;--gray-fg:#4b4a46;--blue-bg:#d8e8f5;--blue-fg:#1c4f7a;--green-bg:#dcede1;--green-fg:#1f5132;--yellow-bg:#f9ecc8;--yellow-fg:#6a4b0f;--orange-bg:#fbe0cc;--orange-fg:#7a3d10;--red-bg:#fde2de;--red-fg:#8a2019;--purple-bg:#ebe2f3;--purple-fg:#4f2a6e;--pink-bg:#f7e1eb;--pink-fg:#74254a;--heat-0:#ebedf0;--heat-1:#b7d4f2;--heat-2:#6fa8e6;--heat-3:#2383e2;--font:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--r:6px;--side-w:244px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#191919;--bg-side:#202020;--bg-subtle:#1e1e1e;--bg-hover:#ffffff0e;--bg-active:#ffffff17;--bg-input:#ffffff0d;--border:#2c2c2c;--border-strong:#3a3a3a;--text:#e3e2df;--text-2:#b5b4b0;--muted:#858480;--accent:#3a93eb;--accent-hover:#5aa6f0;--accent-bg:#3a93eb29;--danger:#e8716c;--ok:#6cb488;--warn:#d9a74a;--shadow-pop:0 0 0 1px #ffffff14, 0 3px 6px #0006, 0 9px 24px #00000080;--shadow-card:none;--gray-bg:#353535;--gray-fg:#cfcfcc;--blue-bg:#203a55;--blue-fg:#a9cff3;--green-bg:#213b2b;--green-fg:#a8dcb9;--yellow-bg:#463a1f;--yellow-fg:#eed48d;--orange-bg:#4b321f;--orange-fg:#f5c19c;--red-bg:#4d2522;--red-fg:#f7b3ab;--purple-bg:#3a2b4d;--purple-fg:#d7c2f1;--pink-bg:#47273a;--pink-fg:#f1bdd6;--heat-0:#2a2a2a;--heat-1:#1f3f60;--heat-2:#2c6aa8;--heat-3:#4ea0f0}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#191919;--bg-side:#202020;--bg-subtle:#1e1e1e;--bg-hover:#ffffff0e;--bg-active:#ffffff17;--bg-input:#ffffff0d;--border:#2c2c2c;--border-strong:#3a3a3a;--text:#e3e2df;--text-2:#b5b4b0;--muted:#858480;--accent:#3a93eb;--accent-hover:#5aa6f0;--accent-bg:#3a93eb29;--danger:#e8716c;--ok:#6cb488;--warn:#d9a74a;--shadow-pop:0 0 0 1px #ffffff14, 0 3px 6px #0006, 0 9px 24px #00000080;--shadow-card:none;--gray-bg:#353535;--gray-fg:#cfcfcc;--blue-bg:#203a55;--blue-fg:#a9cff3;--green-bg:#213b2b;--green-fg:#a8dcb9;--yellow-bg:#463a1f;--yellow-fg:#eed48d;--orange-bg:#4b321f;--orange-fg:#f5c19c;--red-bg:#4d2522;--red-fg:#f7b3ab;--purple-bg:#3a2b4d;--purple-fg:#d7c2f1;--pink-bg:#47273a;--pink-fg:#f1bdd6;--heat-0:#2a2a2a;--heat-1:#1f3f60;--heat-2:#2c6aa8;--heat-3:#4ea0f0}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a.link,.link{color:var(--accent);cursor:pointer}a.link:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-radius:4px}.muted{color:var(--muted)}.sub{color:var(--text-2)}.small{font-size:12.5px}.mono{font-family:var(--mono);font-size:12.5px}.grow{flex:1;min-width:0}.row-flex{align-items:center;gap:8px;min-width:0;display:flex}.wrap{flex-wrap:wrap}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hidden{display:none!important}svg.lucide{flex-shrink:0}.app{grid-template-columns:var(--side-w) 1fr;height:100vh;display:grid;overflow:hidden}.sidebar{background:var(--bg-side);border-right:1px solid var(--border);flex-direction:column;min-height:0;padding:10px 8px;display:flex}.side-head{align-items:center;gap:9px;padding:4px 8px 12px;display:flex}.brand-mark{background:var(--text);width:24px;height:24px;color:var(--bg);letter-spacing:-.02em;border-radius:6px;place-items:center;font-size:12px;font-weight:700;display:grid}.brand-name{font-size:14px;font-weight:600}.brand-db{color:var(--muted);font-size:12px}.side-scroll{flex:1;min-height:0;overflow:auto}.side-label{color:var(--muted);letter-spacing:.02em;padding:14px 10px 4px;font-size:11.5px;font-weight:600}.side-item{border-radius:var(--r);width:100%;color:var(--text-2);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:9px;padding:5px 10px;font-size:14px;display:flex}.side-item:hover{background:var(--bg-hover);color:var(--text)}.side-item.on{background:var(--bg-active);color:var(--text);font-weight:600}.side-item .count{color:var(--muted);margin-left:auto;font-size:12px;font-weight:500}.side-item .count.hot{color:var(--accent-fg);background:var(--accent);text-align:center;border-radius:9px;min-width:18px;padding:0 6px}.side-foot{border-top:1px solid var(--border);flex-direction:column;gap:2px;margin-top:8px;padding-top:8px;display:flex}.sync{color:var(--muted);align-items:center;gap:7px;padding:4px 10px;font-size:12px;display:flex}.sync .dot{background:var(--ok);border-radius:50%;width:7px;height:7px}.sync.saving .dot,.sync.loading .dot{background:var(--warn)}.sync.error .dot{background:var(--danger)}.main{min-width:0;position:relative;overflow:auto}.mobile-bar{display:none}.page{max-width:1120px;margin:0 auto;padding:26px 44px 90px}.page.narrow{max-width:900px}.page-head{flex-wrap:wrap;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.page-title{letter-spacing:-.015em;margin:0;font-size:26px;font-weight:700;line-height:1.25}.page-desc{color:var(--text-2);max-width:72ch;margin:4px 0 0}.crumbs{color:var(--muted);align-items:center;gap:6px;margin-bottom:14px;font-size:13px;display:flex}.crumbs a:hover{color:var(--text)}.btn{border-radius:var(--r);border:1px solid var(--border-strong);background:var(--bg);height:30px;color:var(--text);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:0 11px;font-size:13.5px;font-weight:500;display:inline-flex}.btn:hover{background:var(--bg-hover)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.ghost{color:var(--text-2);background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--bg-hover);color:var(--text)}.btn.danger{color:var(--danger)}.btn.sm{gap:5px;height:26px;padding:0 8px;font-size:12.5px}.icon-btn{border-radius:var(--r);width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--bg-hover);color:var(--text)}.icon-btn.sm{width:22px;height:22px}.btn-group{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.input,.select,.textarea{border:1px solid var(--border-strong);background:var(--bg);border-radius:var(--r);width:100%;min-height:32px;padding:6px 9px;font-size:14px}.input:focus,.select:focus,.textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:#0000}.textarea{resize:vertical;min-height:80px;line-height:1.5}.search{border:1px solid var(--border-strong);border-radius:var(--r);background:var(--bg);min-width:220px;height:30px;color:var(--muted);align-items:center;gap:6px;padding:0 9px;display:flex}.search input{color:var(--text);background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:13.5px}.field{flex-direction:column;gap:5px;display:flex}.field>label{color:var(--text-2);font-size:12.5px;font-weight:600}.field .hint{color:var(--muted);font-size:12px}.fields{grid-template-columns:1fr 1fr;gap:12px 14px;display:grid}.fields .span2{grid-column:span 2}.pill{white-space:nowrap;background:var(--gray-bg);height:22px;color:var(--gray-fg);border:0;border-radius:4px;align-items:center;gap:4px;padding:0 8px;font-size:12.5px;font-weight:500;line-height:1;display:inline-flex}.pill.round{border-radius:11px}.tone-gray{background:var(--gray-bg);color:var(--gray-fg)}.tone-blue{background:var(--blue-bg);color:var(--blue-fg)}.tone-green{background:var(--green-bg);color:var(--green-fg)}.tone-yellow{background:var(--yellow-bg);color:var(--yellow-fg)}.tone-orange{background:var(--orange-bg);color:var(--orange-fg)}.tone-red{background:var(--red-bg);color:var(--red-fg)}.tone-purple{background:var(--purple-bg);color:var(--purple-fg)}.tone-pink{background:var(--pink-bg);color:var(--pink-fg)}select.pill{appearance:none;cursor:pointer;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 10px) 9px,calc(100% - 6px) 9px;background-repeat:no-repeat;background-size:4px 4px;padding-right:20px}select.pill option{background:var(--bg);color:var(--text)}.tag{background:var(--bg-active);height:20px;color:var(--text-2);white-space:nowrap;border-radius:4px;align-items:center;gap:3px;padding:0 7px;font-size:12px;display:inline-flex}.agent-badge{color:var(--purple-fg);background:var(--purple-bg);border-radius:4px;align-items:center;gap:3px;height:18px;padding:0 5px;font-size:11.5px;font-weight:600;display:inline-flex}.when{color:var(--muted);white-space:nowrap;font-size:12.5px}.when.over{color:var(--danger);font-weight:600}.when.soon{color:var(--warn);font-weight:600}.kbd{font:11px var(--mono);border:1px solid var(--border-strong);color:var(--text-2);background:var(--bg-subtle);border-bottom-width:2px;border-radius:4px;padding:0 4px}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.tabs{border-bottom:1px solid var(--border);gap:2px;margin-bottom:0;display:flex;overflow-x:auto}.tab{color:var(--text-2);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:8px 10px;font-size:13.5px;display:inline-flex}.tab:hover{color:var(--text)}.tab.on{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.tab .n{background:var(--bg-active);color:var(--text-2);border-radius:9px;padding:0 6px;font-size:12px;font-weight:500}.list{border:1px solid var(--border);background:var(--bg);box-shadow:var(--shadow-card);border-radius:8px;overflow:hidden}.list-head{background:var(--bg-subtle);border-bottom:1px solid var(--border);color:var(--text-2);align-items:center;gap:10px;padding:8px 14px;font-size:12.5px;font-weight:600;display:flex}.list-row{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:12px;min-height:48px;padding:9px 14px;display:flex}.list-row:last-child{border-bottom:0}.list-row:hover{background:var(--bg-hover)}.list-row .primary{font-size:14px;font-weight:600}.list-row .secondary{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:6px;margin-top:1px;font-size:12.5px;display:flex}.list-row .cells{flex-shrink:0;align-items:center;gap:12px;display:flex}.cell-w{justify-content:flex-end;width:110px;display:flex}.group-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:8px;margin:22px 0 8px;font-size:12px;font-weight:600;display:flex}.group-label:first-child{margin-top:4px}.logo{background:var(--gray-bg);width:28px;height:28px;color:var(--gray-fg);border:1px solid var(--border);background-position:50%;background-repeat:no-repeat;background-size:70%;border-radius:6px;flex-shrink:0;place-items:center;font-size:11px;font-weight:700;display:grid;overflow:hidden}.logo.has{color:#0000;background-color:#fff}.logo.lg{border-radius:9px;width:44px;height:44px;font-size:15px}.logo.sm{border-radius:4px;width:20px;height:20px;font-size:9px}.avatar{border-radius:50%}.empty{border:1px dashed var(--border-strong);text-align:center;color:var(--text-2);border-radius:8px;padding:34px 20px}.empty b{color:var(--text);margin-bottom:4px;font-size:15px;display:block}.empty .btn-group{justify-content:center;margin-top:14px}.record-head{align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.title-input{letter-spacing:-.015em;resize:none;background:0 0;border:0;outline:0;width:100%;padding:0;font-size:28px;font-weight:700;line-height:1.25;overflow:hidden}.title-input:focus{outline:0}.record-actions{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.record-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:36px;display:grid}.record-grid.single{grid-template-columns:minmax(0,1fr)}.props{flex-direction:column;gap:1px;display:flex}.prop{grid-template-columns:130px minmax(0,1fr);align-items:center;gap:6px;min-height:32px;display:grid}.prop-label{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.prop-value{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.aside .props .prop{grid-template-columns:110px minmax(0,1fr)}.inline{background:0 0;border:1px solid #0000;border-radius:4px;width:100%;min-height:28px;margin-left:-6px;padding:3px 6px;font-size:13.5px}.inline:hover{background:var(--bg-hover)}.inline:focus{background:var(--bg);border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-bg);outline:0}.inline::placeholder{color:var(--muted)}select.inline{cursor:pointer}.inline-date{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.inline-date input[type=date]{color:var(--text);background:0 0;border:1px solid #0000;border-radius:4px;margin-left:-5px;padding:2px 5px;font-size:13px}.inline-date input[type=date]:hover{background:var(--bg-hover)}.inline-date input[type=date]:focus{border-color:var(--accent);outline:0}.date-empty{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;margin-left:-6px;padding:3px 6px;font-size:13.5px}.date-empty:hover{background:var(--bg-hover);color:var(--text-2)}.inline-date.has .chip-btn{display:none}.inline-date.has:hover .chip-btn,.inline-date.has:focus-within .chip-btn{display:inline-block}.inline-date .clear{opacity:0}.inline-date:hover .clear,.inline-date:focus-within .clear{opacity:1}.chip-btn{border:1px solid var(--border);color:var(--text-2);cursor:pointer;background:0 0;border-radius:4px;height:20px;padding:0 5px;font-size:11.5px;line-height:1}.chip-btn:hover{background:var(--bg-hover);color:var(--text)}.section{margin-top:26px}.section-head{align-items:center;gap:8px;min-height:26px;margin-bottom:8px;display:flex}.section-title{color:var(--text-2);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.section-head .grow+*{margin-left:auto}.card{border:1px solid var(--border);background:var(--bg);box-shadow:var(--shadow-card);border-radius:8px;padding:14px 16px}.callout{background:var(--bg-subtle);border:1px solid var(--border);color:var(--text-2);border-radius:8px;gap:10px;padding:12px 14px;font-size:13.5px;display:flex}.callout.agent{background:var(--purple-bg);color:var(--purple-fg);border-color:#0000}.callout.warn{background:var(--yellow-bg);color:var(--yellow-fg);border-color:#0000}.prose{white-space:pre-wrap;overflow-wrap:anywhere}.notes{resize:vertical;background:0 0;border:1px solid #0000;border-radius:6px;width:100%;min-height:64px;margin-left:-10px;padding:8px 10px;font-size:14px;line-height:1.6}.notes:hover{background:var(--bg-hover)}.notes:focus{border-color:var(--border-strong);background:var(--bg);outline:0}.checklist{margin:0;padding:0;list-style:none}.check{border-radius:5px;align-items:flex-start;gap:9px;padding:5px 4px;display:flex}.check:hover{background:var(--bg-hover)}.check input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;flex-shrink:0;margin-top:2px}.check .txt{flex:1;min-width:0;font-size:14px}.check.done .txt{color:var(--muted);text-decoration:line-through}.check .acts{opacity:0;gap:2px;display:flex}.check:hover .acts,.check:focus-within .acts{opacity:1}.add-row{align-items:center;gap:6px;margin-top:6px;display:flex}.add-row .input{height:30px;min-height:30px;font-size:13.5px}.progress{background:var(--bg-active);border-radius:3px;height:5px;overflow:hidden}.progress>i{background:var(--ok);border-radius:3px;height:100%;transition:width .3s;display:block}.progress.blue>i{background:var(--accent)}.progress.purple>i{background:var(--purple-fg)}.link-chip{border:1px solid var(--border-strong);height:26px;color:var(--text);border-radius:13px;align-items:center;gap:5px;max-width:100%;padding:0 9px;font-size:12.5px;display:inline-flex}.link-chip:hover{background:var(--bg-hover)}.link-chip img{border-radius:3px;width:14px;height:14px}.timeline{margin:0;padding:0;list-style:none;position:relative}.timeline li{gap:10px;padding:6px 0;font-size:13.5px;display:flex;position:relative}.timeline .dot{background:var(--bg-active);width:22px;height:22px;color:var(--text-2);z-index:1;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.timeline .dot.agent{background:var(--purple-bg);color:var(--purple-fg)}.timeline li:not(:last-child):before{content:"";background:var(--border);width:1px;position:absolute;top:28px;bottom:-6px;left:10.5px}.stages{border:1px solid var(--border-strong);border-radius:var(--r);max-width:100%;display:inline-flex;overflow:hidden}.stages button{border:0;border-right:1px solid var(--border);background:var(--bg);color:var(--text-2);cursor:pointer;white-space:nowrap;padding:4px 10px;font-size:12.5px}.stages button:last-child{border-right:0}.stages button:hover{background:var(--bg-hover);color:var(--text)}.stages button.past{background:var(--accent-bg);color:var(--accent)}.stages button.on{background:var(--accent);color:var(--accent-fg);font-weight:600}.inbox{grid-template-columns:minmax(340px,430px) minmax(0,1fr);height:100%;display:grid}.inbox-list{border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex;overflow:auto}.inbox-top{border-bottom:1px solid var(--border);background:var(--bg);z-index:2;padding:18px 16px 10px;position:sticky;top:0}.inbox-top h1{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:700}.filters{flex-wrap:wrap;gap:4px;margin-top:10px;display:flex}.filter{border:1px solid var(--border);background:var(--bg);height:25px;color:var(--text-2);cursor:pointer;border-radius:13px;align-items:center;gap:5px;padding:0 9px;font-size:12.5px;display:inline-flex}.filter:hover{background:var(--bg-hover)}.filter.on{background:var(--text);color:var(--bg);border-color:var(--text)}.filter .n{opacity:.7}.inbox-group{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;text-align:left;cursor:default;background:0 0;border:0;align-items:center;gap:6px;width:100%;padding:14px 16px 5px;font-size:11.5px;font-weight:700;display:flex}button.inbox-group{cursor:pointer}button.inbox-group:hover{color:var(--text)}.inbox-item{cursor:pointer;border-left:3px solid #0000;align-items:flex-start;gap:10px;padding:9px 16px 9px 12px;display:flex}.inbox-item:hover{background:var(--bg-hover)}.inbox-item.sel{background:var(--accent-bg);border-left-color:var(--accent)}.inbox-item .unread{background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:7px}.inbox-item .unread.read{background:0 0}.inbox-item .t{font-size:14px;line-height:1.35}.inbox-item.is-unread .t{font-weight:650}.inbox-item .s{color:var(--text-2);margin-top:2px;font-size:12.5px}.inbox-item .meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.inbox-preview{min-width:0;overflow:auto}.inbox-preview .page{padding-top:22px}.action-bar{border-bottom:1px solid var(--border);background:var(--bg);z-index:3;flex-wrap:wrap;align-items:center;gap:6px;min-height:51px;padding:10px 44px;display:flex;position:sticky;top:0}.action-bar .kind{margin-right:6px}.inbox-foot{color:var(--muted);border-top:1px solid var(--border);flex-wrap:wrap;gap:10px;margin-top:auto;padding:10px 16px;font-size:12px;display:flex}.inbox-empty{text-align:center;color:var(--text-2);padding:60px 30px}.inbox-empty .big{margin-bottom:8px;font-size:34px}.pace{border:1px solid var(--border);background:var(--bg-subtle);border-radius:8px;align-items:center;gap:10px;margin-top:12px;padding:8px 12px;display:flex}.pace .grow>div{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ring{flex-shrink:0;width:32px;height:32px}.ring .track{fill:none;stroke:var(--bg-active);stroke-width:5px}.ring .fill{fill:none;stroke:var(--accent);stroke-width:5px;stroke-linecap:round;transition:stroke-dashoffset .4s}.ring.met .fill{stroke:var(--ok)}.heat{flex-wrap:nowrap;gap:2px;display:flex}.heat i{background:var(--heat-0);border-radius:2px;width:7px;height:16px;display:block}.heat i[data-l="1"]{background:var(--heat-1)}.heat i[data-l="2"]{background:var(--heat-2)}.heat i[data-l="3"]{background:var(--heat-3)}.heat i.today{box-shadow:inset 0 -3px 0 var(--text-2)}.cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;display:grid}.tile{border:1px solid var(--border);background:var(--bg);cursor:pointer;box-shadow:var(--shadow-card);border-radius:8px;flex-direction:column;gap:8px;min-width:0;padding:14px 15px;display:flex}.tile:hover{border-color:var(--border-strong);background:var(--bg-subtle)}.tile h3{margin:0;font-size:15px;font-weight:600;line-height:1.3}.bar-cell{align-items:center;gap:8px;width:150px;display:flex}.bar-cell .progress{flex:1}.flag{font-size:20px;line-height:1}.flag.lg{font-size:34px}.backdrop{z-index:100;background:#0f0f0f59;justify-content:center;align-items:flex-start;padding:10vh 16px 16px;display:flex;position:fixed;inset:0;overflow:auto}.modal{background:var(--bg);box-shadow:var(--shadow-pop);border-radius:10px;width:100%;max-width:560px}.modal-head{align-items:center;gap:8px;padding:14px 18px 0;display:flex}.modal-head h2{margin:0;font-size:16px}.modal-body{padding:14px 18px}.modal-foot{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:8px;padding:12px 18px;display:flex}.menu{z-index:60;background:var(--bg);box-shadow:var(--shadow-pop);border-radius:8px;min-width:190px;padding:5px;position:absolute}.menu button{cursor:pointer;text-align:left;width:100%;color:var(--text);background:0 0;border:0;border-radius:5px;align-items:center;gap:9px;padding:6px 9px;font-size:13.5px;display:flex}.menu button:hover{background:var(--bg-hover)}.menu .sep{background:var(--border);height:1px;margin:4px 0}.toasts{z-index:200;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.toast{background:var(--text);color:var(--bg);box-shadow:var(--shadow-pop);border-radius:8px;max-width:min(560px,92vw);padding:8px 14px;font-size:13.5px;animation:.18s ease-out rise}.toast.error{background:var(--danger);color:#fff}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.tag-input{flex-wrap:wrap;align-items:center;gap:4px;min-height:28px;display:flex}.tag-input input{background:0 0;border:0;outline:0;flex:1;min-width:90px;padding:2px 0;font-size:13px}.tag-input .tag button{cursor:pointer;color:inherit;opacity:.6;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.tag-input .tag button:hover{opacity:1}.connect{background:var(--bg-side);place-items:center;min-height:100vh;padding:30px 16px;display:grid}.connect-card{background:var(--bg);border:1px solid var(--border);width:100%;max-width:520px;box-shadow:var(--shadow-card);border-radius:12px;padding:30px}.connect-card h1{letter-spacing:-.01em;margin:14px 0 4px;font-size:22px}.connect-card pre,.code{background:var(--bg-subtle);border:1px solid var(--border);font:12.5px/1.55 var(--mono);white-space:pre;border-radius:6px;margin:6px 0 0;padding:10px 12px;overflow-x:auto}.error-box{background:var(--red-bg);color:var(--red-fg);overflow-wrap:anywhere;border-radius:6px;padding:9px 12px;font-size:13px}details summary{cursor:pointer;color:var(--text-2);font-size:13px}@media (width<=1180px){.record-grid{grid-template-columns:minmax(0,1fr);gap:8px}.aside{order:-1}}@media (width<=1000px){.inbox{grid-template-columns:minmax(0,1fr)}.inbox.has-sel .inbox-list,.inbox:not(.has-sel) .inbox-preview{display:none}.action-bar{padding:10px 16px}}@media (width<=860px){.app{grid-template-columns:minmax(0,1fr)}.sidebar{z-index:90;width:270px;box-shadow:var(--shadow-pop);transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.app.nav-open .sidebar{transform:none}.app.nav-open:after{content:"";z-index:80;background:#0000004d;position:fixed;inset:0}.mobile-bar{border-bottom:1px solid var(--border);background:var(--bg);z-index:20;align-items:center;gap:8px;padding:8px 12px;display:flex;position:sticky;top:0}.page{padding:18px 16px 70px}.fields{grid-template-columns:1fr}.fields .span2{grid-column:span 1}.list-row .cells .hide-sm{display:none}.cell-w{width:auto}.search{flex:1;min-width:0}.prop{grid-template-columns:110px minmax(0,1fr)}.inbox-preview .page{padding-top:16px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
