:root{--bg: #ffffff;--page: #f6f7f9;--ink: #1c1c28;--muted: #6d7280;--line: #e7e8ee;--blue: #2f62f0;--blue-soft: #eef2ff;--green: #e7f8ee;--green-ink: #157a45;--shadow: 0 12px 40px rgba(28, 28, 40, .08);color:var(--ink);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.45}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}svg{display:block}strong{font-weight:650}small{display:block;color:var(--muted);font-size:12px;font-weight:450}.shell{display:grid;grid-template-columns:68px minmax(0,1fr);height:100%;background:var(--page)}.workspace{min-width:0;min-height:0;height:100%;background:#fff}.rail{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;background:#fff;border-right:1px solid var(--line)}.logo,.gate-logo{width:36px;height:36px;border-radius:12px;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:700}.rail-items{display:flex;flex-direction:column;gap:4px}.rail button,.me{width:44px;height:44px;border:0;border-radius:12px;background:transparent;color:var(--muted);display:grid;place-items:center}.rail button.active{background:var(--blue-soft);color:var(--blue)}.me{margin-top:auto;background:var(--blue-soft);color:var(--blue);font-weight:700;font-size:13px}.tabbar{display:none}.gate{min-height:100%;display:grid;place-items:center;padding:24px;background:radial-gradient(900px 400px at 50% -10%,#e7edff,transparent 60%),var(--page)}.gate-card{width:min(400px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:var(--shadow);display:grid;gap:12px}.gate-card h1{font-size:28px;letter-spacing:-.03em}.lede,.hint,.muted{color:var(--muted)}.gate-foot{position:fixed;bottom:16px;color:var(--muted);font-size:12px}.field{display:grid;gap:6px;font-size:13px;font-weight:600}.field input,.field textarea,.field select,.input{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;padding:9px 11px;font-weight:450}.field textarea,textarea.input{resize:vertical}.error{color:#c53434;font-size:13px}.error.small{margin:0}.btn{height:32px;padding:0 12px;border-radius:9px;border:1px solid transparent;background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:600;white-space:nowrap}.btn.primary{background:var(--blue);color:#fff}.btn.ghost{border-color:var(--line);background:#fff}.btn.danger,.menu button.danger{color:#c53434}.btn.block{width:100%;height:40px}.btn:disabled{opacity:.45;cursor:default}.icon-btn{width:32px;height:32px;border:0;border-radius:9px;background:transparent;color:var(--muted);display:grid;place-items:center}.icon-btn:hover,.icon-btn.on{background:var(--page);color:var(--ink)}.pill{height:32px;border-radius:999px;border:1px solid var(--line);background:#fff;padding:0 12px;display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:650;line-height:1;color:var(--muted);flex:none;white-space:nowrap}.pill.green{color:var(--green-ink);background:var(--green);border-color:transparent}.inbox{display:grid;grid-template-columns:228px 332px minmax(0,1fr);height:100%}.inbox.with-details{grid-template-columns:220px 300px minmax(0,1fr) 300px}.sidebar,.list,.thread,.details{min-width:0;min-height:0}.sidebar{border-right:1px solid var(--line);background:#fbfbfd;overflow:auto;padding:16px 10px 24px}.sidebar-head h1,.page-head h1,.settings-nav h1{font-size:22px;letter-spacing:-.03em}.sidebar-head{padding:2px 8px 10px}.side-label{margin:16px 8px 6px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.folder-list{display:grid;gap:2px}.folder{width:100%;text-align:left;border:0;background:transparent;border-radius:9px;padding:7px 8px;display:flex;align-items:center;gap:8px;color:var(--ink)}.folder.active{background:#fff;box-shadow:0 0 0 1px var(--line);font-weight:650}.folder .grow,.grow{min-width:0;flex:1}.folder small{font-weight:450}.count{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--page);color:var(--muted);font-size:11px;display:grid;place-items:center}.dot{width:8px;height:8px;border-radius:99px;display:inline-block}.dot.lg{width:10px;height:10px}.status-dot{width:8px;height:8px;border-radius:99px;background:#c5c8d0}.status-dot.green{background:#30a46c}.status-dot.amber{background:#f5a524}.status-dot.red{background:#e5484d}.tag-new{display:flex;gap:6px;padding:4px}.tag-new input{flex:1;border:0;background:transparent;padding:6px}.tag-new.side{border-top:1px solid transparent}.list{border-right:1px solid var(--line);display:flex;flex-direction:column;background:#fff}.list-head,.thread-bar,.page-head,.section-head,.details-head{display:flex;align-items:center;gap:8px}.list-head{padding:12px}.search{flex:1;display:flex;align-items:center;gap:8px;height:36px;padding:0 10px;border-radius:10px;background:var(--page);color:var(--muted)}.search input{flex:1;border:0;background:transparent;outline:none;min-width:0}.search.compact{width:220px;flex:none}.list-tools{display:flex;gap:6px;padding:0 10px 10px 8px;overflow:hidden}.select-pill{position:relative;height:30px;display:inline-flex;align-items:center;gap:4px;padding:0 8px 0 6px;border-radius:999px;background:var(--page);color:var(--muted);max-width:46%;min-width:0;flex:0 1 auto}.select-pill>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:30px}.select-pill select{position:absolute;inset:0;width:100%;height:100%;opacity:0;border:0;cursor:pointer}.thread-bar .select-pill{position:static;max-width:160px}.thread-bar .select-pill select{position:static;opacity:1;width:auto;height:auto;max-width:110px;appearance:none;background:transparent}.rows{overflow:auto}.chat{width:100%;border:0;background:transparent;display:flex;gap:10px;text-align:left;padding:12px;border-bottom:1px solid #f3f4f7}.chat.active{background:#f7f8ff}.chat-copy{min-width:0;flex:1;display:grid;gap:2px}.chat-top{display:flex;justify-content:space-between;gap:8px}.chat-top time,.meta,.preview{color:var(--muted);font-size:12px}.preview{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chips,.tag-cloud{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.chip{font-size:11px;font-weight:650;border-radius:999px;padding:2px 7px;background:var(--page);color:var(--muted);display:inline-flex;align-items:center;gap:4px}.chip.bot{color:var(--blue);background:var(--blue-soft)}.chip.removable{border:0}.badge{min-width:18px;height:18px;border-radius:99px;background:var(--blue);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;padding:0 5px;align-self:center}.avatar{border-radius:999px;display:inline-grid;place-items:center;font-weight:700;position:relative;flex:none}.wa{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:99px;background:#25d366;box-shadow:0 0 0 2px #fff}.thread{display:flex;flex-direction:column;background:#f7f8fa;min-height:0}.thread-bar{padding:10px 12px;background:#fff;border-bottom:1px solid var(--line);min-width:0}.who{border:0;background:transparent;text-align:left;min-width:0;flex:1;display:grid}.who strong,.who span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.who span,.number-top span{color:var(--muted);font-size:12px}.bar-actions{margin-left:auto;display:flex;align-items:center;gap:6px;flex:none}.messages{flex:1;overflow:auto;padding:16px 18px 8px;display:flex;flex-direction:column;gap:8px}.day{display:grid;place-items:center;margin:8px 0}.day span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:12px;color:var(--muted)}.msg{display:flex;gap:8px;align-items:flex-end;max-width:min(680px,88%)}.msg.out{align-self:flex-end}.bubble{background:#fff;border-radius:16px 16px 16px 6px;padding:8px 10px;box-shadow:0 1px 1px #1c1c280a}.msg.out .bubble{background:#dcfce7;border-radius:16px 16px 6px}.bubble p{white-space:pre-wrap}.meta{display:flex;gap:6px;justify-content:flex-end;margin-top:2px}.bot-mark{display:inline-flex;align-items:center;gap:2px;color:var(--blue)}.note{align-self:center;width:min(520px,90%);background:#fff7ed;border-radius:12px;padding:10px 12px;font-size:13px}.note time{color:var(--muted);font-size:11px}.composer{background:#fff;border-top:1px solid var(--line);padding:8px 12px 12px;display:grid;gap:6px}.composer.note-mode textarea{background:#fff7ed}.composer-tabs{display:flex;gap:4px;align-items:center}.composer-tabs button{border:0;background:transparent;height:28px;padding:0 8px;border-radius:8px;color:var(--muted);font-weight:650}.composer-tabs button.active{background:var(--page);color:var(--ink)}.composer textarea{width:100%;border:0;resize:none;outline:none;background:transparent}.composer-bar{display:flex;align-items:center;gap:8px}.demo-banner{margin:12px 16px 0;background:#fff7ed;color:#9a5b00;border-radius:12px;padding:8px 12px;font-size:13px;font-weight:600}.chip.demo{color:#9a5b00;background:#fff7ed}.link-first{display:block;width:calc(100% - 24px);margin:8px 12px;border:1px dashed var(--line);background:#fff;border-radius:12px;padding:10px 12px;font-weight:650;color:var(--blue);text-align:left}.thread-empty,.empty{margin:auto;text-align:center;color:var(--muted);display:grid;justify-items:center;gap:6px;padding:28px 16px}.thread-empty h2,.empty strong{color:var(--ink)}.hero-icon{width:56px;height:56px;border-radius:18px;background:#fff;display:grid;place-items:center;color:var(--blue);box-shadow:var(--shadow)}.details{border-left:1px solid var(--line);background:#fff;overflow:auto}.details-head{padding:8px;position:sticky;top:0;background:#fff}.profile{text-align:center;display:grid;justify-items:center;gap:4px;padding:4px 16px 12px}.profile h2{font-size:18px}.profile p{color:var(--muted)}.detail-card{padding:12px 16px;border-top:1px solid var(--line);display:grid;gap:8px}.detail-card h3,.sub{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.row-field{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}.row-field span{color:var(--muted)}.row-field select{border:0;background:var(--page);border-radius:8px;padding:6px 8px;max-width:160px}.page{height:100%;overflow:auto;padding:22px 28px 40px}.page-head,.section-head{justify-content:space-between;margin-bottom:16px;gap:12px}.page-head p,.section-head p{color:var(--muted);margin-top:4px}.head-actions,.form-actions{display:flex;align-items:center;gap:8px}.form-actions{justify-content:flex-end}.form-actions.start{justify-content:flex-start}.board{display:flex;gap:12px;overflow:auto;padding-bottom:12px;align-items:flex-start}.column{width:260px;flex:none;background:var(--page);border-radius:14px;padding:10px;border-top:3px solid var(--stage, var(--blue))}.column header{display:flex;align-items:center;justify-content:space-between}.column-total{color:var(--muted);font-size:12px;margin:4px 0 8px}.cards{display:grid;gap:8px}.deal-card{background:#fff;border-radius:12px;padding:10px;display:grid;gap:6px;box-shadow:0 1px 2px #1c1c280a}.deal-top{display:flex;align-items:center;gap:8px}.deal-card select,.table{width:100%}.deal-card select{border:1px solid var(--line);border-radius:8px;padding:6px;background:#fff}.add-card{border:1px dashed var(--line);background:transparent;border-radius:12px;height:36px;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;gap:6px}.overdue{color:#c53434;font-size:12px}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:auto}.table{border-collapse:collapse}.table th{text-align:left;font-size:12px;color:var(--muted);font-weight:650;padding:10px 12px;border-bottom:1px solid var(--line)}.table td{padding:10px 12px;border-bottom:1px solid #f3f4f7;vertical-align:middle}.table td.right,td.right{text-align:right}.cell-person{display:flex;align-items:center;gap:8px}.stage-tag{color:var(--stage);background:color-mix(in srgb,var(--stage) 12%,white);border-radius:999px;padding:3px 8px;font-size:12px;font-weight:700}.segmented{display:flex;padding:3px;background:var(--page);border-radius:10px}.segmented button{border:0;background:transparent;height:28px;padding:0 12px;border-radius:8px;color:var(--muted);font-weight:650}.segmented button.active{background:#fff;color:var(--ink);box-shadow:0 1px 2px #1c1c280f}.settings{display:grid;grid-template-columns:240px minmax(0,1fr);height:100%}.settings-nav{border-right:1px solid var(--line);padding:18px 12px;overflow:auto;background:#fbfbfd}.settings-nav h1{margin:0 8px 8px}.settings-group{display:grid;gap:2px;margin-bottom:8px}.settings-body{overflow:auto;background:var(--page)}.settings-inner{max-width:820px;padding:22px 28px 48px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;margin-top:12px}.card.form,.form{display:grid;gap:10px}.card-title{display:flex;align-items:flex-start;gap:10px}.card-title .grow{display:grid;gap:2px;min-width:0}.card-title .grow span{display:block;color:var(--muted);font-size:13px;font-weight:450}.list-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-top:12px}.list-card.flat{border:0;margin:0}.list-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-top:1px solid #f3f4f7}.list-card .list-row:first-child{border-top:0}.inline-form{display:flex;gap:8px;align-items:center}.inline-form .input{flex:1}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stats div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;display:grid}.stats strong{font-size:22px}.stats span,.copy-box{color:var(--muted)}.copy-box{margin-top:10px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px 10px}.copy-box code{flex:1;overflow:auto;font-size:12px}.number-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.number-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;display:grid;gap:10px}.number-top,.number-foot,.switch-row{display:flex;align-items:center;gap:8px}.number-top .grow{display:grid;min-width:0}.number-top .grow strong,.number-top .grow span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.number-card dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.number-card dt{color:var(--muted);font-size:12px}.number-card dd{margin:0}.badge-status{border-radius:999px;padding:3px 8px;font-size:12px;font-weight:700;background:var(--page);color:var(--muted)}.badge-status.green{background:var(--green);color:var(--green-ink)}.badge-status.amber{background:#fff4d6;color:#8a5a00}.badge-status.red{background:#ffe8e8;color:#c53434}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.swatches{display:flex;gap:6px}.swatch{width:22px;height:22px;border-radius:99px;border:2px solid white;box-shadow:0 0 0 1px var(--line)}.swatch.on{box-shadow:0 0 0 2px var(--blue)}.switch{width:36px;height:22px;border-radius:99px;border:0;background:#d7dae1;padding:2px;display:flex}.switch span{width:18px;height:18px;border-radius:99px;background:#fff;transition:transform .15s ease}.switch.on{background:var(--blue)}.switch.on span{transform:translate(14px)}.switch:disabled{opacity:.45;cursor:default}.menu-wrap{position:relative}.menu{position:absolute;z-index:20;top:calc(100% + 6px);min-width:220px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:6px;display:grid}.menu.right{right:0}.menu.left{left:0}.menu button{border:0;background:transparent;text-align:left;border-radius:8px;padding:8px;display:flex;align-items:center;gap:8px}.menu button:hover{background:var(--page)}.menu-head,.menu-label{padding:6px 8px}.menu-head{display:grid}.menu-head span,.menu-label{color:var(--muted);font-size:12px}.tick{margin-left:auto;color:var(--blue)}.tag-menu{display:grid;min-width:220px}.scrim{position:fixed;inset:0;background:#14161e66;display:grid;place-items:center;padding:18px;z-index:30}.modal{width:min(460px,100%);background:#fff;border-radius:18px;box-shadow:var(--shadow)}.modal.wide{width:min(640px,100%)}.modal header{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 0}.modal-body,.wizard{padding:14px;display:grid;gap:10px}.wizard.center{justify-items:center;text-align:center}.stepper{list-style:none;display:flex;gap:8px;padding:0 14px;margin:8px 0 0}.stepper li{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px}.stepper li span{width:22px;height:22px;border-radius:99px;display:grid;place-items:center;background:var(--page);font-size:12px}.stepper li.current{color:var(--ink);font-weight:700}.stepper li.current span,.stepper li.done span{background:var(--blue);color:#fff}.how{text-align:left;margin:0;padding-left:18px;color:var(--muted)}.qr-box{width:240px;height:240px;border-radius:16px;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;background:#fff}.qr-box img{width:100%;height:100%;object-fit:contain}.qr-wait{padding:16px;color:var(--muted);display:grid;justify-items:center;gap:8px}.countdown{width:36px;height:36px;border-radius:99px;display:grid;place-items:center;background:var(--page);font-weight:700}.spinner{width:18px;height:18px;border-radius:99px;border:2px solid var(--line);border-top-color:var(--blue);animation:spin .8s linear infinite}.success-icon{width:64px;height:64px;border-radius:99px;display:grid;place-items:center;background:var(--green);color:var(--green-ink)}.success-icon.bad{background:#ffe8e8;color:#c53434}@keyframes spin{to{transform:rotate(360deg)}}#toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%) translateY(12px);background:#1c1c28;color:#fff;border-radius:999px;padding:10px 14px;font-size:13px;opacity:0;pointer-events:none;transition:.2s ease;z-index:40}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}.mobile-only{display:none}.desktop-only{display:inline-flex}.back{display:none}@media(max-width:980px){.shell{grid-template-columns:1fr}.rail{display:none}.tabbar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;height:64px;background:#fff;border-top:1px solid var(--line);z-index:15}.tabbar button{border:0;background:transparent;color:var(--muted);display:grid;justify-items:center;align-content:center;gap:2px;font-size:11px}.tabbar button.active{color:var(--blue)}.workspace{height:calc(100% - 64px)}.inbox,.inbox.with-details{grid-template-columns:1fr}.sidebar,.list,.thread,.details{display:none}.inbox.pane-list .list,.inbox.pane-thread .thread,.inbox.pane-details .details{display:flex}.inbox.pane-details .details{display:block}.back{display:grid}.desktop-only{display:none!important}.mobile-only{display:inline-flex}.page,.settings-inner{padding:16px}.settings{grid-template-columns:1fr}.settings-nav{border-right:0;border-bottom:1px solid var(--line);display:flex;gap:12px;overflow:auto;padding:12px}.settings-nav h1,.settings-group .side-label{display:none}.settings-group{display:flex;gap:4px;margin:0}.folder{width:auto;white-space:nowrap}.page-head,.section-head,.head-actions{flex-wrap:wrap}.search.compact{width:100%}#toast{bottom:76px}}