:root{--ink:#111319;--muted:#687080;--line:#e5e8ef;--surface:#fff;--soft:#f5f7fb;--blue:#3157f6;--blue-dark:#1738c6;--nav:#111522;--success:#16885f;--warning:#b46a00;--danger:#c83b4d;--radius:18px;--shadow:0 18px 50px rgba(25,35,70,.09);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);line-height:1.5}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid var(--blue);border-radius:11px;background:var(--blue);color:#fff;padding:.78rem 1.05rem;font-weight:750;cursor:pointer;transition:.2s ease;box-shadow:0 8px 24px rgba(49,87,246,.18)}.button:hover{background:var(--blue-dark);border-color:var(--blue-dark);transform:translateY(-1px)}.button.ghost{background:#fff;color:var(--ink);border-color:var(--line);box-shadow:none}.button.ghost:hover{border-color:#cbd1dd;background:#f8f9fc}.button.light{background:#fff;color:#111522;border-color:#fff}.button.small{padding:.58rem .82rem;border-radius:9px;font-size:.88rem}.button.large{padding:.95rem 1.25rem;font-size:1rem}.button.full{width:100%}.text-button{font-weight:700}.brand{display:inline-flex;align-items:center;gap:.7rem;font-size:1.15rem;font-weight:850;letter-spacing:-.03em}.brand-mark{width:34px;height:34px;border-radius:10px;display:inline-grid;place-items:center;background:var(--blue);color:#fff;font-weight:900;box-shadow:0 8px 22px rgba(49,87,246,.25)}.eyebrow,.section-kicker,.widget-kicker{font-size:.72rem;font-weight:850;letter-spacing:.13em;color:#748098}.pill{display:inline-flex;border:1px solid #dce1eb;border-radius:999px;padding:.45rem .75rem;font-size:.75rem;font-weight:800;letter-spacing:.06em;background:#fff}.pill.dark{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}.alert{padding:1rem 1.1rem;border-radius:12px;margin-bottom:1rem;font-size:.93rem}.alert.success{background:#eaf8f1;color:#096c49;border:1px solid #c7ebd9}.alert.error{background:#fff0f2;color:#a52538;border:1px solid #f1ccd2}.alert ul{margin:.45rem 0 0;padding-left:1.1rem}.toast{position:fixed;z-index:1000;top:86px;right:24px;padding:.9rem 1.1rem;border-radius:12px;box-shadow:var(--shadow);background:#fff;animation:toastIn .3s ease}.toast-success{border-left:4px solid var(--success)}.toast-error{border-left:4px solid var(--danger)}@keyframes toastIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
/* Public */.public-body{background:#fff}.public-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid #edf0f5;position:sticky;top:0;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);z-index:50}.public-header nav{display:flex;gap:1.7rem;font-size:.9rem;font-weight:700;color:#525b6b}.public-header nav a:hover{color:var(--ink)}.header-actions{display:flex;gap:1rem;align-items:center}.hero{min-height:760px;padding:88px 4vw 72px;display:grid;grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);align-items:center;gap:5vw;overflow:hidden;background:radial-gradient(circle at 85% 12%,#edf1ff 0,rgba(237,241,255,0) 34%),linear-gradient(180deg,#fff,#fbfcff)}.hero-copy{max-width:690px}.hero h1{font-size:clamp(3.7rem,6vw,6.8rem);line-height:.92;letter-spacing:-.075em;margin:1.2rem 0 1.8rem}.hero h1 em{font-style:normal;color:var(--blue)}.hero-copy>p{font-size:1.15rem;color:#5e6674;max-width:630px;margin:0 0 2rem}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap}.trust-line{display:flex;gap:1.1rem;flex-wrap:wrap;margin-top:1.5rem;font-size:.76rem;font-weight:750;color:#70798b}.hero-product{perspective:1400px}.browser-frame{background:#fff;border:1px solid #dfe4ee;border-radius:20px;box-shadow:0 40px 100px rgba(31,43,89,.2);overflow:hidden;transform:rotateY(-5deg) rotateX(2deg)}.browser-bar{height:42px;border-bottom:1px solid #e7eaf0;display:flex;align-items:center;gap:7px;padding:0 14px;background:#fafbfc}.browser-bar i{width:9px;height:9px;border-radius:50%;background:#d7dbe4}.browser-bar span{margin-left:1rem;font-size:.65rem;color:#8b93a1}.mock-app{height:515px;display:grid;grid-template-columns:58px 1fr;background:#f5f7fb}.mock-app aside{background:#121624;display:flex;flex-direction:column;align-items:center;gap:1.6rem;padding-top:1rem;color:#7d879c}.mock-app aside b{width:30px;height:30px;background:var(--blue);color:#fff;border-radius:8px;display:grid;place-items:center}.mock-app main{padding:28px}.mock-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.mock-head small,.mock-grid small{font-size:.51rem;letter-spacing:.12em;color:#8790a1}.mock-head strong{display:block;font-size:1.1rem}.mock-head button{border:0;background:var(--blue);color:#fff;padding:8px 11px;border-radius:8px;font-size:.62rem}.mock-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:100px;gap:12px}.mock-grid article{background:#fff;border:1px solid #e8eaf0;border-radius:13px;padding:14px;box-shadow:0 6px 18px rgba(30,40,75,.04)}.mock-kpi{grid-column:span 5;grid-row:span 2}.mock-kpi b{display:block;font-size:2.2rem;letter-spacing:-.06em;margin-top:16px}.mock-kpi span{font-size:.66rem;color:#16885f}.mock-clock{grid-column:span 3;grid-row:span 2}.mock-clock b{font-size:2.1rem;display:block;margin-top:18px}.mock-clock span{font-size:.65rem;color:#7a8290}.mock-priority{grid-column:span 4;grid-row:span 3}.mock-priority p{font-size:.68rem;border-bottom:1px solid #edf0f4;padding:.65rem 0;margin:0}.mock-chart{grid-column:span 8;grid-row:span 2;color:var(--blue)}.mock-chart svg{width:100%;height:100px}.mock-photo{grid-column:span 4;grid-row:span 2}.mock-photo div{height:93px;border-radius:9px;background:linear-gradient(135deg,#101523,#3857db 55%,#b7c3ff)}.mock-photo small{display:block;margin-top:8px}.logo-strip{display:flex;justify-content:center;gap:4vw;flex-wrap:wrap;padding:22px 4vw;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5;font-weight:800;color:#8b93a2;font-size:.82rem}.section{padding:110px 6vw;max-width:1500px;margin:0 auto}.split-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end;margin:1rem 0 4rem}.split-heading h2{font-size:clamp(2.5rem,4.5vw,4.7rem);line-height:1;letter-spacing:-.06em;margin:0}.split-heading p{color:#666f7f;font-size:1.05rem;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.feature-grid article{border-top:1px solid #cfd5df;padding:1.6rem 0}.feature-grid article>span{color:var(--blue);font-size:.75rem;font-weight:850}.feature-grid h3{font-size:1.45rem;margin:1.6rem 0 .5rem}.feature-grid p{color:#6a7281;margin:0}.dark-section{background:#111522;color:#fff;padding:110px 6vw}.dark-section .split-heading{max-width:1320px;margin-left:auto;margin-right:auto}.dark-section .split-heading p,.dark-section .section-kicker{color:#a9b2c4}.widget-showcase{max-width:1320px;margin:0 auto 2rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.widget-card-preview{min-height:280px;border:1px solid rgba(255,255,255,.12);background:#191e2d;border-radius:20px;padding:1.5rem;display:flex;flex-direction:column}.widget-card-preview strong{font-size:1.05rem}.widget-card-preview p{color:#a9b1c0}.widget-card-preview b{font-size:2.5rem;margin-top:auto}.widget-icon{width:42px;height:42px;display:grid;place-items:center;background:rgba(255,255,255,.08);border-radius:12px;margin-bottom:1rem}.mini-progress{height:8px;background:#2b3142;border-radius:999px;margin-top:auto}.mini-progress i{display:block;height:100%;background:#6d89ff;border-radius:999px}.image-preview{background:linear-gradient(160deg,#ced7ff,#3157f6 55%,#111522);justify-content:end}.image-preview span{font-weight:800}.widget-card-preview ol{padding-left:1.2rem;margin-top:auto;color:#cbd2df}.center{text-align:center}.connection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.connection-grid article{border:1px solid var(--line);border-radius:16px;padding:1.2rem;display:flex;align-items:center;gap:1rem}.connection-grid b{width:46px;height:46px;border-radius:12px;background:#eff2ff;color:var(--blue);display:grid;place-items:center}.connection-grid strong,.connection-grid span{display:block}.connection-grid span{font-size:.82rem;color:#70798a}.cta-section{background:var(--blue);color:#fff;padding:110px 6vw;text-align:center}.cta-section h2{font-size:clamp(2.8rem,5vw,5.4rem);line-height:.97;letter-spacing:-.06em;max-width:1000px;margin:1.5rem auto 2.2rem}.public-footer{padding:70px 5vw;background:#0e111b;color:#a7afbe;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:3rem}.public-footer .brand{color:#fff}.public-footer div{display:flex;flex-direction:column;gap:.6rem}.public-footer strong{color:#fff;font-size:.82rem}.public-footer a,.public-footer span,.public-footer p{font-size:.82rem;margin:0}.public-footer a:hover{color:#fff}
/* Auth */.auth-page{min-height:calc(100vh - 76px);display:grid;grid-template-columns:minmax(500px,.8fr) 1.2fr}.auth-panel{padding:54px clamp(30px,7vw,110px);display:flex;flex-direction:column;justify-content:center;max-width:700px;width:100%;margin:auto}.auth-panel>.brand{position:absolute;top:110px}.auth-copy{margin:5rem 0 2rem}.auth-copy h1{font-size:3.1rem;line-height:1;letter-spacing:-.055em;margin:.7rem 0 1rem}.auth-copy p{color:var(--muted)}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-form label,.stack-form label,.settings-form label,.compact-form label{font-size:.82rem;font-weight:750;color:#525b6c;display:flex;flex-direction:column;gap:.42rem}.auth-form input,.stack-form input,.stack-form select,.stack-form textarea,.settings-form input,.settings-form select,.compact-form input,.compact-form select,.inline-entry input,.widget-form input,.widget-form select,.widget-form textarea{width:100%;border:1px solid #d9dee8;border-radius:10px;padding:.78rem .85rem;background:#fff;color:var(--ink);outline:none;transition:.15s}.auth-form input:focus,.stack-form input:focus,.stack-form select:focus,.stack-form textarea:focus,.settings-form input:focus,.settings-form select:focus,.compact-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(49,87,246,.1)}.auth-form small,.stack-form small{font-weight:500;color:#858d9b}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.auth-switch{font-size:.88rem;color:#757d8b;text-align:center;margin-top:1.2rem}.auth-switch a{color:var(--blue);font-weight:750}.auth-visual{background:linear-gradient(145deg,#101522,#1a2452 62%,#3157f6);display:grid;place-items:center;padding:8vw}.auth-quote{max-width:620px;color:#fff}.auth-quote>span{font-size:8rem;line-height:.6;color:#6f87ff}.auth-quote p{font-size:clamp(2.4rem,4vw,4.8rem);line-height:1;letter-spacing:-.055em;margin:1rem 0 2rem}.auth-quote small{letter-spacing:.14em;color:#aeb9dd}.register-visual{background:linear-gradient(145deg,#edf1ff,#c9d4ff)}.mini-dashboard{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:min(620px,100%)}.mini-dashboard article{background:#fff;border-radius:18px;padding:1.5rem;box-shadow:var(--shadow)}.mini-dashboard small,.mini-dashboard span{display:block;color:#80899a}.mini-dashboard small{font-size:.68rem;letter-spacing:.1em}.mini-dashboard b{font-size:3rem;letter-spacing:-.06em}.mini-dashboard span{font-size:.82rem}.mini-dashboard .wide-card{grid-column:span 2;min-height:200px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(150deg,#111522,#3157f6);color:#fff}.mini-dashboard .wide-card small{color:#bcc7f1}.mini-dashboard .wide-card strong{font-size:2rem;max-width:340px;line-height:1.05}
/* App shell */.app-body{background:#f4f6fa;overflow-x:hidden}.app-shell{min-height:100vh;display:grid;grid-template-columns:252px 1fr}.sidebar{background:var(--nav);color:#c2c8d5;padding:20px 14px;position:fixed;left:0;top:0;bottom:0;width:252px;display:flex;flex-direction:column;z-index:100}.sidebar-top{padding:4px 10px 22px;display:flex;align-items:center;justify-content:space-between}.brand-light{color:#fff}.workspace-chip{border:1px solid rgba(255,255,255,.1);border-radius:13px;padding:10px;display:flex;align-items:center;gap:.7rem;margin-bottom:18px;background:rgba(255,255,255,.03)}.workspace-avatar,.user-avatar{width:34px;height:34px;border-radius:10px;background:var(--workspace-accent,var(--blue));color:#fff;display:grid;place-items:center;font-weight:850}.workspace-chip strong,.workspace-chip small{display:block}.workspace-chip strong{color:#fff;font-size:.84rem}.workspace-chip small{font-size:.66rem;color:#8f99ab}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.sidebar-nav a,.logout-form button{display:flex;align-items:center;gap:.8rem;border-radius:10px;padding:.72rem .8rem;font-size:.84rem;font-weight:700;color:#9ba5b7;border:0;background:transparent;width:100%;cursor:pointer;text-align:left}.sidebar-nav a span,.logout-form button span{width:22px;text-align:center;color:#6f7b91}.sidebar-nav a:hover,.sidebar-nav a.active,.logout-form button:hover{background:rgba(255,255,255,.07);color:#fff}.sidebar-nav a.active span{color:#90a4ff}.sidebar-spacer{flex:1}.sidebar-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:10px}.logout-form{margin:4px 0 0}.app-main{grid-column:2;min-width:0}.topbar{height:74px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:40}.topbar-title span,.topbar-title strong{display:block}.topbar-title strong{font-size:.96rem}.topbar-title .eyebrow{font-size:.58rem}.topbar-actions{display:flex;align-items:center;gap:.8rem}.page-content{padding:30px;max-width:1800px;margin:0 auto}.page-heading,.dashboard-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:28px}.page-heading h1,.dashboard-toolbar h1{font-size:2.3rem;letter-spacing:-.05em;margin:.3rem 0 .25rem;line-height:1}.page-heading p,.dashboard-toolbar p{margin:0;color:var(--muted);max-width:700px}.toolbar-actions,.button-row{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 5px 20px rgba(23,31,55,.035)}.card-heading{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.35rem;border-bottom:1px solid var(--line)}.card-heading h2{font-size:1rem;margin:0}.card-heading p{margin:.2rem 0 0;color:var(--muted);font-size:.8rem}.empty-state{text-align:center;min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem}.empty-state h1,.empty-state h2{letter-spacing:-.04em;margin:.8rem 0}.empty-state p{color:var(--muted);max-width:500px}.empty-code{font-size:5rem;font-weight:900;color:#cbd1dd}.empty-icon{font-size:3rem;color:var(--blue)}.empty-inline{padding:2rem;text-align:center;color:var(--muted)}.dashboard-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.dashboard-tile{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1rem;display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:1rem;transition:.2s}.dashboard-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#ccd3df}.dashboard-tile-preview{height:72px;border-radius:10px;background:#f2f4f8;padding:8px;display:grid;grid-template-columns:1fr 1fr;gap:5px}.dashboard-tile-preview span{background:#fff;border-radius:4px;border:1px solid #e5e8ed}.tile-title{display:flex;gap:.5rem;align-items:center}.tile-title small,.badge{font-size:.68rem;border-radius:999px;padding:.22rem .5rem;background:#eef1f6;color:#667083}.dashboard-tile p{font-size:.78rem;color:var(--muted);margin:.25rem 0 0}.dashboard-canvas{border:1px solid #e4e7ee;border-radius:20px;padding:12px;min-height:650px;transition:.2s}.dashboard-canvas.is-editing{outline:1px dashed #aab7ff;outline-offset:4px}.grid-stack{min-height:600px}.grid-stack-item-content{overflow:hidden!important}.widget-card{background:#fff;border:1px solid #e4e7ed;border-radius:15px;box-shadow:0 6px 22px rgba(25,34,66,.055);display:flex;flex-direction:column}.is-editing .widget-card{cursor:move}.widget-header{display:flex;align-items:flex-start;justify-content:space-between;padding:14px 16px 4px;min-height:52px}.widget-header h3{font-size:.9rem;line-height:1.15;margin:.2rem 0 0;letter-spacing:-.02em}.widget-kicker{font-size:.53rem}.widget-actions{display:flex;gap:.25rem}.widget-action{width:28px;height:28px;border:0;border-radius:8px;background:#f1f3f7;color:#687080;cursor:pointer}.widget-action:hover{background:#e7eaf0;color:#111}.widget-action.danger:hover{background:#ffedf0;color:var(--danger)}.widget-body{padding:12px 16px 16px;flex:1;min-height:0;overflow:auto}.widget-empty{height:100%;min-height:80px;border:1px dashed #d5dae4;border-radius:11px;display:flex;align-items:center;justify-content:center;text-align:center;padding:1rem;color:#8991a0;font-size:.8rem}.widget-value{font-size:2.35rem;font-weight:850;letter-spacing:-.065em;line-height:1}.widget-sub{color:var(--muted);font-size:.75rem;margin-top:.45rem}.widget-positive{color:var(--success)}.widget-negative{color:var(--danger)}.widget-clock{display:flex;flex-direction:column;height:100%;justify-content:center}.widget-clock strong{font-size:2.7rem;letter-spacing:-.065em}.widget-clock span{font-size:.75rem;color:var(--muted)}.world-clock-list{display:flex;flex-direction:column;gap:.6rem}.world-clock-list div{display:flex;justify-content:space-between;border-bottom:1px solid #eef0f4;padding-bottom:.5rem}.world-clock-list strong{font-size:.9rem}.world-clock-list span{color:var(--muted);font-size:.8rem}.note-content{white-space:pre-wrap;font-size:.87rem}.sticky-content{height:100%;padding:1rem;border-radius:10px;background:#fff4b8;color:#5d4a00;white-space:pre-wrap}.sticky-content.blue{background:#e9efff;color:#213d9a}.sticky-content.pink{background:#ffedf5;color:#8d2f58}.image-widget{height:100%;min-height:100px;display:flex;flex-direction:column;gap:.5rem}.image-widget img{width:100%;height:100%;min-height:80px;border-radius:10px}.image-widget figcaption{font-size:.72rem;color:var(--muted)}.gallery-widget{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.gallery-widget img{aspect-ratio:1.3;object-fit:cover;border-radius:8px}.links-widget{display:flex;flex-direction:column;gap:.5rem}.links-widget a{display:flex;justify-content:space-between;border:1px solid #e6e9ef;border-radius:9px;padding:.65rem .75rem;font-size:.8rem;font-weight:700}.links-widget a:hover{border-color:var(--blue);color:var(--blue)}.status-widget{height:100%;display:flex;align-items:center;padding:1rem;border-radius:11px;background:#ebf8f2;color:#0c704b;font-weight:750}.status-widget.warning{background:#fff6df;color:#875900}.status-widget.danger{background:#fff0f2;color:#a22639}.countdown-widget{display:grid;place-items:center;text-align:center;height:100%}.countdown-widget strong{font-size:2.2rem;letter-spacing:-.05em}.countdown-widget span{font-size:.75rem;color:var(--muted)}.timer-controls,.counter-controls,.calc-grid{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.7rem}.timer-controls button,.counter-controls button,.widget-inline-button{border:1px solid #dce1e9;background:#fff;border-radius:8px;padding:.45rem .65rem;cursor:pointer;font-weight:750;font-size:.75rem}.timer-controls button:hover,.counter-controls button:hover,.widget-inline-button:hover{border-color:var(--blue);color:var(--blue)}.task-list{display:flex;flex-direction:column;gap:.45rem}.task-row{display:flex;align-items:center;gap:.55rem;padding:.5rem .1rem;border-bottom:1px solid #eef0f4;font-size:.8rem}.task-row input[type=checkbox]{accent-color:var(--blue)}.task-row.done span{text-decoration:line-through;color:#9aa1ae}.widget-add-row{display:flex;gap:.4rem;margin-top:.6rem}.widget-add-row input{min-width:0;flex:1;border:1px solid #dce1e9;border-radius:8px;padding:.48rem .55rem;font-size:.75rem}.widget-add-row button{border:0;background:var(--blue);color:#fff;border-radius:8px;width:30px;cursor:pointer}.priority-list{counter-reset:priority;display:flex;flex-direction:column}.priority-list div{counter-increment:priority;border-bottom:1px solid #edf0f4;padding:.6rem 0;display:flex;gap:.7rem;font-size:.82rem}.priority-list div:before{content:"0" counter(priority);color:var(--blue);font-size:.65rem;font-weight:850}.kanban-widget{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:.55rem;min-width:420px}.kanban-column{background:#f6f7fa;border-radius:10px;padding:.55rem}.kanban-column>strong{font-size:.7rem}.kanban-card{background:#fff;border:1px solid #e2e5eb;border-radius:7px;padding:.5rem;margin-top:.45rem;font-size:.72rem}.progress-track{height:10px;background:#edf0f5;border-radius:999px;overflow:hidden;margin:1rem 0 .5rem}.progress-track i{height:100%;background:var(--blue);display:block;border-radius:999px}.goal-row{display:flex;justify-content:space-between;align-items:end}.habit-table{display:flex;flex-direction:column;gap:.55rem}.habit-row{display:grid;grid-template-columns:1fr repeat(7,22px);gap:.35rem;align-items:center;font-size:.72rem}.habit-day{width:22px;height:22px;border:1px solid #dfe3ea;border-radius:6px;background:#fff;cursor:pointer}.habit-day.done{background:var(--blue);border-color:var(--blue)}.chart-wrap{height:100%;min-height:120px;position:relative}.invoice-list,.risk-list{display:flex;flex-direction:column;gap:.45rem}.invoice-row,.risk-row{display:grid;grid-template-columns:1fr auto auto;gap:.6rem;align-items:center;border-bottom:1px solid #edf0f4;padding:.55rem 0;font-size:.75rem}.invoice-row small,.risk-row small{display:block;color:var(--muted)}.status-pill{font-size:.64rem;padding:.2rem .45rem;border-radius:999px;background:#edf0f5}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.review-grid div{background:#f7f8fa;border-radius:9px;padding:.7rem}.review-grid strong{font-size:.68rem;display:block;margin-bottom:.35rem}.review-grid p{font-size:.75rem;white-space:pre-wrap;margin:0;color:#697283}.calc-display{background:#111522;color:#fff;border-radius:9px;padding:.8rem;text-align:right;font-size:1.4rem;min-height:50px;overflow:hidden}.calc-grid{display:grid;grid-template-columns:repeat(4,1fr)}.calc-grid button{border:1px solid #e0e4eb;background:#fff;border-radius:7px;padding:.55rem;cursor:pointer}.qr-wrap{display:grid;place-items:center;gap:.6rem}.qr-wrap input{width:100%;border:1px solid #dce1e9;border-radius:8px;padding:.5rem;font-size:.75rem}.team-list{display:flex;flex-direction:column;gap:.55rem}.team-row{display:flex;align-items:center;gap:.55rem}.team-dot{width:8px;height:8px;border-radius:50%;background:#8a93a2}.team-dot.available{background:#1ba875}.team-dot.busy{background:#df8b20}.team-dot.away{background:#9c75eb}.team-row strong{font-size:.8rem}.team-row span:last-child{margin-left:auto;color:var(--muted);font-size:.72rem}.quote-widget{height:100%;display:flex;flex-direction:column;justify-content:center}.quote-widget blockquote{font-size:1.2rem;line-height:1.25;letter-spacing:-.025em;margin:0}.quote-widget cite{font-size:.72rem;color:var(--muted);margin-top:.8rem;font-style:normal}.search-box{border:1px solid var(--line);background:#fff;border-radius:11px;padding:.65rem .8rem;display:flex;gap:.5rem;align-items:center;min-width:270px}.search-box input{border:0;outline:0;width:100%}.store-filter,.subnav{display:flex;gap:.4rem;overflow:auto;margin-bottom:1.6rem}.store-filter button,.subnav button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:.55rem .8rem;white-space:nowrap;cursor:pointer;font-size:.78rem;font-weight:750;color:#667080}.store-filter button.active,.subnav button.active{background:#111522;color:#fff;border-color:#111522}.store-section{margin-bottom:2.2rem}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:1rem}.section-title h2{font-size:1.1rem;margin:0}.section-title p,.section-title span{font-size:.78rem;color:var(--muted);margin:.2rem 0 0}.store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:1rem}.store-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1rem;display:flex;flex-direction:column;min-height:300px;transition:.2s}.store-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.store-icon{width:46px;height:46px;border-radius:13px;background:#eef1ff;color:var(--blue);display:grid;place-items:center;font-size:1.1rem;font-weight:900}.store-card-body{flex:1}.store-meta{display:flex;justify-content:space-between;margin-top:1rem}.store-meta span{font-size:.62rem;border-radius:999px;padding:.2rem .45rem;background:#e9f7f0;color:#15704e;font-weight:800}.store-meta small{color:#929aa7}.store-card h3{margin:.65rem 0 .4rem}.store-card p{font-size:.8rem;color:var(--muted)}.store-requirement{font-size:.67rem;color:#647080;margin-top:1rem}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.table-card{overflow:hidden}.responsive-table{overflow:auto}.responsive-table table{width:100%;border-collapse:collapse;min-width:680px}.responsive-table th,.responsive-table td{padding:.8rem 1rem;border-bottom:1px solid #edf0f4;text-align:left;font-size:.76rem}.responsive-table th{font-size:.63rem;letter-spacing:.08em;color:#7c8595;background:#fafbfc}.responsive-table td strong,.responsive-table td small{display:block}.responsive-table td small{color:var(--muted)}.inline-entry{display:flex;gap:.4rem;min-width:360px}.inline-entry input{padding:.48rem .55rem;font-size:.73rem}.stack-form,.settings-form{display:flex;flex-direction:column;gap:1rem;padding:1.3rem}.file-drop{border:1px dashed #bfc7d5;border-radius:12px;padding:1.2rem;display:grid!important;place-items:center!important;background:#fafbfc;cursor:pointer}.file-drop input,.file-button input{display:none}.dataset-list{display:flex;flex-direction:column}.dataset-item{border:0;border-bottom:1px solid #edf0f4;background:#fff;padding:1rem 1.3rem;display:flex;justify-content:space-between;text-align:left;cursor:pointer}.dataset-item:hover{background:#fafbfc}.dataset-item strong,.dataset-item span{display:block}.dataset-item span{font-size:.7rem;color:var(--muted)}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;padding:1rem}.media-grid figure{margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}.media-grid img{width:100%;aspect-ratio:1.3;object-fit:cover}.media-grid figcaption{padding:.65rem}.media-grid strong,.media-grid span{display:block;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-grid span{color:var(--muted);font-size:.65rem}.connection-section{margin-bottom:2rem}.connector-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.connector-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:1rem;display:flex;gap:1rem;min-height:250px}.connector-logo{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-weight:900;flex:0 0 auto}.connector-logo.stripe{background:#edeaff;color:#635bff}.connector-logo.google{background:#edf5ff;color:#4285f4}.connector-logo.csv{background:#ebf8f1;color:#14825a;font-size:.7rem}.connector-logo.webhook{background:#fff1e7;color:#c86616}.connector-card-main{flex:1}.connector-title{display:flex;justify-content:space-between;gap:1rem}.connector-title h3,.connector-title span{display:block;margin:0}.connector-title span{font-size:.72rem;color:var(--muted)}.status-dot{font-size:.62rem;font-weight:800;height:max-content;padding:.25rem .5rem;border-radius:999px}.status-dot.available{background:#eaf7f1;color:#13724f}.connection-health{display:flex;align-items:center;justify-content:space-between;margin:1rem 0}.health{font-size:.67rem;padding:.25rem .5rem;border-radius:999px;background:#edf0f4}.health.healthy{background:#e8f8f0;color:#11724e}.health.attention{background:#fff2e2;color:#a05b00}.connection-health small{color:var(--muted)}.connection-error{font-size:.72rem;color:var(--danger);background:#fff0f2;padding:.6rem;border-radius:8px}.compact-form{display:flex;flex-direction:column;gap:.7rem;margin-top:1rem}.compact-form small,.config-note{font-size:.68rem;color:var(--muted)}.connector-explainer{font-size:.78rem;color:var(--muted)}.secret-reveal{background:#111522;color:#fff;border-radius:16px;padding:1.2rem;margin-bottom:1.5rem}.secret-reveal p{font-size:.78rem}.secret-reveal code{word-break:break-all;color:#b9c6ff}.secret-reveal small{color:#aab3c4}.webhook-list{display:grid;gap:.7rem}.webhook-list article{padding:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.webhook-list strong,.webhook-list span{display:block}.webhook-list span{font-size:.72rem;color:var(--muted)}.webhook-list code{font-size:.68rem;word-break:break-all}.coming-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}.coming-grid article{border:1px solid var(--line);background:#fff;border-radius:12px;padding:.9rem;display:flex;align-items:center;justify-content:space-between}.coming-grid strong,.coming-grid span{display:block}.coming-grid span{font-size:.65rem;color:var(--muted)}.coming-grid button{border:0;background:transparent;color:var(--blue);font-weight:800;font-size:.72rem;cursor:pointer}.requested{color:var(--success)!important}.settings-layout{display:grid;grid-template-columns:220px 1fr;gap:1rem;align-items:start}.settings-nav{background:#fff;border:1px solid var(--line);border-radius:14px;padding:.55rem;display:flex;flex-direction:column;position:sticky;top:94px}.settings-nav a{padding:.7rem;border-radius:9px;font-size:.8rem;font-weight:750;color:var(--muted)}.settings-nav a.active,.settings-nav a:hover{background:#f2f4f8;color:var(--ink)}.settings-content{max-width:900px}.settings-form{padding:0}.settings-form section{padding:1.4rem;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:1rem}.settings-form>button{margin:1.4rem;align-self:flex-start}.personality-options{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.personality-card{display:block!important;position:relative}.personality-card input{position:absolute;opacity:0}.personality-card span{display:block;border:1px solid #dfe3ea;border-radius:11px;padding:.9rem;cursor:pointer}.personality-card strong,.personality-card small{display:block}.personality-card small{color:var(--muted);font-weight:500;margin-top:.25rem}.personality-card input:checked+span{border-color:var(--blue);box-shadow:0 0 0 3px rgba(49,87,246,.1);background:#f7f8ff}.technical-list{display:flex;flex-direction:column;margin:0}.technical-list div{display:grid;grid-template-columns:180px 1fr;padding:.75rem 0;border-bottom:1px solid #edf0f4}.technical-list dt{font-size:.75rem;font-weight:750}.technical-list dd{margin:0;font-size:.75rem;color:var(--muted);word-break:break-all}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem;margin-bottom:1rem}.stat-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1rem}.stat-card span{font-size:.62rem;letter-spacing:.1em;color:#7b8493}.stat-card strong{display:block;font-size:2rem;letter-spacing:-.05em}.admin-columns{margin-bottom:1rem}.diagnostic-list{display:flex;flex-direction:column;padding:1rem}.diagnostic-list div{display:flex;justify-content:space-between;padding:.65rem 0;border-bottom:1px solid #edf0f4;font-size:.78rem}.diagnostic-list b.ok{color:var(--success)}.diagnostic-list b.bad{color:var(--danger)}
/* Modal */.modal-backdrop{position:fixed;inset:0;background:rgba(12,16,28,.62);backdrop-filter:blur(5px);z-index:500;display:grid;place-items:center;padding:20px}.modal-backdrop[hidden]{display:none}.modal{background:#fff;border-radius:20px;width:min(650px,100%);max-height:90vh;overflow:auto;box-shadow:0 30px 90px rgba(0,0,0,.3);position:relative;padding:1.5rem}.modal.wide{width:min(1000px,100%)}.modal-close{position:absolute;right:16px;top:14px;border:0;background:#f1f3f7;border-radius:9px;width:32px;height:32px;cursor:pointer;font-size:1.2rem}.modal-heading{padding:1rem 1rem .5rem}.modal-heading h2{font-size:1.8rem;letter-spacing:-.045em;margin:.45rem 0}.modal-heading p{color:var(--muted);margin:0}.quick-widget-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;padding:1rem}.quick-widget button{width:100%;height:100%;border:1px solid var(--line);background:#fff;border-radius:12px;padding:.8rem;text-align:left;cursor:pointer}.quick-widget button:hover{border-color:var(--blue);background:#f8f9ff}.quick-widget span{width:32px;height:32px;border-radius:8px;background:#eef1ff;color:var(--blue);display:grid;place-items:center;font-weight:900}.quick-widget strong,.quick-widget small{display:block}.quick-widget strong{margin:.5rem 0 .2rem}.quick-widget small{color:var(--muted);font-size:.68rem}.widget-form{padding:1rem;display:flex;flex-direction:column;gap:.8rem}.widget-form label{font-size:.76rem;font-weight:750;color:#555f6f;display:flex;flex-direction:column;gap:.35rem}.widget-form .hint{font-size:.68rem;color:var(--muted)}.danger-zone{border-top:1px solid var(--line);padding-top:1rem;margin-top:.5rem}.data-preview-table{width:100%;border-collapse:collapse;font-size:.72rem}.data-preview-table th,.data-preview-table td{border-bottom:1px solid #edf0f4;padding:.55rem;text-align:left}.mobile-only{display:none}.icon-button{border:0;background:transparent;font-size:1.2rem;cursor:pointer}
@media(max-width:1200px){.hero{grid-template-columns:1fr;padding-top:70px}.hero-copy{max-width:850px}.browser-frame{transform:none}.widget-showcase{grid-template-columns:1fr 1fr}.coming-grid{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.public-header nav{display:none}.hero{display:block;min-height:auto}.hero-product{margin-top:4rem}.hero h1{font-size:4.3rem}.split-heading{grid-template-columns:1fr;gap:1.5rem}.feature-grid,.connection-grid{grid-template-columns:1fr}.public-footer{grid-template-columns:1fr 1fr}.auth-page{grid-template-columns:1fr}.auth-visual{display:none}.auth-panel>.brand{position:static}.auth-copy{margin:4rem 0 2rem}.app-shell{display:block}.sidebar{transform:translateX(-105%);transition:.25s}.sidebar.open{transform:translateX(0)}.app-main{margin-left:0}.mobile-only{display:inline-grid}.page-content{padding:20px}.connector-grid,.two-column,.settings-layout{grid-template-columns:1fr}.settings-nav{position:static;flex-direction:row;overflow:auto}.settings-nav a{white-space:nowrap}.stats-grid{grid-template-columns:1fr 1fr}.page-heading,.dashboard-toolbar{align-items:flex-start;flex-direction:column}.topbar{padding:0 16px}.topbar-title .eyebrow{display:none}.topbar-actions .button{display:none}.webhook-list article{align-items:flex-start;flex-direction:column}.grid-stack{min-height:500px}.quick-widget-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.public-header{padding:0 18px}.header-actions .text-button{display:none}.hero{padding:60px 20px}.hero h1{font-size:3.5rem}.hero-copy>p{font-size:1rem}.trust-line{flex-direction:column;gap:.4rem}.mock-app{height:420px;grid-template-columns:42px 1fr}.mock-app main{padding:14px}.mock-grid{grid-auto-rows:78px;gap:7px}.mock-priority,.mock-photo{display:none}.mock-kpi{grid-column:span 7}.mock-clock{grid-column:span 5}.mock-chart{grid-column:span 12}.section,.dark-section{padding:75px 20px}.split-heading h2{font-size:2.8rem}.widget-showcase{grid-template-columns:1fr}.public-footer{grid-template-columns:1fr;padding:50px 20px}.form-row{grid-template-columns:1fr}.auth-panel{padding:40px 22px}.auth-copy h1{font-size:2.6rem}.page-content{padding:15px}.page-heading h1,.dashboard-toolbar h1{font-size:1.9rem}.toolbar-actions{width:100%}.toolbar-actions .button{flex:1}.store-grid{grid-template-columns:1fr}.coming-grid{grid-template-columns:1fr}.personality-options{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.modal{padding:1rem}.quick-widget-grid{grid-template-columns:1fr}.dashboard-canvas{padding:5px;border-radius:14px}.widget-value{font-size:1.9rem}.search-box{min-width:0;width:100%}.page-heading .search-box{width:100%}.technical-list div{grid-template-columns:1fr;gap:.25rem}.topbar-actions .user-avatar{display:grid}}