@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=DM+Mono:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box}:root{--bg:#07080f;--bg1:#0d0f1a;--bg2:#12141f;--bg3:#181b28;--surface:#ffffff0a;--surface2:#ffffff12;--border:#ffffff12;--border2:#ffffff1f;--text:#e8eaf0;--muted:#7a7f8e;--muted2:#50546a;--blue:#4f8fff;--blue-dim:#4f8fff1f;--blue-glow:#4f8fff38;--teal:#2dd4bf;--amber:#f59e0b;--rose:#f43f5e;--green:#22c55e;--violet:#8b5cf6;--sidebar-w:252px;--topbar-h:56px;--r:10px;--r-lg:14px;--shadow:0 8px 32px #00000080}[data-theme=light]{--bg:#f0f2f8;--bg1:#f8f9fc;--bg2:#fff;--bg3:#eef0f7;--surface:#00000008;--surface2:#0000000f;--border:#00000014;--border2:#00000024;--text:#111827;--muted:#6b7280;--muted2:#9ca3af;--blue:#2563eb;--blue-dim:#2563eb14;--blue-glow:#2563eb2e;--teal:#0d9488;--amber:#d97706;--rose:#e11d48;--green:#16a34a;--violet:#7c3aed;--shadow:0 4px 20px #0000001a}html,body{min-height:100vh;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:DM Sans,system-ui,sans-serif;font-size:14px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:99px}.login-shell{background:radial-gradient(ellipse 60% 50% at 20% 20%, #4f8fff24 0%, transparent 70%), radial-gradient(ellipse 50% 40% at 80% 80%, #8b5cf61a 0%, transparent 70%), var(--bg);place-items:center;min-height:100vh;padding:2rem;display:grid}.login-box{border:1px solid var(--border2);width:100%;max-width:860px;box-shadow:var(--shadow);border-radius:20px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}@media (width<=640px){.login-box{grid-template-columns:1fr}.login-brand{display:none}}.login-brand{background:radial-gradient(ellipse 80% 60% at 30% 20%, #4f8fff2e 0%, transparent 70%), var(--bg1);flex-direction:column;justify-content:space-between;padding:3rem 2.5rem;display:flex}.lb-logo{align-items:center;gap:10px;display:flex}.lb-mark{background:var(--blue);color:#fff;letter-spacing:.02em;border-radius:10px;place-items:center;width:36px;height:36px;font-size:13px;font-weight:600;display:grid}.lb-name{font-size:15px;font-weight:600}.lb-hero{margin-top:auto}.lb-tagline{letter-spacing:-.02em;color:var(--text);margin-bottom:1.25rem;font-size:24px;font-weight:600;line-height:1.3}.lb-pills{flex-wrap:wrap;gap:8px;display:flex}.lb-pill{border:1px solid var(--border2);color:var(--muted);background:var(--surface2);border-radius:99px;padding:4px 10px;font-size:11px}.login-form-wrap{background:var(--bg2);flex-direction:column;justify-content:center;padding:3rem 2.5rem;display:flex}.login-role-tabs{background:var(--bg3);border-radius:var(--r);gap:6px;margin-bottom:1.75rem;padding:4px;display:flex}.lrt-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;padding:7px 10px;font-size:13px;font-weight:500;transition:all .15s}.lrt-btn.active{background:var(--bg2);color:var(--text);box-shadow:0 1px 4px #0003}.lf-title{letter-spacing:-.02em;margin-bottom:4px;font-size:20px;font-weight:600}.lf-sub{color:var(--muted);margin-bottom:1.75rem;font-size:13px}.lf-field{margin-bottom:14px}.lf-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:11px;font-weight:500;display:block}.lf-input{border-radius:var(--r);border:1px solid var(--border2);background:var(--bg3);width:100%;color:var(--text);outline:none;padding:9px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.lf-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-glow)}.lf-btn{border-radius:var(--r);background:var(--blue);color:#fff;cursor:pointer;border:none;width:100%;margin-top:6px;padding:10px;font-size:14px;font-weight:600;transition:opacity .15s,transform .15s}.lf-btn:hover{opacity:.9;transform:translateY(-1px)}.lf-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.lf-error{color:var(--rose);border-radius:var(--r);background:#f43f5e14;border:1px solid #f43f5e33;margin-top:8px;padding:8px 10px;font-size:12px}.lf-hint{color:var(--muted2);text-align:center;margin-top:12px;font-size:11px}.shell{background:var(--bg);height:100dvh;min-height:0;max-height:100dvh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--bg1);border-right:1px solid var(--border);z-index:10;flex-direction:column;flex-shrink:0;min-height:0;padding:0;display:flex;position:relative}.sb-brand{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:18px 16px 14px;display:flex}.sb-mark{background:var(--blue);color:#fff;border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:grid}.sb-name{font-size:14px;font-weight:600}.sb-sub{color:var(--muted);font-size:11px}.sb-user-card{border-radius:var(--r);background:var(--surface2);border:1px solid var(--border);margin:12px 10px;padding:10px 12px}.sb-role-badge{text-transform:uppercase;letter-spacing:.07em;border-radius:99px;align-items:center;gap:5px;margin-bottom:6px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-flex}.rb-admin{background:var(--blue-dim);color:var(--blue);border:1px solid #4f8fff40}.rb-sales{color:var(--green);background:#22c55e1a;border:1px solid #22c55e40}.sb-email{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.sb-nav{flex:1;padding:8px 10px;overflow-y:auto}.sb-section{text-transform:uppercase;letter-spacing:.1em;color:var(--muted2);padding:12px 8px 4px;font-size:10px;font-weight:600}.sb-link{color:var(--muted);cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:9px;margin-bottom:1px;padding:8px 10px;font-size:13px;font-weight:500;text-decoration:none;transition:all .12s;display:flex}.sb-link:hover{color:var(--text);background:var(--surface2)}.sb-link.active{color:var(--text);background:var(--blue-dim);border-color:#4f8fff33}.sb-icon{opacity:.7;flex-shrink:0;width:16px;height:16px}.sb-link.active .sb-icon{opacity:1}.sb-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.sb-bottom{border-top:1px solid var(--border);gap:6px;padding:12px 10px;display:flex}.sb-theme-btn{border:1px solid var(--border2);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:8px;flex:1;padding:7px 10px;font-size:12px;transition:all .12s}.sb-theme-btn:hover{color:var(--text);border-color:var(--border2)}.sb-signout-btn{color:var(--rose);cursor:pointer;background:#f43f5e0f;border:1px solid #f43f5e33;border-radius:8px;flex:1;padding:7px 10px;font-size:12px;font-weight:500;transition:all .12s}.sb-signout-btn:hover{background:#f43f5e1f}.sb-mobile-toggle{z-index:100;border:1px solid var(--border2);background:var(--bg2);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:16px;display:none;position:fixed;top:14px;left:14px}.sb-overlay{z-index:20;cursor:default;background:#00000080;border:none;display:none;position:fixed;inset:0}@media (width<=900px){.sb-mobile-toggle{display:flex}.sidebar{z-index:30;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-110%)}.sidebar[data-open=true]{transform:translate(0)}.sb-overlay{display:block}.sb-overlay[data-open=true]{pointer-events:auto}.sb-overlay:not([data-open=true]){pointer-events:none;opacity:0}}.main-wrap{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.topbar{height:var(--topbar-h);background:var(--bg1);border-bottom:1px solid var(--border);z-index:5;flex-shrink:0;align-items:center;gap:12px;padding:0 24px;display:flex}.tb-title{letter-spacing:-.01em;font-size:15px;font-weight:600}.tb-spacer{flex:1}.tb-search{border:1px solid var(--border2);background:var(--bg3);color:var(--text);border-radius:8px;outline:none;width:200px;padding:7px 12px;font-size:13px}.tb-search:focus{border-color:var(--blue)}.content{flex:1;min-height:0;padding:24px;overflow:auto}.page{width:100%;max-width:100%;margin:0;animation:.22s ease-out both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:20px;display:flex}.page-title{letter-spacing:-.02em;margin:0 0 4px;font-size:20px;font-weight:600}.page-subtitle{color:var(--muted);margin:0;font-size:13px}.page-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:20px;display:grid}.metric-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px 18px;transition:border-color .15s,transform .15s}.metric-card:hover{border-color:var(--border2);transform:translateY(-1px)}.mc-label{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:8px;font-size:11px;font-weight:600}.mc-value{letter-spacing:-.03em;font-size:26px;font-weight:600;line-height:1}.mc-delta{margin-top:6px;font-size:12px}.delta-up{color:var(--green)}.delta-down{color:var(--rose)}.delta-neu{color:var(--muted)}.panel{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-lg);margin-bottom:16px;overflow:hidden}.panel-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px 18px;display:flex}.panel-title{font-size:13px;font-weight:600}.panel-meta{color:var(--muted);margin-left:auto;font-size:12px}.account-filter-toggle{background:var(--bg3);border:1px solid var(--border);border-radius:var(--r-md);flex-wrap:wrap;gap:2px;padding:2px;display:inline-flex}.account-filter-toggle .btn-sm{border-radius:6px;padding:4px 10px;font-size:11px}.panel-body{padding:16px 18px}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:13px}.table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:1px solid var(--border);background:var(--bg3);white-space:nowrap;padding:9px 16px;font-size:11px;font-weight:600}.table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:11px 16px}.table tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:var(--surface)}.td-mono{font-family:DM Mono,ui-monospace,monospace;font-size:12px}.badge{border-radius:99px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-green{color:var(--green);background:#22c55e1a}.badge-blue{background:var(--blue-dim);color:var(--blue)}.badge-rose{color:var(--rose);background:#f43f5e1a}.badge-amber{color:var(--amber);background:#f59e0b1a}.badge-muted{background:var(--surface2);color:var(--muted)}.badge-violet{color:var(--violet);background:#8b5cf61a}.btn{border-radius:var(--r);background:var(--blue-dim);color:var(--blue);cursor:pointer;white-space:nowrap;border:1px solid #4f8fff4d;padding:8px 14px;font-size:13px;font-weight:600;transition:all .12s}.btn:hover{background:var(--blue-glow);border-color:var(--blue)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-solid{background:var(--blue);color:#fff;border-color:var(--blue)}.btn-solid:hover{opacity:.85}.btn-sm{border-radius:7px;padding:5px 10px;font-size:12px}.btn-ghost{border-color:var(--border2);color:var(--muted);background:0 0}.btn-ghost:hover{color:var(--text);border-color:var(--border2);background:var(--surface2)}.btn-danger{color:var(--rose);background:#f43f5e12;border-color:#f43f5e4d}.btn-danger:hover{background:#f43f5e24}.input{border-radius:var(--r);border:1px solid var(--border2);background:var(--bg3);color:var(--text);outline:none;padding:8px 12px;font-size:13px;transition:border-color .12s,box-shadow .12s}.input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-glow)}.input-wide{width:280px;max-width:100%}.pager{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.pager-info{color:var(--muted);font-size:12px}.alert{border-radius:var(--r);border:1px solid var(--border);margin-bottom:14px;padding:10px 14px;font-size:13px}.alert-error{color:var(--rose);background:#f43f5e12;border-color:#f43f5e40}.alert-info{background:var(--blue-dim);color:var(--blue);border-color:#4f8fff40}.no-access-wrap{position:relative}.no-access-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:var(--r-lg);z-index:5;background:#00000059;place-items:center;display:grid;position:absolute;inset:0}.no-access-card{background:var(--bg2);border:1px solid #f43f5e40;border-radius:14px;width:min(420px,92%);padding:16px 16px 14px;box-shadow:0 22px 60px #0000008c}.no-access-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--rose);align-items:center;gap:8px;margin-bottom:8px;font-size:10px;font-weight:800;display:inline-flex}.no-access-title{margin-bottom:4px;font-size:15px;font-weight:700}.no-access-sub{color:var(--muted);font-size:12px}.no-access-actions{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.skeleton-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:20px;display:grid}.skeleton-block{border-radius:var(--r-lg);background:var(--surface2);position:relative;overflow:hidden}.skeleton-block:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0f,#0000);animation:1.2s infinite shimmer;position:absolute;inset:-50% -40%}@keyframes shimmer{0%{transform:translate(-40%)}to{transform:translate(40%)}}.skeleton-card{height:90px}.skeleton-table{height:260px;margin-bottom:16px}.empty-state{text-align:center;color:var(--muted);padding:40px 20px}.empty-icon{opacity:.4;margin-bottom:10px;font-size:32px}.empty-title{color:var(--text);margin-bottom:4px;font-size:15px;font-weight:600}.empty-sub{font-size:13px}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}@media (width<=800px){.form-grid{grid-template-columns:1fr}}.field-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:5px;font-size:11px;font-weight:600;display:block}.field-row{align-items:center;gap:8px;display:flex}.section-divider{background:var(--border);height:1px;margin:16px 0}.section-title{margin-bottom:10px;font-size:13px;font-weight:600}.feature-grid{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.pill{border:1px solid var(--border2);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:99px;padding:5px 10px;font-size:12px;transition:all .12s}.pill:hover{color:var(--text)}.pill.active{background:var(--blue-dim);color:var(--blue);border-color:#4f8fff66}.inline-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.feature-split{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px;display:grid}@media (width<=900px){.feature-split{grid-template-columns:1fr}}.feature-split>div{border:1px solid var(--border);border-radius:var(--r);background:linear-gradient(#ffffff08,#0000);min-width:0;padding:10px}.feature-subtitle{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.feature-submeta{color:var(--muted2);letter-spacing:.02em;font-weight:600}.feature-empty{border-radius:var(--r);border:1px dashed var(--border2);color:var(--muted);background:linear-gradient(#ffffff08,#0000);padding:10px 12px;font-size:12px}.feature-dnd{flex-direction:column;gap:8px;display:flex}.feature-row-dnd{border-radius:var(--r);border:1px solid var(--border);background:radial-gradient(ellipse 80% 60% at 30% 10%, #4f8fff1a 0%, transparent 60%), var(--bg3);cursor:grab;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;min-width:0;padding:10px 12px;transition:transform .12s,border-color .12s,box-shadow .12s;display:grid;overflow:hidden}.feature-row-dnd:hover{border-color:var(--border2);transform:translateY(-1px);box-shadow:0 10px 28px #00000052}.feature-row-dnd.dragging{opacity:.85;cursor:grabbing;box-shadow:0 0 0 3px var(--blue-glow), 0 14px 36px #0000006b;border-color:#4f8fff59}.feature-handle{color:var(--muted2);text-align:center;-webkit-user-select:none;user-select:none;font-family:DM Mono,ui-monospace,monospace;line-height:1}.feature-main{min-width:0}.feature-key{letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;font-family:DM Mono,ui-monospace,monospace;font-size:12px;font-weight:600;overflow:hidden}.feature-desc{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.plans-grid{grid-template-columns:minmax(360px,1.05fr) minmax(620px,2.2fr);align-items:start;gap:16px;display:grid}@media (width<=1280px){.plans-grid{grid-template-columns:minmax(340px,1fr) minmax(560px,1.55fr)}}@media (width<=980px){.plans-grid{grid-template-columns:1fr}}.limit-row{grid-template-columns:1.4fr .7fr auto;gap:8px;margin-bottom:8px;display:grid}@media (width<=600px){.limit-row{grid-template-columns:1fr}}.pipeline-board{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}@media (width<=900px){.pipeline-board{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.pipeline-board{grid-template-columns:1fr}}.pipe-col{background:var(--bg3);border:1px solid var(--border);border-radius:var(--r-lg);padding:12px}.pipe-col-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.pipe-col-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:11px;font-weight:600}.pipe-col-count{background:var(--surface2);color:var(--muted);border-radius:99px;padding:2px 7px;font-size:11px;font-weight:600}.pipe-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);cursor:pointer;margin-bottom:8px;padding:10px 12px;transition:border-color .12s,transform .12s}.pipe-card:hover{border-color:var(--border2);transform:translateY(-1px)}.pc-name{margin-bottom:2px;font-size:13px;font-weight:600}.pc-company{color:var(--muted);margin-bottom:8px;font-size:12px}.pc-footer{justify-content:space-between;align-items:center;display:flex}.pc-value{color:var(--green);font-size:12px;font-weight:600}.pc-date{color:var(--muted2);font-size:11px}.avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:600;display:inline-flex}.av-blue{color:var(--blue);background:#4f8fff26}.av-green{color:var(--green);background:#22c55e26}.av-violet{color:var(--violet);background:#8b5cf626}.av-amber{color:var(--amber);background:#f59e0b26}.av-rose{color:var(--rose);background:#f43f5e26}.av-teal{color:var(--teal);background:#2dd4bf26}.av-text{align-items:center;gap:9px;display:flex}.progress-wrap{background:var(--bg3);border-radius:99px;height:5px;overflow:hidden}.progress-bar{border-radius:99px;height:100%;transition:width .4s}.pb-blue{background:var(--blue)}.pb-green{background:var(--green)}.pb-amber{background:var(--amber)}.pb-rose{background:var(--rose)}.two-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=800px){.two-col{grid-template-columns:1fr}}.three-col{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}@media (width<=900px){.three-col{grid-template-columns:1fr}}.modal-backdrop{z-index:200;background:#0000008c;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:var(--bg2);border:1px solid var(--border2);border-radius:16px;width:min(980px,96vw);max-height:90vh;overflow:auto;box-shadow:0 22px 80px #0000008c}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.modal-title{letter-spacing:-.01em;font-size:14px;font-weight:700}.modal-sub{color:var(--muted);margin-top:2px;font-size:12px}.modal-body{padding:14px 16px 16px}.modal-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.modal.modal-confirm{border-radius:18px;width:min(420px,94vw);overflow:hidden}.confirm-modal-visual{align-items:flex-start;gap:14px;margin-bottom:4px;display:flex}.confirm-modal-icon{background:linear-gradient(145deg,#f43f5e2e,#f43f5e0f);border:1px solid #f43f5e38;border-radius:14px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.confirm-modal-user{background:var(--bg3);border:1px solid var(--border);border-radius:12px;margin-top:12px;padding:12px 14px;font-size:13px}.confirm-modal-user strong{color:var(--text);margin-bottom:4px;font-weight:600;display:block}.confirm-modal-user span{color:var(--muted);font-size:12px;line-height:1.45}.confirm-modal-hint{color:var(--muted);margin-top:12px;font-size:12px;line-height:1.5}.toast-host{z-index:320;pointer-events:none;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:22px;right:22px}.toast{pointer-events:auto;min-width:min(320px,100vw - 40px);max-width:min(400px,100vw - 40px);color:var(--text);background:var(--bg2);border:1px solid var(--border2);border-radius:14px;padding:14px 16px 14px 44px;font-size:13px;font-weight:500;line-height:1.45;animation:.38s cubic-bezier(.22,1,.36,1) toast-in;position:relative;box-shadow:0 12px 40px #00000059}.toast:before{content:"";background:#22c55e33;border:1px solid #22c55e59;border-radius:50%;width:22px;height:22px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.toast:after{content:"✓";color:var(--green,#22c55e);font-size:11px;font-weight:800;position:absolute;top:50%;left:19px;transform:translateY(-52%)}@keyframes toast-in{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=520px){.toast-host{align-items:stretch;left:16px;right:16px}.toast{min-width:0;max-width:none}}.json-preview{border-radius:var(--r);background:var(--bg3);border:1px solid var(--border);color:var(--text);margin:0;padding:14px;font-family:DM Mono,ui-monospace,monospace;font-size:12px;line-height:1.6;overflow:auto}code{background:var(--surface2);border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-family:DM Mono,ui-monospace,monospace;font-size:.85em}.activity-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:10px 0;display:flex}.activity-row:last-child{border-bottom:none}.act-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.act-info{flex:1;min-width:0}.act-action{font-size:13px;font-weight:500}.act-meta{color:var(--muted);margin-top:2px;font-size:11px}.act-time{color:var(--muted2);white-space:nowrap;font-family:DM Mono,monospace;font-size:11px}.settings-row{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:14px 18px;display:flex}.settings-row:last-child{border-bottom:none}.sr-info{flex:1}.sr-label{font-size:13px;font-weight:500}.sr-desc{color:var(--muted);margin-top:2px;font-size:12px}.toggle{cursor:pointer;border:none;border-radius:99px;flex-shrink:0;width:38px;height:21px;transition:background .2s;position:relative}.toggle.on{background:var(--blue)}.toggle.off{background:var(--surface2);border:1px solid var(--border2)}.toggle:after{content:"";background:#fff;border-radius:50%;width:15px;height:15px;transition:left .2s;position:absolute;top:3px}.toggle.on:after{left:20px}.toggle.off:after{left:3px}.sn-backdrop{z-index:240;cursor:pointer;background:#00000059;border:none;padding:0;position:fixed;inset:0}.sn-panel{top:var(--topbar-h);z-index:260;background:var(--bg2);border-left:1px solid var(--border2);pointer-events:none;visibility:hidden;flex-direction:column;width:min(400px,100vw);transition:transform .22s;display:flex;position:fixed;bottom:0;right:0;transform:translate(100%);box-shadow:-12px 0 40px #00000059}.sn-panel.open{pointer-events:auto;visibility:visible;transform:translate(0)}.sn-panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 16px 10px;display:flex}.sn-panel-title{font-size:16px;font-weight:600}.sn-panel-sub{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.4}.sn-panel-actions{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px;padding:10px 16px;display:flex}.sn-alert{margin:10px 16px 0;font-size:12px}.sn-panel-body{flex:1;padding:14px 16px 24px;overflow-y:auto}.sn-empty{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.sn-grid{flex-direction:column;gap:14px;display:flex}.sn-card{border-radius:var(--r);border:1px solid #00000014;padding:12px 12px 8px;transition:transform .15s,box-shadow .15s;transform:rotate(-.4deg);box-shadow:0 4px 14px #0000002e}.sn-card:nth-child(2n){transform:rotate(.35deg)}.sn-card:hover{transform:rotate(0)scale(1.01);box-shadow:0 8px 22px #00000038}.sn-card-text{resize:vertical;width:100%;min-height:100px;color:inherit;background:0 0;border:none;padding:4px 2px;font-size:13px;line-height:1.5}.sn-card-text:focus{outline:none}.sn-card-text::placeholder{color:#00000059}.sn-color-yellow{color:#422006;background:linear-gradient(155deg,#fef9c3 0%,#fde047 100%)}.sn-color-pink{color:#831843;background:linear-gradient(155deg,#fce7f3 0%,#f9a8d4 100%)}.sn-color-mint{color:#064e3b;background:linear-gradient(155deg,#d1fae5 0%,#6ee7b7 100%)}.sn-color-peach{color:#7c2d12;background:linear-gradient(155deg,#ffedd5 0%,#fdba74 100%)}.sn-color-lavender{color:#3730a3;background:linear-gradient(155deg,#ede9fe 0%,#c4b5fd 100%)}[data-theme=light] .sn-card-text::placeholder{color:#0006}.sn-card-toolbar{border-top:1px solid #0000001a;justify-content:space-between;align-items:center;margin-top:6px;padding-top:6px;display:flex}.sn-colors{flex-wrap:wrap;gap:6px;display:flex}.sn-color-dot{cursor:pointer;opacity:.65;border:2px solid #0003;border-radius:50%;width:16px;height:16px;padding:0;transition:opacity .12s,transform .12s}.sn-color-dot:hover{opacity:1;transform:scale(1.08)}.sn-color-dot.active{opacity:1;box-shadow:0 0 0 2px var(--blue);border-color:#00000059}.sn-dot-yellow{background:#fde047}.sn-dot-pink{background:#f9a8d4}.sn-dot-mint{background:#6ee7b7}.sn-dot-peach{background:#fdba74}.sn-dot-lavender{background:#c4b5fd}.sn-delete{cursor:pointer;color:#00000073;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:14px;line-height:1}.sn-delete:hover{color:var(--rose);background:#00000014}.sn-fab{z-index:250;border:1px solid var(--border2);background:var(--bg2);width:56px;height:56px;box-shadow:var(--shadow);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s,background .15s;display:flex;position:fixed;bottom:24px;right:24px}.sn-fab:hover{background:var(--bg3);transform:scale(1.06)}.sn-fab-icon{font-size:22px;line-height:1}.sn-fab-badge{background:var(--rose);color:#fff;border-radius:99px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:600;display:flex;position:absolute;top:-4px;right:-4px}@media (width<=900px){.sn-fab{bottom:16px;right:16px}.sn-panel{width:100vw;top:var(--topbar-h)}.topbar{padding-left:60px}}.fr-info-tip{vertical-align:middle;justify-content:center;align-items:center;margin-left:6px;display:inline-flex;position:relative}.fr-info-tip__btn{border:1px solid var(--border2);background:var(--surface2);width:18px;height:18px;color:var(--muted);cursor:help;border-radius:99px;flex-shrink:0;padding:0;font-family:Georgia,Times New Roman,serif;font-size:11px;font-style:italic;font-weight:700;line-height:1}.fr-info-tip__btn:hover,.fr-info-tip__btn:focus-visible{color:var(--text);border-color:var(--blue);background:var(--blue-dim);outline:none}.fr-info-tip__pop{z-index:80;border-radius:var(--r);border:1px solid var(--border2);background:var(--bg2);min-width:220px;max-width:min(420px,100vw - 32px);color:var(--text);box-shadow:var(--shadow);text-align:left;white-space:pre-wrap;pointer-events:none;visibility:hidden;opacity:0;padding:12px 14px;font-size:12px;font-style:normal;font-weight:400;line-height:1.45;transition:opacity .12s,visibility .12s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.fr-info-tip:hover .fr-info-tip__pop,.fr-info-tip:focus-within .fr-info-tip__pop{visibility:visible;opacity:1;pointer-events:auto}.fr-info-tip--cell .fr-info-tip__pop{top:auto;bottom:calc(100% + 8px);left:0;transform:none}.fr-defn-grid{border:1px solid var(--border2);border-radius:var(--r);background:var(--bg1);margin-top:10px;overflow:hidden}.fr-defn-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(160px,34%) 1fr;align-items:start;gap:12px 16px;padding:12px 14px;display:grid}.fr-defn-row:last-child{border-bottom:none}@media (width<=720px){.fr-defn-row{grid-template-columns:1fr}}.fr-defn-dt{color:var(--text);align-items:flex-start;gap:8px;font-size:13px;font-weight:600;display:flex}.fr-defn-dd{color:var(--muted);margin:0;font-size:12px;line-height:1.5}#root{min-height:100vh}