@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#172238;background:#f4f6fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;font-size:14px;--navy:#101b2d;--muted:#788399;--line:#e7ebf2;--mint:#62e1c0;--blue:#4768e8;--radius:15px}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.65;cursor:wait}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:255px;background:var(--navy);color:#c7d0df;display:flex;flex-direction:column;padding:22px 14px 14px;z-index:20;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:0 9px 24px;color:#fff}.brand-mark{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;background:var(--mint);color:#102236;font-family:Manrope,sans-serif;font-weight:800;font-size:22px}.brand strong{display:block;font:800 22px Manrope,sans-serif;letter-spacing:-1px}.brand small{display:block;font-size:8px;letter-spacing:1.5px;color:#8190a7;margin-top:1px}.org-switch{display:flex;align-items:center;gap:10px;padding:12px 10px;background:#1a2940;border:1px solid #2a3950;border-radius:12px;margin-bottom:24px;color:#f4f7fc}.org-avatar{width:32px;height:32px;border-radius:9px;background:#e6f0ff;color:#3155b9;display:grid;place-items:center;font-size:11px;font-weight:800}.org-switch div:nth-child(2){flex:1}.org-switch b,.org-switch small{display:block}.org-switch b{font-size:12px}.org-switch small{font-size:10px;color:#8d9ab0;margin-top:3px}.org-switch>svg{color:#8b9ab0}.nav-group{margin-bottom:22px}.nav-group>p{font-size:9px;letter-spacing:1.5px;color:#73819a;font-weight:700;padding:0 12px;margin:0 0 8px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:11px 12px;border:0;background:transparent;color:#aab6c9;border-radius:9px;text-align:left;font-size:12px;margin:2px 0;transition:.15s}.nav-item span{flex:1}.nav-item:hover{background:#1a2940;color:#fff}.nav-item.active{background:#273b52;color:#72e5c7;font-weight:700;box-shadow:inset 3px 0 #62e1c0}.nav-dot{width:6px;height:6px;border-radius:50%;background:#f7b957}.sidebar-bottom{margin-top:auto}.connection{display:flex;align-items:center;gap:9px;padding:12px 10px;border:1px solid #2a3950;border-radius:10px;margin-bottom:10px}.connection>div{flex:1}.connection b,.connection small{display:block}.connection b{font-size:11px;color:#e4eaf3}.connection small{font-size:10px;color:#8493aa;margin-top:3px}.connection>svg{color:#70dfbd}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#46cba3;box-shadow:0 0 0 3px #46cba31c;flex-shrink:0}.user-mini{display:flex;align-items:center;gap:9px;border-top:1px solid #29374d;padding:16px 7px 4px;margin-top:10px}.user-avatar,.top-user{width:33px;height:33px;display:grid;place-items:center;border-radius:50%;background:#d8e5ff;color:#3454a8;font-weight:800}.user-mini>div:nth-child(2){flex:1;min-width:0}.user-mini b,.user-mini small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-mini b{font-size:11px;color:#f1f4f9}.user-mini small{font-size:10px;color:#8796ac;margin-top:4px}.user-mini>svg{color:#8290a6}.main-area{margin-left:255px;min-height:100vh}.topbar{height:69px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 35px;position:sticky;top:0;z-index:10}.crumb{display:flex;align-items:center;gap:9px;color:#96a0b1;font-size:12px}.crumb b{color:#29354b;font-weight:700}.top-actions{display:flex;align-items:center;gap:17px}.api-pill{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #e8edf2;border-radius:20px;color:#667287;font-size:10px}.top-user{width:30px;height:30px;font-size:12px}.icon-btn{border:0;background:transparent;color:#738096;padding:8px;display:inline-grid;place-items:center;border-radius:8px}.icon-btn:hover{background:#eef2f8;color:#24344e}.icon-btn.bordered{border:1px solid var(--line);background:#fff}.icon-btn.small{padding:6px}.icon-btn.danger:hover{background:#fff0f0;color:#d54b58}.page-wrap{max-width:1600px;margin:0 auto;padding:32px 36px 0}.welcome-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{font-size:9px;letter-spacing:1.6px;color:#8190a5;font-weight:800}.welcome-row h1{font:800 29px Manrope,sans-serif;letter-spacing:-1.1px;margin:8px 0 7px;color:#19253a}.welcome-row p{margin:0}.muted{color:var(--muted);font-size:12px}.wave{color:#55cfae;font-size:22px}.primary-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;padding:10px 14px;font-size:11px;font-weight:700;white-space:nowrap}.primary-btn{background:#17263b;border:1px solid #17263b;color:#fff;box-shadow:0 3px 8px #101b2d12}.primary-btn:hover{background:#263b56}.secondary-btn{border:1px solid #e0e5ee;background:#fff;color:#48566d}.secondary-btn:hover{border-color:#bcc7d8;background:#fbfcfe}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:32px}.metric-card{min-width:0;border:1px solid #e8ecf3;border-radius:14px;background:#fff;padding:18px 18px 15px;text-align:left;box-shadow:0 3px 14px #26395b04;transition:transform .15s,box-shadow .15s}.metric-card:hover,.quick-card:hover{transform:translateY(-2px);box-shadow:0 9px 24px #1b2d4d0d}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#778399;font-size:11px}.metric-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;color:#27364c}.metric-value{font:800 29px Manrope,sans-serif;letter-spacing:-1px;margin:14px 0 12px;color:#172238}.metric-foot{display:flex;align-items:center;justify-content:space-between;color:#9aa4b4;font-size:10px;border-top:1px solid #f0f2f6;padding-top:12px}.metric-foot svg{color:#6f7d92}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 15px}.section-heading h2{font:800 17px Manrope,sans-serif;margin:0 0 5px;letter-spacing:-.4px}.section-heading p{margin:0;color:#8a95a8;font-size:11px}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:30px}.quick-card{display:flex;align-items:flex-start;gap:15px;text-align:left;border:1px solid #e8ecf3;border-radius:13px;background:#fff;padding:18px;transition:.15s}.quick-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;flex-shrink:0}.quick-icon.blue{background:#e9efff;color:#4b68d8}.quick-icon.green{background:#e2f8f0;color:#168d70}.quick-icon.orange{background:#fff0df;color:#c48132}.quick-icon.purple{background:#f1eaff;color:#8252cc}.quick-card>div:nth-child(2){min-width:0}.quick-card b{display:block;font:700 13px Manrope,sans-serif;color:#26334a;margin:2px 0 7px}.quick-card p{font-size:11px;color:#8490a3;margin:0 0 13px;line-height:1.5}.quick-card span{display:flex;align-items:center;gap:4px;color:#4867d9;font-size:10px;font-weight:700}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px}.panel{background:#fff;border:1px solid #e7ebf2;border-radius:14px;padding:19px}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.panel-title h3,.table-toolbar h3,.menu-editor h3{font:800 14px Manrope,sans-serif;margin:0 0 5px}.panel-title p,.table-toolbar p,.menu-editor p{font-size:10px;color:#929caf;margin:0}.panel-title>svg{color:#8190a5}.health-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #f0f2f6}.health-symbol{width:33px;height:33px;display:grid;place-items:center;background:#f1f4fa;border-radius:9px;color:#596a83}.health-row>div{flex:1;min-width:0}.health-row b,.health-row small{display:block}.health-row b{font-size:11px}.health-row small{font-size:9px;color:#919bad;margin-top:4px;overflow-wrap:anywhere}.soft-tag{font-size:9px;padding:5px 7px;background:#e5f8f0;color:#188365;border-radius:6px}.fine-print{font-size:9px;color:#9ba4b3;line-height:1.5}.getting-started>button{display:flex;align-items:center;gap:10px;width:100%;padding:11px 0;border:0;border-top:1px solid #f0f2f6;background:#fff;text-align:left}.step-no{font:800 10px Manrope;color:#9aa5b5;background:#f1f4f9;padding:8px;border-radius:7px}.getting-started button>span:nth-child(2){flex:1}.getting-started b,.getting-started small{display:block}.getting-started b{font-size:11px;color:#344158}.getting-started small{font-size:10px;color:#929bad;margin-top:4px}.getting-started button>svg{color:#8794a8}.notice{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:10px;font-size:11px;margin-bottom:18px}.notice p{margin:4px 0 0;line-height:1.5}.notice small{display:block;margin-top:6px;overflow-wrap:anywhere}.notice.warning{background:#fff7e8;border:1px solid #f7e3b9;color:#8d6628}.notice.success{background:#e8f9f2;border:1px solid #c6eddf;color:#177c61;align-items:center}.notice>button{margin-left:auto;background:transparent;border:0;color:inherit}.resource-heading{align-items:flex-end}.heading-actions{display:flex;align-items:center;gap:8px}.table-panel{background:#fff;border:1px solid #e7ebf2;border-radius:14px;overflow:hidden;margin-bottom:28px}.table-toolbar{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px}.table-tools{display:flex;align-items:center;gap:8px}.search-box{display:flex;align-items:center;gap:8px;padding:0 10px;height:35px;border:1px solid #e3e8f0;border-radius:8px;color:#9aa4b4;background:#fff}.search-box input{border:0;outline:0;width:170px;color:#25334b;font-size:11px;background:transparent}.table-scroll{width:100%;overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap}th{background:#f8f9fc;color:#8b96a9;text-align:left;text-transform:uppercase;letter-spacing:.7px;font-size:9px;font-weight:800;padding:12px 16px;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5}td{padding:14px 16px;border-bottom:1px solid #f0f2f6;font-size:11px;color:#647087;max-width:280px}td>span{display:block;overflow:hidden;text-overflow:ellipsis;max-width:260px}.primary-cell{font-weight:700;color:#2a3850}.status-tag{display:inline-block!important;padding:5px 7px;border-radius:6px;background:#f0f2f6;color:#738096;font-size:9px;max-width:unset!important;width:max-content}.status-tag.good{background:#e4f8f0;color:#188264}.row-actions{display:flex;gap:4px}.action-head{width:80px}.table-bottom{display:flex;justify-content:space-between;padding:12px 18px;font-size:9px;color:#9aa3b2}.table-bottom b{color:#65738a}.empty-state{padding:45px 20px!important;text-align:center!important;color:#8c97a8;white-space:normal!important}.empty-state>*{margin-left:auto;margin-right:auto}.empty-state b,.empty-state span{display:block}.empty-state b{font-size:12px;color:#48566e;margin:10px 0 5px}.empty-state span{font-size:10px;margin-bottom:12px}.empty-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#f1f4fa;color:#8996ab}.filter-row{display:flex;align-items:flex-end;gap:12px;padding:15px;background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:16px}.filter-row label,.menu-editor-head label{display:flex;flex-direction:column;gap:6px;color:#738096;font-size:10px;font-weight:700}.filter-row input,.menu-editor-head input{height:34px;border:1px solid #e1e6ee;border-radius:7px;padding:0 9px;color:#4b5870;background:#fff}.sync-panel{display:flex;align-items:center;gap:14px;margin-bottom:17px}.sync-panel>div{flex:1}.sync-panel h3{font:800 13px Manrope;margin:0 0 6px}.sync-panel p{font-size:11px;color:#8792a5;margin:0}.menu-editor{margin-bottom:17px}.menu-editor-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.menu-meals{display:grid;grid-template-columns:1fr 1fr;gap:12px}.menu-meals label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700;color:#65728a}.menu-meals textarea,.form-grid textarea,.send-message textarea{resize:vertical;border:1px solid #e1e6ee;border-radius:8px;padding:10px;outline:0;font-size:11px;color:#28364c;min-width:0}.menu-meals textarea:focus,.form-grid input:focus,.form-grid textarea:focus{border-color:#7c91e9;box-shadow:0 0 0 3px #506de711}.menu-editor-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:15px}.inbox-layout{height:min(680px,calc(100vh - 240px));min-height:480px;display:grid;grid-template-columns:minmax(245px,.75fr) minmax(0,1.5fr);border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;margin-bottom:25px}.inbox-list{border-right:1px solid var(--line);overflow-y:auto}.inbox-list-head{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid var(--line)}.inbox-list-head b{font:800 12px Manrope}.inbox-list-head span{background:#eff2f8;color:#7c899d;border-radius:7px;padding:4px 7px;font-size:10px}.conversation-item{width:100%;display:flex;align-items:flex-start;gap:10px;text-align:left;padding:13px;border:0;border-bottom:1px solid #f0f2f6;background:#fff}.conversation-item:hover,.conversation-item.selected{background:#f4f8ff}.chat-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:#e3ebff;color:#4a61bd;font-weight:800}.chat-summary{flex:1;min-width:0}.chat-summary b,.chat-summary small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-summary b{font-size:11px;color:#334159}.chat-summary small{font-size:9px;color:#8b96a8;margin-top:4px}.chat-summary p{font-size:10px;color:#929daf;margin:7px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-unread{width:7px;height:7px;border-radius:50%;background:#58c9a7;margin-top:5px}.chat-window{display:flex;flex-direction:column;min-width:0}.chat-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.chat-placeholder h3{font:800 15px Manrope;margin:15px 0 7px}.chat-placeholder p{max-width:290px;font-size:11px;line-height:1.6;color:#8995a8}.chat-head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line)}.chat-head>div:nth-child(2){flex:1}.chat-head b,.chat-head small{display:block}.chat-head b{font-size:12px}.chat-head small{font-size:10px;color:#8b96a8;margin-top:4px}.messages-area{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:10px;background:#f8f9fc}.message-bubble{align-self:flex-start;max-width:78%;background:#fff;border:1px solid #e8edf4;border-radius:12px 12px 12px 3px;padding:10px 12px;box-shadow:0 2px 6px #17223805}.message-bubble.outgoing{align-self:flex-end;background:#e4f8f0;border-color:#d1f0e4;border-radius:12px 12px 3px}.message-bubble p{font-size:11px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 5px}.message-bubble small{font-size:8px;color:#8d99aa}.send-message{padding:12px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:8px}.send-message textarea{min-height:44px}.send-message .primary-btn{align-self:end;height:38px}.send-message p{grid-column:1/-1;font-size:9px;color:#9aa4b4;margin:0}.modal-backdrop{position:fixed;inset:0;background:#101b2d78;z-index:50;display:flex;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(3px)}.modal-card{background:#fff;width:min(600px,100%);max-height:90vh;overflow:auto;border-radius:16px;padding:23px;box-shadow:0 24px 80px #101b2d2b}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.modal-head h2{font:800 19px Manrope;margin:7px 0 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{display:flex;flex-direction:column;gap:7px;color:#69768c;font-size:10px;font-weight:700}.form-grid input{width:100%;height:37px;border:1px solid #e0e6ef;border-radius:8px;padding:0 10px;outline:0;color:#29364b;font-size:11px}.form-grid textarea{width:100%}.full-field{grid-column:1/-1}.modal-foot{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.modal-card>.fine-print{margin-bottom:0}.login-page{min-height:100vh;display:grid;grid-template-columns:1.04fr .96fr;background:#fff}.login-decoration{position:relative;overflow:hidden;background:#101b2d;color:#fff;padding:35px 7%;display:flex;flex-direction:column}.login-orb{position:absolute;border-radius:50%;border:1px solid #3b566b5c}.orb1{width:550px;height:550px;right:-210px;top:14%;box-shadow:0 0 0 50px #20374b33,0 0 0 100px #20374b20}.orb2{width:270px;height:270px;right:3%;top:32%;background:linear-gradient(135deg,#25485b66,#62e1c010);border-color:#5b998e45}.login-brand{display:flex;align-items:center;gap:10px;position:relative;z-index:1;font:800 23px Manrope;letter-spacing:-1px}.login-copy{position:relative;z-index:1;margin:auto 0;max-width:510px;padding:65px 0}.login-copy .eyebrow{color:#6ee3c3}.login-copy h1{font:800 clamp(38px,5vw,64px)/1.1 Manrope;letter-spacing:-2.5px;margin:20px 0}.login-copy h1 em{font-style:normal;color:#65e2c1}.login-copy>p{color:#a8b6c8;font-size:14px;line-height:1.8;max-width:390px}.login-features{display:flex;flex-wrap:wrap;gap:15px;margin-top:32px}.login-features span{display:flex;align-items:center;gap:7px;color:#c1cddb;font-size:10px}.login-features svg{color:#65e2c1}.login-footer{position:relative;z-index:1;color:#72849c;font-size:10px}.login-panel{display:grid;place-items:center;padding:35px}.login-form{width:min(390px,100%)}.login-form>.eyebrow{color:#6175d6}.login-form h2{font:800 26px Manrope;letter-spacing:-.8px;margin:10px 0}.login-form>p{margin:0 0 28px}.login-form>label{display:flex;flex-direction:column;gap:8px;margin-bottom:17px;color:#45536a;font-size:11px;font-weight:700}.login-form input{height:44px;border:1px solid #dfe5ee;border-radius:9px;padding:0 12px;outline:0;color:#27354a;font-size:12px}.login-form input:focus{border-color:#8296ee;box-shadow:0 0 0 3px #526fe711}.login-submit{width:100%;height:44px;margin-top:5px}.login-submit svg{margin-left:auto}.login-security{display:flex;align-items:center;gap:8px;justify-content:center;margin:20px 0;color:#8793a6;font-size:10px}.login-security svg{color:#51ad8d}.endpoint-note{padding:11px;background:#f7f8fb;border:1px solid #eceff4;border-radius:8px}.endpoint-note b,.endpoint-note small{display:block}.endpoint-note b{font-size:10px;color:#53617a;margin-bottom:6px}.endpoint-note small{font-size:9px;color:#8995a8;overflow-wrap:anywhere;margin-top:3px}.error-box{font-size:11px;line-height:1.5;color:#a53643;background:#fff0f1;border:1px solid #f6d3d6;padding:10px;border-radius:8px;margin-bottom:10px}.mobile-login-brand,.menu-toggle,.mobile-close{display:none}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}footer{padding:12px 0 22px;text-align:center;font-size:9px;color:#a0a9b8}footer span{margin:0 6px;color:#c3c9d4}@media (min-width:1500px){.page-wrap{padding-left:46px;padding-right:46px}.metric-card,.quick-card{padding:22px}}@media (max-width:1100px){.sidebar{width:225px}.main-area{margin-left:225px}.page-wrap{padding:26px 24px 0}.topbar{padding:0 24px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-grid{grid-template-columns:1fr}.login-decoration{padding-left:8%;padding-right:8%}.login-copy h1{font-size:48px}}@media (max-width:760px){.sidebar{transform:translate(-100%);transition:transform .22s ease;width:260px;box-shadow:10px 0 40px #101b2d20}.sidebar.show{transform:translate(0)}.mobile-close{display:inline-grid;margin-left:auto;color:#c5d0df}.main-area{margin-left:0}.topbar{height:58px;padding:0 14px}.menu-toggle{display:inline-grid;margin-right:8px}.crumb{flex:1;gap:5px}.top-actions{gap:9px}.api-pill{font-size:0;padding:8px}.api-pill .status-dot{width:7px;height:7px}.page-wrap{padding:23px 15px 0}.welcome-row{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:20px}.welcome-row h1{font-size:25px}.welcome-row .secondary-btn{align-self:flex-start}.metric-grid{gap:10px;margin-bottom:25px}.metric-card{padding:13px}.metric-top{font-size:10px;gap:5px}.metric-icon{width:31px;height:31px}.metric-value{font-size:25px;margin:12px 0}.metric-foot{font-size:9px}.quick-grid{grid-template-columns:1fr;gap:10px}.quick-card{padding:14px}.quick-icon{width:40px;height:40px}.bottom-grid{gap:12px}.panel{padding:15px}.resource-heading{flex-direction:column;align-items:flex-start}.heading-actions{width:100%;flex-wrap:wrap}.heading-actions .primary-btn{flex:1}.table-toolbar{align-items:flex-start;flex-direction:column;padding:15px}.table-tools{width:100%}.search-box{flex:1}.search-box input{width:100%;min-width:0}.table-scroll table{min-width:700px}.menu-meals{grid-template-columns:1fr}.menu-editor-head,.menu-editor-actions{align-items:flex-start;flex-direction:column}.inbox-layout{height:calc(100vh - 200px);min-height:520px;grid-template-columns:1fr}.inbox-list{border-right:0;border-bottom:1px solid var(--line);max-height:240px}.chat-window{min-height:280px}.inbox-layout:has(.conversation-item.selected){grid-template-rows:.6fr 1fr}.inbox-layout:has(.conversation-item.selected) .inbox-list{max-height:none}.form-grid{grid-template-columns:1fr}.full-field{grid-column:auto}.modal-card{padding:17px}.login-page{grid-template-columns:1fr}.login-decoration{display:none}.login-panel{min-height:100vh;padding:25px}.mobile-login-brand{display:flex;align-items:center;gap:9px;margin-bottom:48px;font:800 22px Manrope}.mobile-login-brand .brand-mark{width:34px;height:34px}.login-form h2{font-size:24px}.filter-row{flex-wrap:wrap}.filter-row label{flex:1;min-width:110px}.filter-row .secondary-btn{width:100%}.sync-panel{flex-wrap:wrap}.sync-panel>div{min-width:calc(100% - 70px)}.sync-panel>button{margin-left:54px}.endpoint-note{margin-top:25px}}@media (max-width:390px){.metric-grid{grid-template-columns:1fr 1fr}.metric-card{padding:11px}.metric-top{align-items:flex-start}.metric-top>span:first-child{max-width:85px}.metric-foot span{max-width:115px}.top-actions .icon-btn{display:none}.welcome-row h1{font-size:23px}.quick-card p{line-height:1.4}}.fz-landing{background:#fbfcfe;color:#15243a;min-height:100vh;font-family:DM Sans,sans-serif;overflow:hidden}.fz-nav{height:82px;max-width:1240px;margin:auto;padding:0 28px;display:flex;align-items:center;gap:35px}.fz-logo{display:inline-flex;align-items:center;gap:9px;color:#142239;text-decoration:none;font:800 24px Manrope,sans-serif;letter-spacing:-1px}.fz-logo>span{display:grid;place-items:center;width:36px;height:36px;background:#67e4c2;color:#11263a;border-radius:12px;font-size:25px;letter-spacing:-2px}.fz-nav nav{display:flex;gap:27px;margin-left:30px}.fz-nav nav a,.fz-footer a{font-size:12px;text-decoration:none;color:#69778c}.fz-nav nav a:hover,.fz-footer a:hover{color:#17263b}.fz-nav-actions{margin-left:auto;display:flex;align-items:center;gap:24px}.fz-login{font-size:12px;font-weight:700;color:#304159;text-decoration:none}.fz-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:9px;padding:13px 17px;text-decoration:none;font-size:12px;font-weight:800;transition:transform .16s,box-shadow .16s;border:0}.fz-btn:hover{transform:translateY(-1px)}.fz-btn-dark{background:#17263b;color:#fff}.fz-btn-green{background:#68e3c1;color:#132b3d;box-shadow:0 8px 22px #61d9b91f}.fz-hero{max-width:1240px;margin:0 auto;padding:76px 28px 84px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:42px;position:relative}.fz-hero-copy{position:relative;z-index:2}.fz-pill{display:inline-flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid #e4eaf1;background:#fff;border-radius:30px;font-size:9px;font-weight:800;letter-spacing:1.25px;color:#718098}.fz-pill>span{width:7px;height:7px;border-radius:50%;background:#54caa8;box-shadow:0 0 0 4px #54caa81c}.fz-hero h1{font:800 clamp(42px,5.2vw,68px)/1.08 Manrope,sans-serif;letter-spacing:-3px;margin:26px 0 20px;color:#15243a}.fz-hero h1 em,.fz-section-head h2 em,.fz-steps h2 em{font-style:normal;color:#4dba9d}.fz-hero-copy>p{max-width:495px;font-size:14px;line-height:1.9;color:#78869a;margin:0}.fz-hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:29px}.fz-text-link{color:#53647b;font-size:11px;font-weight:700;text-decoration:none}.fz-proof{display:flex;gap:20px;flex-wrap:wrap;margin-top:23px}.fz-proof span{display:flex;align-items:center;gap:6px;color:#8b98aa;font-size:10px}.fz-proof svg{color:#4dbb9d}.fz-hero-visual{position:relative;min-height:465px;display:grid;place-items:center}.fz-glow{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,#b5f4e5 0%,#dcf8f0 38%,#edf9f7 62%,transparent 72%);filter:blur(2px)}.fz-dashboard-card{position:relative;width:min(470px,100%);background:#fff;border:1px solid #e8edf3;border-radius:18px;padding:22px;box-shadow:0 25px 75px #1b355414;transform:rotate(1.4deg);z-index:1}.fz-dash-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #eef1f5}.fz-dash-top>div{display:flex;align-items:center;gap:9px;font-size:11px}.fz-mini-logo{width:25px;height:25px;border-radius:8px;background:#67e4c2;display:grid;place-items:center;font-weight:900;font-size:16px}.fz-live{display:flex;align-items:center;gap:6px;color:#6c7b90;font-size:9px}.fz-live i{width:6px;height:6px;background:#58c9a8;border-radius:50%}.fz-dash-welcome{padding:25px 3px 22px}.fz-dash-welcome small{font-size:8px;letter-spacing:1.5px;font-weight:800;color:#8996a9}.fz-dash-welcome h3{font:800 23px Manrope;margin:9px 0 6px;letter-spacing:-.6px}.fz-dash-welcome p{font-size:10px;color:#8b98aa;margin:0}.fz-dash-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fz-dash-metrics>div{display:flex;flex-direction:column;align-items:flex-start;padding:15px;border:1px solid #e9edf4;border-radius:12px}.fz-metric-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;margin-bottom:13px}.fz-metric-icon.purple{background:#efedff;color:#6c64d7}.fz-metric-icon.green{background:#e4f9f1;color:#35a887}.fz-dash-metrics small{font-size:9px;color:#8a97aa}.fz-dash-metrics b{font-size:12px;margin:6px 0;color:#293950}.fz-dash-metrics>div>span:last-child{font-size:9px;color:#9aa5b4}.fz-dash-bottom{display:flex;align-items:center;gap:10px;padding-top:18px;margin-top:17px;border-top:1px solid #edf0f5;color:#8c98aa;font-size:9px}.fz-dash-bottom>span:nth-child(2){flex:1}.fz-dash-bottom>svg{color:#4dbb9d}.fz-avatars{display:flex;padding-left:3px}.fz-avatars i{font-style:normal;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;margin-left:-4px;border:2px solid white;background:#dfe8ff;color:#5364a8;font-size:8px;font-weight:800}.fz-avatars i:nth-child(2){background:#ffe8d8;color:#9d6947}.fz-avatars i:nth-child(3){background:#dcf6e9;color:#38896e}.fz-avatars i:nth-child(4){background:#f0eaff;color:#7763ae}.fz-float{position:absolute;z-index:2;display:flex;align-items:center;gap:11px;padding:13px 16px;background:#fff;border:1px solid #e8edf2;border-radius:13px;box-shadow:0 15px 35px #17263b12}.fz-float>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#e5f9f2;color:#36a887}.fz-float b,.fz-float small{display:block}.fz-float b{font-size:10px;color:#293950}.fz-float small{font-size:9px;color:#8c99aa;margin-top:4px}.fz-float-top{top:54px;left:-14px}.fz-float-bottom{bottom:47px;right:-6px}.fz-float-bottom>span{background:#f0edff;color:#7665cf}.fz-trial-strip{max-width:1184px;margin:0 auto 30px;padding:22px 26px;background:#17263b;border-radius:15px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff}.fz-trial-strip>div{display:flex;align-items:center;gap:14px}.fz-trial-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#294052;color:#73e5c5}.fz-trial-strip b{font:700 14px Manrope}.fz-trial-strip p{font-size:10px;color:#a7b5c7;margin:6px 0 0}.fz-trial-strip>a{display:flex;align-items:center;gap:8px;text-decoration:none;color:#70e4c3;font-size:11px;font-weight:800;white-space:nowrap}.fz-features{max-width:1184px;margin:auto;padding:95px 0 105px}.fz-section-head{text-align:center}.fz-kicker{font-size:9px;letter-spacing:1.7px;font-weight:800;color:#4eae95}.fz-section-head h2,.fz-steps h2{font:800 37px/1.2 Manrope;letter-spacing:-1.5px;margin:17px 0 12px}.fz-section-head>p,.fz-steps>div:first-child>p{font-size:12px;line-height:1.8;color:#8995a7}.fz-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px}.fz-feature-card{position:relative;padding:25px;border:1px solid #e7edf3;border-radius:14px;background:#fff;overflow:hidden}.fz-feature-top{display:flex;justify-content:space-between;align-items:center}.fz-feature-top>span{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;background:#e7faf3;color:#35a987}.fz-feature-top small{font-size:10px;color:#a0aaba;font-weight:800}.fz-feature-card h3{font:800 16px Manrope;letter-spacing:-.3px;margin:26px 0 10px}.fz-feature-card p{font-size:11px;line-height:1.8;color:#8995a7;min-height:60px;margin:0}.fz-feature-line{height:3px;width:34px;background:#66dfbd;border-radius:5px;margin-top:25px}.fz-steps{max-width:1184px;margin:0 auto 90px;padding:52px 58px;background:#f0f6f5;border:1px solid #e6efed;border-radius:18px;display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}.fz-steps h2{font-size:34px}.fz-steps>div:first-child>p{max-width:360px;margin:0 0 23px}.fz-step-list{display:flex;flex-direction:column;gap:22px}.fz-step-list>div{display:flex;gap:17px;align-items:flex-start}.fz-step-list>div>span{width:33px;height:33px;flex-shrink:0;display:grid;place-items:center;background:#fff;border:1px solid #dcebe6;border-radius:10px;color:#42aa8c;font-size:10px;font-weight:800}.fz-step-list b{font:800 12px Manrope}.fz-step-list p{font-size:10px;line-height:1.7;color:#8392a1;margin:6px 0 0}.fz-footer{max-width:1184px;margin:auto;padding:25px 0 32px;border-top:1px solid #e9edf2;display:flex;align-items:center;gap:22px}.fz-footer .fz-logo{font-size:20px}.fz-footer .fz-logo>span{width:30px;height:30px;font-size:20px}.fz-footer>p{font-size:10px;color:#929daf;flex:1}.fz-footer>div{display:flex;gap:17px}.fz-footer>small{font-size:9px;color:#a5afbc}.fz-auth-page{min-height:100vh;background:#f6f9fb;display:flex;flex-direction:column;align-items:center;padding:30px 20px}.fz-auth-page>.fz-logo{align-self:flex-start;margin-left:max(0px,calc((100vw - 500px)/2));font-size:22px}.fz-auth-card{width:min(490px,100%);background:#fff;border:1px solid #e8edf3;border-radius:17px;padding:30px;margin:35px 0;box-shadow:0 20px 60px #20334c0b}.fz-auth-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:#e4f9f1;color:#36a887;margin-bottom:22px}.fz-auth-card h1{font:800 27px Manrope;letter-spacing:-.8px;margin:9px 0}.fz-auth-card>p{font-size:11px;line-height:1.8;color:#8290a4;margin:0 0 24px}.fz-signup-form{display:flex;flex-direction:column;gap:14px}.fz-signup-form label{display:flex;flex-direction:column;gap:7px;font-size:10px;font-weight:800;color:#536177}.fz-signup-form input,.fz-settings-fields input,.fz-settings-fields select{width:100%;height:41px;border:1px solid #dfe6ee;border-radius:8px;padding:0 11px;color:#293950;background:#fff;outline:none;font-size:11px}.fz-signup-form input:focus,.fz-settings-fields input:focus,.fz-settings-fields select:focus{border-color:#62cbb0;box-shadow:0 0 0 3px #62cbb01b}.fz-signup-form label small{font-size:9px;font-weight:400;color:#95a0af}.fz-submit{width:100%;margin-top:4px}.fz-auth-note{display:flex;justify-content:center;align-items:center;gap:7px;color:#7c8a9e;font-size:10px;margin-top:20px}.fz-auth-note svg{color:#45b293}.fz-auth-back{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #eef1f5;padding-top:17px;margin-top:21px;font-size:10px;color:#8793a5}.fz-auth-back a{display:inline-flex;align-items:center;gap:5px;color:#4b617a;text-decoration:none;font-weight:700}.fz-settings-wrap{max-width:1050px;margin:auto}.fz-trial-status{display:inline-flex;align-items:center;gap:7px;border:1px solid #dfeee8;background:#f2fbf7;border-radius:20px;padding:8px 12px;font-size:10px;color:#318d73;white-space:nowrap}.fz-settings-form{display:flex;flex-direction:column;gap:18px;margin-bottom:30px}.fz-settings-card{border:1px solid #e6ebf2;background:#fff;border-radius:14px;padding:23px}.fz-settings-card-head{display:flex;align-items:flex-start;gap:13px;padding-bottom:20px;border-bottom:1px solid #edf0f5}.fz-settings-card-head>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#ecefff;color:#5e68c7;flex-shrink:0}.fz-settings-card-head>span.wa{background:#e3f8ee;color:#2d9b7b}.fz-settings-card-head h2{font:800 15px Manrope;margin:2px 0 6px}.fz-settings-card-head p{font-size:10px;color:#8794a7;margin:0;line-height:1.7}.fz-settings-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.fz-settings-fields label{display:flex;flex-direction:column;gap:7px;font-size:10px;font-weight:800;color:#5c6980}.fz-settings-fields label.full{grid-column:1/-1}.fz-settings-fields small{font-size:9px;font-weight:400;color:#8c99aa;line-height:1.6}.fz-settings-fields .fz-checkbox{flex-direction:row;align-items:center;gap:9px;font-weight:600}.fz-settings-fields .fz-checkbox input{width:15px;height:15px}.fz-settings-security{display:flex;gap:9px;align-items:flex-start;background:#f7fafc;border:1px solid #edf1f5;border-radius:9px;padding:12px;margin-top:19px;color:#7c8a9e;font-size:10px;line-height:1.7}.fz-settings-security svg{flex-shrink:0;color:#48ad91}.fz-settings-actions{display:flex;justify-content:space-between;align-items:center;gap:15px}.fz-settings-actions>span{font-size:10px;line-height:1.6;color:#8a96a8;max-width:600px}.fz-settings-success{display:flex;gap:8px;align-items:center;padding:11px 13px;background:#edfaf4;color:#268362;border:1px solid #d7f2e5;border-radius:8px;font-size:11px;margin-bottom:16px}.fz-settings-alert{padding:12px;background:#fff7e7;border:1px solid #f4e3bd;color:#93691f;border-radius:8px;font-size:11px;margin-bottom:16px}@media (max-width:900px){.fz-hero{grid-template-columns:1fr;padding-top:50px;gap:15px}.fz-hero-copy{max-width:650px}.fz-hero-visual{min-height:440px}.fz-float-top{left:2%}.fz-float-bottom{right:2%}.fz-trial-strip,.fz-features,.fz-steps,.fz-footer{margin-left:22px;margin-right:22px}.fz-features{padding:75px 0}.fz-steps{padding:35px;gap:35px}.fz-nav nav{margin-left:10px}.fz-feature-card{padding:19px}}@media (max-width:620px){.fz-nav{height:68px;padding:0 18px;gap:12px}.fz-nav nav{display:none}.fz-nav-actions{gap:13px}.fz-nav-actions .fz-btn{padding:10px 11px;font-size:10px}.fz-logo{font-size:21px}.fz-logo>span{width:32px;height:32px}.fz-hero{padding:42px 19px 45px}.fz-hero h1{font-size:43px;letter-spacing:-2px}.fz-hero-copy>p{font-size:12px}.fz-hero-actions{align-items:flex-start;flex-direction:column;gap:15px}.fz-proof{gap:10px;flex-direction:column}.fz-hero-visual{min-height:360px;margin-top:5px}.fz-dashboard-card{padding:15px}.fz-dash-top{gap:8px}.fz-live{font-size:8px}.fz-dash-metrics>div{padding:10px}.fz-dash-welcome{padding:20px 3px}.fz-float{padding:9px 11px}.fz-float-top{top:17px}.fz-float-bottom{bottom:12px}.fz-trial-strip{margin:0 14px 15px;padding:18px;align-items:flex-start;flex-direction:column}.fz-trial-strip b{font-size:12px}.fz-trial-strip p{line-height:1.7}.fz-features{padding:65px 0;margin:0 18px}.fz-section-head h2{font-size:29px}.fz-section-head>p{line-height:1.8}.fz-feature-grid{grid-template-columns:1fr;margin-top:28px}.fz-feature-card p{min-height:0}.fz-steps{margin:0 14px 55px;padding:25px;grid-template-columns:1fr;gap:32px}.fz-steps h2{font-size:29px}.fz-footer{margin:0 18px;flex-wrap:wrap;gap:12px}.fz-footer>p{flex-basis:calc(100% - 150px);text-align:right}.fz-footer>div{order:3;width:100%}.fz-footer>small{margin-left:auto}.fz-auth-page{padding:20px 13px}.fz-auth-page>.fz-logo{margin-left:5px}.fz-auth-card{padding:22px;margin:25px 0}.fz-auth-card h1{font-size:24px}.fz-auth-back{align-items:flex-start;flex-direction:column}.fz-settings-wrap .welcome-row{align-items:flex-start}.fz-settings-fields{grid-template-columns:1fr}.fz-settings-fields label.full{grid-column:auto}.fz-settings-card{padding:17px}.fz-settings-actions{align-items:flex-start;flex-direction:column}.fz-settings-actions .primary-btn{width:100%}}:root{--amber:#f4a93b;--red:#e5586b;--purple:#8b5cf6;--ok:#17a37b;--text:#172238}.page{display:grid;gap:18px;align-content:start}.page-loading{padding:40px}.loading-line{padding:16px}.card{background:#fff;border:1px solid #e8ecf3;border-radius:14px;box-shadow:0 3px 14px #26395b04;min-width:0}.card.pad,.pad{padding:18px}.card h3,.pad h3{margin:0 0 10px;font-size:14px}.table-card{overflow:hidden}.table-card .table-tools{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.table-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.row-actions{text-align:right;white-space:nowrap}.row-actions .secondary-btn{padding:6px 10px;font-size:11px}.icon-btn.danger:hover{color:var(--red)}.heading-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.cell-user{display:flex;align-items:center;gap:10px}.link-btn{background:none;border:0;color:var(--blue);cursor:pointer;font:inherit;font-size:11px;padding:0 4px}.two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.quick-link{display:flex;align-items:center;gap:10px;padding:10px 4px;color:inherit;text-decoration:none;border-bottom:1px solid #f0f2f6}.quick-link span{flex:1}.quick-link:hover{color:var(--blue)}.metric-card.static{cursor:default}.metric-card .metric-icon{color:#fff}.avatar{display:inline-grid;place-items:center;border-radius:50%;background:#e8edfb;color:var(--blue);font-weight:800;flex:none}.pill{display:inline-block;padding:3px 9px;border-radius:99px;font-size:10px;font-weight:700;background:#eef1f7;color:#5d6a82;margin-right:4px;white-space:nowrap}.pill.new,.pill.active,.pill.quoted{background:#e8edfb;color:var(--blue)}.pill.inprogress,.pill.contacted,.pill.late,.pill.waitingforstaff,.pill.shiftmismatch{background:#fff3dc;color:#a8741c}.pill.present,.pill.resolved,.pill.confirmed{background:#dcf7ee;color:#0d7a5c}.pill.absent,.pill.closed,.pill.closed_lost,.pill.cancelled,.pill.failed{background:#fde6ea;color:#b53a4c}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tabs button{border:1px solid #e3e8f1;background:#fff;border-radius:99px;padding:7px 13px;font:inherit;font-size:11px;font-weight:700;color:#5d6a82;cursor:pointer}.tabs button.on{background:var(--navy);color:#fff;border-color:var(--navy)}.tabs b{margin-left:6px;opacity:.7}.seg{display:inline-flex;border:1px solid #e3e8f1;border-radius:10px;overflow:hidden}.seg button{border:0;background:#fff;padding:8px 14px;font:inherit;font-weight:700;cursor:pointer}.seg button.on{background:var(--navy);color:#fff}.notice.success{background:#e8f9f2;border:1px solid #bfeedc;color:#0d6b52}.notice button{margin-left:auto;background:none;border:0;cursor:pointer;color:inherit}.error-box{background:#fde6ea;border:1px solid #f6c3cc;color:#a02f42;border-radius:10px;padding:10px 12px;font-size:12px}.empty-state{display:grid;justify-items:center;gap:8px;padding:36px 16px;color:var(--muted);text-align:center}.empty-icon{width:46px;height:46px;border-radius:14px;background:#f0f3fa;display:grid;place-items:center}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:4px 0}.form-grid label{display:grid;gap:6px;font-size:11px;font-weight:700;color:#5d6a82;align-content:start}.form-grid .full,.full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea,.filter-row input,.filter-row select,.inbox-side select,.menu-card input,.menu-card textarea,table select{border:1px solid #dfe5ef;border-radius:9px;padding:9px 11px;font:inherit;font-size:12px;background:#fff;color:var(--text);width:100%;box-sizing:border-box}.form-grid input[type=checkbox]{width:auto}.modal-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.filter-row{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.filter-row label{display:grid;gap:6px;font-size:11px;font-weight:700;color:#5d6a82;min-width:150px}.inline-check{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600}.detail-box{background:#f8f9fc;border-radius:10px;padding:10px 12px;font-size:12px}.detail-box p{margin:4px 0}.picker{max-height:220px;overflow:auto;border:1px solid #e3e8f1;border-radius:10px;padding:10px;display:grid;gap:8px}@media (max-width:720px){.form-grid{grid-template-columns:1fr}}.kv{display:grid;gap:10px;margin:0}.kv>div{display:grid;grid-template-columns:170px 1fr;gap:12px;padding:8px 0;border-bottom:1px solid #f0f2f6}.kv dt{color:var(--muted);font-weight:700;font-size:11px}.kv dd{margin:0;font-size:12px}.kv.small>div{grid-template-columns:90px 1fr;padding:5px 0}.history{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px;font-size:11px}.history li{display:grid;gap:2px;padding-left:10px;border-left:2px solid #dfe5ef}.history small,.feed small,.attn small,.integ small{color:var(--muted);display:block;font-size:10px}.feed{list-style:none;margin:0;padding:0;display:grid;gap:10px}.feed li{display:flex;justify-content:space-between;gap:12px;font-size:12px}.integ{list-style:none;margin:0;padding:0;display:grid;gap:12px}.integ li{display:flex;gap:10px;align-items:flex-start}.dot{width:16px;height:16px;border-radius:50%;display:inline-grid;place-items:center;flex:none;margin-top:2px;background:#cfd6e4;color:#fff}.dot.ok{background:var(--ok)}.dot.pending{background:var(--amber)}.dot.in{background:var(--blue)}.dot.out{background:var(--mint)}.attn{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #f0f2f6;color:inherit;text-decoration:none;font-size:12px}.attn-side{text-align:right}.bars{display:flex;gap:10px;align-items:end;height:160px;padding-top:8px}.bar-col{flex:1;display:grid;gap:6px;height:100%;grid-template-rows:1fr auto;text-align:center}.bar-pair{display:flex;gap:3px;align-items:end;height:100%}.bar{flex:1;border-radius:4px 4px 0 0;min-height:2px}.bar.in{background:var(--blue)}.bar.out{background:var(--mint)}.legend{display:flex;gap:16px;font-size:11px;color:var(--muted);margin-top:10px}.legend .dot{display:inline-block;width:9px;height:9px;margin-right:5px}.bc{padding:12px 0;border-bottom:1px solid #f0f2f6;display:grid;gap:6px;font-size:12px}.bc small{display:block;color:var(--muted)}.bc-tally{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:#5d6a82}.bc-tally .bad{color:var(--red)}.copy-row{display:grid;grid-template-columns:150px 1fr auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #f0f2f6;font-size:12px}.copy-row code{background:#f4f6fa;padding:6px 8px;border-radius:7px;overflow-wrap:anywhere}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.menu-card{padding:16px;display:grid;gap:10px}.menu-head{display:flex;justify-content:space-between;align-items:center}.menu-head h3{margin:0}.menu-help{grid-column:1/-1;margin:0}.inbox{display:grid;grid-template-columns:320px minmax(0,1fr) 270px;gap:0;height:calc(100vh - 150px);min-height:480px;background:#fff;border:1px solid #e8ecf3;border-radius:14px;overflow:hidden}.inbox-list{border-right:1px solid #eef1f6;display:flex;flex-direction:column;min-height:0;padding:12px 10px 0}.inbox-scroll{overflow:auto;margin-top:10px;flex:1}.conv{display:flex;gap:10px;width:100%;text-align:left;border:0;background:none;padding:11px 8px;border-radius:10px;cursor:pointer;font:inherit;position:relative}.conv:hover,.conv.on{background:#f1f4fb}.conv-main{flex:1;min-width:0;display:grid;gap:3px}.conv-top{display:flex;justify-content:space-between;gap:8px}.conv-top small{color:var(--muted);font-size:10px}.conv-sub{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-meta{display:flex;gap:6px;align-items:center}.conv-meta small{font-size:10px;color:var(--muted)}.unread{position:absolute;right:8px;bottom:12px;background:var(--blue);color:#fff;border-radius:99px;min-width:18px;height:18px;display:grid;place-items:center;font-size:10px;font-weight:800;padding:0 5px}.thread{display:flex;flex-direction:column;min-width:0;min-height:0}.thread-head{display:flex;gap:10px;align-items:center;padding:12px 16px;border-bottom:1px solid #eef1f6}.thread-head>div{flex:1;display:grid}.thread-head small{color:var(--muted);font-size:10px}.thread-head .back{display:none}.messages{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:8px;background:#f7f9fc}.bubble{max-width:72%;padding:9px 12px;border-radius:14px;font-size:12px;line-height:1.45;background:#fff;border:1px solid #e8ecf3;align-self:flex-start}.bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.bubble small{display:flex;align-items:center;gap:4px;font-size:9px;color:var(--muted);margin-top:4px}.bubble.out{align-self:flex-end;background:#e6efff;border-color:#d3e1fb}.bubble.out.auto{background:#eef2f6;border-color:#e0e6ee}.bubble.out.broadcast{background:#fff4de;border-color:#f6e1b5}.tick{color:var(--muted)}.tick.read{color:#2f8ff0}.tick.failed{color:var(--red)}.suggest{display:flex;gap:10px;align-items:flex-start;margin:0 14px 8px;padding:10px 12px;background:#fffbe8;border:1px solid #f4e7a9;border-radius:10px;font-size:11px}.suggest div{flex:1}.suggest p{margin:4px 0}.suggest small{color:var(--muted)}.thread>.notice{margin:0 14px 8px}.composer{display:flex;gap:10px;padding:12px 14px;border-top:1px solid #eef1f6;align-items:end}.composer textarea{flex:1;border:1px solid #dfe5ef;border-radius:10px;padding:9px 11px;font:inherit;font-size:12px;resize:none}.inbox-side{border-left:1px solid #eef1f6;padding:16px;display:grid;gap:12px;align-content:start;overflow:auto;font-size:12px}.inbox-side h4{margin:6px 0 0;font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}.inbox-side label{display:grid;gap:5px;font-size:11px;font-weight:700;color:#5d6a82}@media (max-width:1100px){.inbox{grid-template-columns:300px minmax(0,1fr)}.inbox-side{display:none}}@media (max-width:760px){.inbox{grid-template-columns:1fr;height:calc(100vh - 130px)}.inbox .thread,.inbox.has-thread .inbox-list{display:none}.inbox.has-thread .thread{display:flex}.thread-head .back{display:inline-grid}.bubble{max-width:88%}}