:root{--bg:#f7f9fa;--panel:#fff;--text:#111b21;--muted:#667781;--border:#e7ecee;--accent:#008069;--accent-hover:#006e5a;--mint:#d9fdd3;--rail:#edf1f2;--red:#b94343;--ease:cubic-bezier(.2,.8,.2,1);color-scheme:light;font-family:'Segoe UI',-apple-system,BlinkMacSystemFont,Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--bg);font-size:14px;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,input,textarea,select{font:inherit}button,summary{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #72bba7;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:0;border-color:#7fbdac!important;box-shadow:0 0 0 3px #0080690a}button,summary,input,select,textarea{transition:background 150ms,border-color 150ms,color 150ms,box-shadow 150ms}.hidden{display:none!important}.icon{width:21px;height:21px;display:inline-block;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#c9d1d4;border-radius:8px}::-webkit-scrollbar-track{background:transparent}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 17px;border:1px solid transparent;border-radius:8px;font-weight:600;font-size:13px;line-height:1.2;white-space:nowrap;background:transparent;color:var(--text)}.btn .icon{width:17px;height:17px}.btn.primary{color:#fff;background:var(--accent)}.btn.primary:hover:not(:disabled){background:var(--accent-hover)}.btn.ghost{background:#fff;border-color:#dce4e6;color:#40545e}.btn.ghost:hover:not(:disabled),.btn.subtle:hover:not(:disabled){background:#f0f5f3;border-color:#cbdad4}.btn.subtle{color:var(--accent);background:#edf7f2}.btn.danger{color:var(--red);background:#fff5f4}.btn.danger:hover:not(:disabled){background:#fdebea}.btn.small{min-height:33px;font-size:12px;padding:8px 12px;border-radius:7px}.btn.full{width:100%;min-height:46px;margin-top:18px;justify-content:space-between;padding-left:19px;padding-right:17px;border-radius:9px}.btn[aria-busy=true]::after{content:'';width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin 650ms linear infinite}.icon-btn{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:transparent;color:var(--muted);padding:0}.icon-btn:hover:not(:disabled){background:#e9efed;color:var(--accent)}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.5px;color:var(--accent)}.brand-mark{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:var(--accent);color:#fff;flex-shrink:0}.brand-mark .icon{width:25px;height:25px}.brand-mark.small{width:37px;height:37px;border-radius:11px}.brand-mark.small .icon{width:23px;height:23px}
/* Sign in */
.login-shell{min-height:100dvh;display:flex;flex-direction:column;padding:35px 6vw 24px;background:#f9fbfa;border-top:5px solid var(--accent)}.login-brand{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:650;max-width:1160px;width:100%;margin:0 auto}.login-brand small{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:3px}.login-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;align-items:center;gap:100px;max-width:1040px;width:100%;margin:auto;padding:55px 0}.login-intro h1{font-size:clamp(32px,3vw,43px);line-height:1.2;letter-spacing:-1.3px;font-weight:500;margin:17px 0 18px}.login-intro>p{color:var(--muted);line-height:1.8;font-size:15px;margin:0}.login-art{position:relative;height:220px;margin-top:20px;max-width:470px}.art-circle{position:absolute;width:164px;height:164px;background:#e3f2e8;border-radius:50%;left:98px;top:22px;display:grid;place-items:center;color:#77ab91}.art-circle>.icon{width:76px;height:76px;stroke-width:1}.art-message{position:absolute;display:flex;align-items:center;gap:10px;border-radius:11px;padding:14px 17px;box-shadow:0 4px 18px #243e3210;font-size:12px}.art-message.incoming{background:#fff;top:28px;left:0;border-top-left-radius:3px;border:1px solid #eff2f0}.art-avatar{width:30px;height:30px;border-radius:50%;background:#eef5f0;color:var(--accent);display:grid;place-items:center;font-weight:600}.art-message b{display:block;font-size:11px;color:var(--accent);margin-bottom:5px;font-weight:600}.art-message.outgoing{background:var(--mint);bottom:55px;right:0;border-top-right-radius:3px}.art-message.outgoing .icon{width:15px;height:15px;color:#63907d}.art-caption{position:absolute;bottom:9px;left:42px;color:#8b9a9f;font-size:11px}.login-card{background:#fff;border:1px solid #e7edeb;padding:37px 35px 25px;border-radius:18px;box-shadow:0 8px 40px #18372805}.login-lock{display:inline-flex;width:45px;height:45px;align-items:center;justify-content:center;border-radius:13px;color:var(--accent);background:#edf7f1;margin-bottom:18px}.login-card h2{font-size:25px;font-weight:600;letter-spacing:-.5px;margin:0 0 9px}.login-card>p{color:var(--muted);font-size:13px;margin:0 0 30px}label{display:block;font-weight:600;font-size:12px;margin-bottom:8px;color:#42535c}.token-field{display:flex;align-items:center;gap:11px;border:1px solid #e4eae7;background:#f8faf9;border-radius:9px;padding:0 13px}.token-field>.icon{width:17px;height:17px;color:#91a39a}.token-field:focus-within{border-color:#7fbdac;box-shadow:0 0 0 3px #0080690a}.token-field input{border:0;min-width:0;width:100%;background:transparent;padding:14px 0;font-size:13px;box-shadow:none!important}.token-field input::placeholder{color:#87978f}.form-error{font-size:12px;line-height:1.5;color:var(--red);margin-top:12px;min-height:18px}.login-private{display:flex;gap:7px;align-items:center;justify-content:center;border-top:1px solid #edf1ef;padding-top:21px;color:#82918b;font-size:11px;margin-top:16px}.login-private .icon{width:14px;height:14px}.login-footer{display:flex;justify-content:space-between;max-width:1160px;margin:0 auto;width:100%;font-size:11px;color:#8d9b98;gap:15px}
/* Navigation and workspace */
.app{display:grid;grid-template-columns:72px 235px minmax(0,1fr);height:100dvh;overflow:hidden}.rail{grid-column:1;display:flex;flex-direction:column;align-items:center;padding:24px 10px 19px;background:var(--rail);border-right:1px solid #e3e8e9}.rail-brand{display:grid;place-items:center;width:42px;height:42px;color:var(--accent);margin-bottom:37px}.rail-brand>.icon{width:29px;height:29px}.rail-links{display:flex;flex-direction:column;gap:13px;width:100%;align-items:center}.rail-link,.rail-lock{width:45px;height:43px;display:flex;align-items:center;justify-content:center;border:0;border-radius:13px;color:#66777e;background:transparent;padding:0}.rail-link:hover,.rail-lock:hover{background:#e0e9e4;color:var(--accent)}.rail-link.active{background:#d9ebe0;color:#00735e}.rail-link .icon{width:22px;height:22px}.rail-mobile-label{display:none}.rail-footer{display:flex;align-items:center;flex-direction:column;margin-top:auto;gap:20px}.admin-avatar{width:34px;height:34px;display:inline-grid;place-items:center;border-radius:50%;background:#d5e9de;color:#456e58;font-size:12px;font-weight:650;flex-shrink:0}.sidebar{grid-column:2;display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--border);background:#fff;padding:28px 17px 20px}.brand{display:flex;align-items:center;gap:10px;padding:0 7px 35px}.brand strong{display:block;font-size:16px;font-weight:650;letter-spacing:-.35px}.brand span:not(.brand-mark){display:block;color:var(--muted);font-size:10px;margin-top:4px}.sidebar-label{font-size:9px;font-weight:650;letter-spacing:1.6px;color:#93a19e;margin:0 13px 13px}.sidebar nav{display:grid;gap:5px}.nav{display:flex;align-items:center;gap:12px;padding:12px 13px;border:0;border-radius:8px;background:transparent;text-align:left;color:#586a73;font-weight:500;font-size:13px;min-height:45px}.nav-icon{display:flex}.nav-icon .icon{width:18px;height:18px}.nav>.icon{margin-left:auto;width:13px;height:13px;transform:rotate(-90deg);opacity:0}.nav.active{background:#edf7f0;color:#007961;font-weight:600}.nav.active>.icon,.nav:hover>.icon{opacity:.6}.nav:hover{background:#f2f6f3;color:var(--accent)}.sidebar-bottom{margin-top:auto;padding:25px 7px 0}.connection-status{display:flex;align-items:center;gap:10px;padding:13px 11px;background:#f5f9f6;border-radius:9px}.connection-dot{width:7px;height:7px;border-radius:50%;background:#b7c4bd;flex-shrink:0}.connection-status[data-state=online] .connection-dot{background:#29a16d;box-shadow:0 0 0 3px #e3f0e8}.connection-status[data-state=error] .connection-dot{background:#c16b58}.connection-status strong{display:block;font-size:11px;font-weight:600;color:#567363}.connection-status small{display:block;font-size:10px;color:#92a197;margin-top:4px}.help-link{display:flex;align-items:center;gap:8px;width:100%;padding:20px 8px;border:0;background:transparent;color:#7d8d86;font-size:11px}.help-link>.icon{width:16px;height:16px}.help-link>.icon:last-child{margin-left:auto;width:14px}.help-link:hover{color:var(--accent)}.workspace-owner{border-top:1px solid var(--border);padding:19px 3px 0;display:flex;gap:10px;align-items:center}.workspace-owner strong{display:block;font-size:11px;font-weight:600}.workspace-owner small{display:block;font-size:10px;color:#94a09c;margin-top:4px}.main{grid-column:3;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.topbar{flex-shrink:0;height:90px;background:#fff;border-bottom:1px solid var(--border);padding:0 31px;display:flex;align-items:center;justify-content:space-between;gap:20px}.page-identity{display:flex;gap:13px;align-items:center;min-width:0}.page-icon{display:inline-grid;place-items:center;width:41px;height:41px;border-radius:50%;background:#f0f5f2;color:#78968a;flex-shrink:0}.page-icon .icon{width:20px;height:20px}.topbar h2{font-weight:600;font-size:19px;letter-spacing:-.35px;margin:0 0 5px}.topbar p{font-size:11px;line-height:1.4;color:#84918c;margin:0}.refresh-tools{display:flex;align-items:center;gap:13px;flex-shrink:0}.refresh-tools>span{color:#8a9990;font-size:10px}.refresh-button{width:36px;height:36px}.refresh-button .icon{width:18px;height:18px}.refresh-button:disabled .icon{animation:spin 1s linear infinite}.profile-button{border:1px solid #e5ebe7;background:#f3f7f4;color:#668875;width:34px;height:34px;padding:0;border-radius:50%;font-size:12px;font-weight:650}.profile-button:hover{background:#e3f1e8}.workspace-content{flex:1;min-height:0;overflow:auto;padding:27px 30px 35px}.page{display:none;max-width:1430px;margin:0 auto}.page.active{display:block;animation:page-enter 180ms var(--ease)}.page-error{background:#fff1ef;color:#9d5143;border:1px solid #f2d9d2;border-radius:9px;padding:13px 16px;font-size:12px;margin-bottom:18px}
/* Overview and list surfaces */
.overview-card{background:#fff;border:1px solid var(--border);border-radius:12px;margin-bottom:23px;overflow:hidden}.overview-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:27px 27px 23px;background:#f8fcf9;border-bottom:1px solid #eff3ef}.overview-heading .eyebrow{font-size:9px;color:#6f9580;letter-spacing:1.4px}.overview-heading h3{font-size:24px;font-weight:500;letter-spacing:-.6px;margin:10px 0 7px}.overview-heading p{font-size:12px;color:#81928a;margin:0;line-height:1.6}.overview-illustration{width:65px;height:65px;border-radius:50%;color:#6ea487;background:#e8f4eb;display:inline-grid;place-items:center;flex-shrink:0}.overview-illustration .icon{width:35px;height:35px;stroke-width:1.2}.stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:24px 6px}.stat{min-width:0;padding:0 21px;border-right:1px solid #edf1ee}.stat:last-child{border:0}.stat span{display:block;color:#788b82;font-size:11px;font-weight:500}.stat strong{display:block;margin:9px 0;font-size:27px;line-height:1;font-weight:500;letter-spacing:-.9px}.stat small{display:block;font-size:10px;color:#98a69d;line-height:1.5}.workspace-footnote{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#8b9e91;margin-top:22px}.workspace-footnote>.icon{width:12px;height:12px}.panel{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:21px 23px;border-bottom:1px solid #edf1ee}.panel-head h3,.section-heading h3{font-weight:600;font-size:15px;margin:0 0 5px;letter-spacing:-.2px}.panel-head p,.section-heading p{font-size:11px;color:#82958a;margin:0;line-height:1.5}.panel-head .btn{min-height:35px;padding:9px 13px;font-size:12px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:1px 0 23px}.section-heading h3{display:flex;align-items:center;gap:9px;font-size:18px;margin-bottom:6px}.count-label{font-size:10px;font-weight:500;color:#81948a;background:#e9f0eb;border-radius:12px;padding:4px 8px}.panel-title{display:flex;align-items:center;gap:12px}.surface-icon{display:inline-grid;place-items:center;width:41px;height:41px;border-radius:11px;color:#619179;background:#edf6f0;flex-shrink:0}.quiet-tag{color:#7b9483;background:#f4f8f5;padding:6px 10px;border-radius:15px;font-size:10px;white-space:nowrap}.toolbar{display:flex;align-items:center;gap:10px}.account-toolbar{padding:17px 21px;border-bottom:1px solid #eef2ef}.search-box{display:flex;align-items:center;flex:1;min-width:0;gap:11px;background:#f1f4f3;border:1px solid transparent;border-radius:8px;padding:0 13px}.search-box>.icon{width:17px;height:17px;color:#8a9e91}.search-box:focus-within{border-color:#b3d6c8;background:#f7faf8}.search-box input{border:0;width:100%;min-width:0;background:transparent;padding:11px 0;font-size:12px;color:#41564b;box-shadow:none!important}.search-box input::placeholder{color:#879a8d}.account-toolbar .search-box{max-width:520px}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{background:#fcfdfc;border-bottom:1px solid #eef2ef;color:#84998b;padding:11px 23px;font-size:11px;font-weight:500;white-space:nowrap}.data-table td{padding:17px 23px;border-bottom:1px solid #f0f3f1;font-size:12px;white-space:nowrap;color:#556b60;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr{transition:background 140ms}.data-table tbody tr:hover{background:#fafcfb}.client-cell,.message-cell{display:flex;align-items:center;gap:12px;min-width:145px}.client-cell>div,.message-cell>div{min-width:0}.contact-avatar,.file-avatar{display:inline-grid;place-items:center;width:39px;height:39px;border-radius:50%;font-weight:600;font-size:12px;color:#55826a;background:#e8f1ea;flex:0 0 auto}.contact-avatar.sand{color:#9b8655;background:#f4efe2}.contact-avatar.blue{color:#678b9c;background:#e8f0f5}.contact-avatar.lilac{color:#9783a1;background:#f1ebf3}.contact-avatar.large{width:76px;height:76px;font-size:24px}.file-avatar{border-radius:11px;width:37px;height:42px;background:#eef5f0;color:#75a38b}.file-avatar>.icon{width:21px;height:21px;stroke-width:1.4}.text-button{border:0;background:transparent;color:#2b4238;font:inherit;font-weight:600;padding:0;text-align:left}.text-button:hover{color:var(--accent)}.account-name{max-width:245px;overflow-wrap:anywhere;white-space:normal;font-size:12px}.sub{font-size:10px;color:#879b8e;margin-top:5px;line-height:1.4}.mono{font-family:Consolas,'SFMono-Regular',monospace;font-size:11px;overflow-wrap:anywhere}.status-hint{max-width:170px;font-size:10px;white-space:normal}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:12px;padding:5px 8px;font-size:10px;font-weight:500;color:#7d8c83;background:#f0f4f1;white-space:nowrap;line-height:1}.badge::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.75}.tone-success{color:#338258;background:#ebf7ed}.tone-warning{color:#9d813b;background:#fcf6e6}.tone-danger{color:#aa655c;background:#fcf0ee}.tone-neutral{color:#7d9083;background:#f0f4f1}.actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.data-table .actions{flex-wrap:nowrap}.data-table .btn.ghost{background:#fff;border-color:#e6ece8;color:#6e8a7b}.data-table .btn.primary{background:#edf7f0;color:#438460;border-color:transparent}.data-table .btn.primary:hover:not(:disabled){background:#dff1e5}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 21px;border-top:1px solid #eef2ef;font-size:10px;color:#8b9e91;min-height:60px}.pagination .btn{border-color:#edf1ee;font-size:10px;min-height:29px;padding:7px 10px;color:#819086}.action-menu{position:relative}.action-menu summary{list-style:none;display:flex;align-items:center;justify-content:center;width:29px;height:32px;border-radius:6px;color:#98a59e;cursor:pointer}.action-menu summary::-webkit-details-marker{display:none}.action-menu summary:hover,.action-menu[open] summary{background:#edf4ef;color:var(--accent)}.action-menu summary>.icon{width:17px;height:17px}.action-options{position:absolute;top:calc(100% + 6px);right:0;z-index:9;display:grid;gap:2px;padding:6px;width:190px;background:#fff;border:1px solid #e7eee9;border-radius:9px;box-shadow:0 8px 30px #153d2714;animation:menu-enter 140ms var(--ease)}.action-options .btn{justify-content:flex-start;width:100%;min-height:34px;border:0!important;background:#fff!important;text-align:left;font-size:11px;font-weight:400}.action-options .btn:hover{background:#f0f7f2!important}.action-options .btn.danger{color:#ad6e65}.panel:has(.action-menu[open]),.table-wrap:has(.action-menu[open]){overflow:visible}.section-note{font-size:11px;color:#8c9f92;line-height:1.7;margin:0 0 15px}.outside-note{display:flex;align-items:center;gap:7px;margin:15px 3px 0}.outside-note>.icon{width:13px;height:13px;flex-shrink:0}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:330px;padding:42px 25px;text-align:center;color:#8c9c92}.empty-visual{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:#eef6f0;color:#9bbea6;margin-bottom:21px}.empty-visual>.icon{width:36px;height:36px;stroke-width:1.1}.empty strong{display:block;font-weight:500;font-size:17px;letter-spacing:-.2px;color:#5c7566}.empty p{max-width:320px;color:#8c9f91;font-size:12px;line-height:1.8;margin:10px 0 20px}.empty .btn{font-size:11px;min-height:35px}
/* Message inbox and activity */
.job-filters{padding:17px 21px;border-bottom:1px solid #eef2ef}.job-filters>.search-box{flex:1}.job-filters select{border:1px solid #e7eeea;border-radius:8px;padding:10px 25px 10px 12px;width:155px;font-size:11px;background:#fff;color:#71877b}.filter-details{position:relative;flex-shrink:0}.filter-details summary{display:flex;align-items:center;gap:7px;height:37px;padding:0 10px;border:1px solid #e7eeea;border-radius:8px;list-style:none;color:#82958a;font-size:11px}.filter-details summary::-webkit-details-marker{display:none}.filter-details summary>.icon{width:14px;height:14px}.filter-details summary>.icon:last-child{width:11px;height:11px}.filter-details[open] summary{background:#f2f8f4;color:var(--accent)}.date-popover{position:absolute;right:0;top:46px;width:280px;background:#fff;border:1px solid #e1eae4;border-radius:11px;padding:19px;box-shadow:0 8px 35px #13332017;z-index:10;animation:menu-enter 150ms var(--ease)}.date-popover h4{margin:0 0 5px;font-size:13px;font-weight:600;color:#3a5748}.date-popover>p{margin:0 0 17px;font-size:10px;color:#91a195}.date-filter{font-size:11px;margin-bottom:12px}.date-filter input{display:block;border:1px solid #e3ebe6;border-radius:7px;padding:10px 12px;width:100%;margin-top:6px;color:#617d6b;background:#f9fbfa;font-size:12px}.filter-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.filter-actions .btn{min-height:33px;font-size:11px;padding:8px 12px}.search-submit{width:35px;height:35px;background:#edf7f0;color:#73a086}.messages-panel{overflow:visible}.messages-panel>.table-wrap{border-radius:0 0 12px 12px}.message-snippet{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-id{font-size:9px;color:#a1b1a6;margin-top:4px}.error-summary{color:#ad8074;max-width:175px;white-space:normal;font-size:10px;line-height:1.5}.activity-list{padding:0 24px}.activity-item{display:flex;gap:14px;padding:21px 0;border-bottom:1px solid #eff3f0}.activity-item:last-child{border-bottom:0}.event-icon{flex-shrink:0;width:32px;height:32px;display:inline-grid;place-items:center;border-radius:50%;background:#edf6f0;color:#86ac95}.event-icon>.icon{width:16px;height:16px}.event-icon.tone-danger{background:#fcf0ee;color:#ba8a7d}.event-content{min-width:0;flex:1}.activity-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.activity-head strong{font-size:12px;font-weight:500;color:#4e6c59}.activity-head time{font-size:10px;color:#8eaa98;white-space:nowrap}.event-content p{margin:7px 0;color:#819989;font-size:11px;line-height:1.7;overflow-wrap:anywhere}
.filter-details.filters-active summary{background:#e8f6ee;border-color:#c4e1d0;color:var(--accent)}
/* Developer guide */
.guide-heading{display:flex;align-items:center;gap:15px;margin:1px 0 25px}.guide-heading .surface-icon{width:49px;height:49px;border-radius:13px}.guide-heading h3{font-size:18px;font-weight:500;margin:0 0 7px;letter-spacing:-.3px}.guide-heading p{color:#829a89;font-size:11px;margin:0;line-height:1.7}.api-grid{display:grid;gap:10px;max-width:1000px}.api-section{background:#fff;border:1px solid var(--border);border-radius:10px}.api-section summary{list-style:none;display:flex;align-items:center;gap:15px;padding:17px 20px}.api-section summary::-webkit-details-marker{display:none}.api-number{width:26px;height:26px;border-radius:7px;background:#f0f6f2;color:#7b9f87;font-size:10px;display:inline-grid;place-items:center;flex-shrink:0}.api-section summary strong{color:#5a7463;font-size:12px;font-weight:500;line-height:1.6}.api-section summary>.icon{width:15px;height:15px;color:#a3b3a8;margin-left:auto;transition:transform 150ms}.api-section[open] summary>.icon{transform:rotate(180deg)}.api-section[open] .api-number{background:#e6f3ea;color:#5a9c74}.api-section-body{padding:0 24px 22px 61px;animation:menu-enter 180ms}.prose p{font-size:12px;line-height:1.85;color:#799584;margin:0 0 14px}.prose small{font-size:10px}.prose code{font-family:Consolas,'SFMono-Regular',monospace;color:#58836a;font-size:11px}.prose pre{background:#f3f7f4;color:#678371;border:1px solid #eaf0ec;border-radius:8px;padding:17px 18px;font-family:Consolas,'SFMono-Regular',monospace;font-size:11px;line-height:1.8;overflow:auto;margin:0 0 14px}
/* Contact drawers and message forms */
.modal{position:fixed;inset:0;display:grid;place-items:center;padding:24px;background:#0b231a44;backdrop-filter:blur(1px);z-index:50;animation:overlay-enter 160ms}.modal-card{width:min(480px,100%);max-height:91dvh;overflow-y:auto;background:#fff;border-radius:16px;box-shadow:0 20px 80px #061c1926;animation:dialog-enter 210ms var(--ease)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:21px 24px;border-bottom:1px solid var(--border);gap:14px}.modal-head h3{font-size:15px;font-weight:500;letter-spacing:-.1px;margin:0}.modal-head .icon-btn{width:30px;height:30px;background:#f0f5f2;color:#789483}.modal-head .icon-btn>.icon{width:17px;height:17px}.modal.detail-view{display:flex;align-items:stretch;justify-content:flex-end;padding:0}.modal-card.detail-card{width:min(475px,100%);max-height:100dvh;height:100%;border-radius:0;box-shadow:-12px 0 45px #13312512;animation:drawer-enter 230ms var(--ease)}.modal-form,.detail-body{padding:25px}.field{margin:0 0 19px}.field label{color:#728a7b;font-size:11px;font-weight:500;margin:0 0 8px}.field input,.field textarea,.field select{border:1px solid #e1eae4;border-radius:8px;background:#f7faf8;padding:12px 13px;font-size:12px;width:100%;color:#506e5b;min-width:0}.field input::placeholder,.field textarea::placeholder{color:#8fa897}.field textarea{min-height:110px;resize:vertical;line-height:1.7}.field input[type=file]{padding:10px;background:#fff;font-size:11px}.field input[type=file]::file-selector-button{background:#edf6ef;color:#5f9271;border:0;border-radius:5px;padding:7px 10px;font:inherit;margin-right:12px;cursor:pointer}.modal-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding-top:23px;margin-top:20px;border-top:1px solid #edf2ee}.modal-actions>.btn{font-size:11px;min-height:36px}.contact-hero{text-align:center;padding:5px 0 25px;border-bottom:1px solid #edf2ee}.contact-hero .contact-avatar{margin:0 auto 16px}.contact-hero h4{margin:0 0 7px;font-size:21px;font-weight:500;letter-spacing:-.4px;overflow-wrap:anywhere;color:#36543f}.contact-hero>.mono{color:#8ba792;margin:0 0 12px;font-size:11px}.contact-hero .section-note{margin:13px 0 0;font-size:11px}.detail-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.detail-heading h4{font-size:15px;font-weight:500;margin:0;overflow-wrap:anywhere}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px 18px;padding:24px 0;margin:0;border-bottom:1px solid #edf2ee}.detail-field{min-width:0}.detail-field dt{font-size:10px;color:#8ba390;margin-bottom:7px}.detail-field dd{margin:0;font-size:12px;color:#68816f;overflow-wrap:anywhere;line-height:1.6}.detail-field dd.mono{font-size:10px}.credential-box{margin-top:25px}.credential-box h4,.message-preview h4,.error-detail h4{margin:0 0 9px;font-size:11px;color:#789180;font-weight:600}.credential-box p{font-size:11px;line-height:1.8;color:#8ca092;margin:0 0 14px}.credential-box code{display:block;padding:13px 14px;border:1px solid #e6eee8;border-radius:8px;background:#f6f9f7;font-size:11px;color:#7b9b84;font-family:Consolas,monospace;overflow-wrap:anywhere;user-select:all;margin-bottom:12px}.credential-box .btn{font-size:10px;min-height:31px}.chat-preview{padding:21px 17px;background-color:#f2eee7;background-image:radial-gradient(#d9d7cf70 .7px,transparent .7px);background-size:17px 17px;border-radius:10px;margin:0 0 5px}.chat-bubble{max-width:94%;margin-left:auto;background:#d9fdd3;color:#466448;border-radius:9px 2px 9px 9px;padding:13px 14px 9px;box-shadow:0 1px 1px #1e432111}.document-preview{display:flex;align-items:center;gap:10px;background:#cceec8;padding:12px;border-radius:6px;margin-bottom:10px}.document-preview>.icon{color:#62926c;width:27px;height:27px;flex-shrink:0}.document-preview strong{font-size:11px;font-weight:500;overflow-wrap:anywhere}.document-preview small{display:block;font-size:9px;color:#7da083;margin-top:3px}.chat-bubble pre{font:inherit;font-size:12px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.bubble-meta{display:flex;justify-content:flex-end;gap:5px;align-items:center;color:#85a58a;font-size:9px;margin-top:6px}.bubble-meta .icon{width:12px;height:12px}.error-detail{background:#fff7f3;border-left:2px solid #e3b9a7;border-radius:0 6px 6px 0;padding:14px 15px;margin-top:22px}.error-detail h4{color:#a47762}.error-detail pre{margin:0;font:inherit;color:#a87f69;font-size:11px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.detail-body>.section-note{margin:18px 0 0;font-size:10px}.qr-box{padding:26px;text-align:center}.setup-steps{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:25px;color:#8eaa96;font-size:9px}.setup-steps strong{color:#639774;background:#edf6ef;padding:6px 9px;border-radius:12px;font-weight:500}.qr-box>.mono{color:#96a99a;font-size:10px}.qr-box img{display:block;width:272px;max-width:100%;margin:20px auto;border:1px solid #edf2ee;border-radius:10px;padding:8px}.qr-box p{font-size:11px;color:#829f8a;line-height:1.9}.qr-box [role=status]{color:#6d8b77;font-size:12px;margin:18px 0}.toast{position:fixed;bottom:25px;left:calc(50% + 130px);transform:translateX(-50%);max-width:min(480px,80vw);background:#254e3c;color:#eef8f0;border-radius:9px;padding:13px 19px;font-size:12px;line-height:1.5;z-index:90;box-shadow:0 5px 25px #1635231f;animation:toast-enter 180ms var(--ease)}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes page-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes menu-enter{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@keyframes overlay-enter{from{opacity:0}to{opacity:1}}@keyframes dialog-enter{from{opacity:.3;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes drawer-enter{from{transform:translateX(35px);opacity:.4}to{transform:translateX(0);opacity:1}}@keyframes toast-enter{from{opacity:0;margin-bottom:-6px}to{opacity:1;margin-bottom:0}}
/* Responsive workspace */
@media(min-width:1800px){.workspace-content{padding:34px 42px 40px}.topbar{padding:0 42px}}
@media(max-width:1250px){.app{grid-template-columns:64px 210px minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}.workspace-content{padding:22px}.topbar{padding:0 23px}.stat{padding:0 13px}.data-table th,.data-table td{padding-left:16px;padding-right:16px}.refresh-tools>span{display:none}.status-hint{max-width:130px}.account-name{max-width:180px}}
@media(max-width:1050px){.sidebar{display:none}.app{grid-template-columns:64px minmax(0,1fr)}.main{grid-column:2}.rail{padding-left:9px;padding-right:9px}.rail-brand{margin-bottom:30px}.toast{left:calc(50% + 30px)}.login-layout{gap:40px;grid-template-columns:minmax(0,1fr) 360px}}
@media(max-width:760px){.topbar{height:78px;padding:0 19px;gap:12px}.topbar h2{font-size:18px}.topbar p{font-size:10px}.page-identity{gap:10px}.page-icon{width:36px;height:36px}.page-icon>.icon{width:18px;height:18px}.refresh-tools{gap:4px}.profile-button{width:31px;height:31px}.workspace-content{padding:20px}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:10px 8px}.stat{padding:14px;min-height:91px}.stat:nth-child(3n){border-right:0}.stat:nth-child(-n+3){border-bottom:1px solid #edf1ee}.stat span{font-size:10px}.stat strong{font-size:24px}.stat small{font-size:9px}.overview-heading{padding:23px;gap:20px}.overview-heading h3{font-size:21px;max-width:250px}.overview-illustration{width:53px;height:53px}.overview-illustration>.icon{width:29px;height:29px}.overview-heading p{font-size:11px}.overview-card{margin-bottom:18px}.panel-head{padding:18px}.panel-head p{font-size:10px}.panel-head h3{font-size:14px}.job-filters{padding:14px;flex-wrap:wrap;gap:8px}.job-filters>.search-box{flex:1 1 calc(100% - 45px);order:0}.job-filters>.search-submit{order:1}.job-filters>select{order:2;flex:1;width:auto}.job-filters>.filter-details{order:3}.date-popover{right:0;width:255px}.account-toolbar{padding:14px}.accounts-table,.jobs-table{display:block;width:100%}.accounts-table thead,.jobs-table thead{display:none}.accounts-table tbody,.jobs-table tbody{display:block}.accounts-table tr,.jobs-table tr{display:block;padding:15px 18px;border-bottom:1px solid #edf2ee}.accounts-table td,.jobs-table td{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:10px;border:0;white-space:normal;padding:7px 0;font-size:11px}.accounts-table td::before,.jobs-table td::before{content:attr(data-label);color:#8ca294;font-size:10px}.accounts-table td:first-child,.jobs-table td:first-child{display:block;padding:0 0 13px;margin-bottom:8px;border-bottom:1px solid #f1f4f2}.accounts-table td:first-child::before,.jobs-table td:first-child::before{display:none}.accounts-table td>.badge,.jobs-table td>.badge{justify-self:start}.accounts-table td>.sub,.jobs-table td>.sub{grid-column:2;margin-top:-6px}.client-cell,.message-cell{min-width:0}.account-name{max-width:none}.sub{font-size:10px}.message-snippet{max-width:230px}.pagination{padding:13px 16px}.empty{min-height:300px;padding:32px 24px}.guide-heading{align-items:flex-start}.guide-heading h3{font-size:16px;line-height:1.4}.guide-heading p{font-size:11px}.guide-heading .surface-icon{width:39px;height:39px;border-radius:9px}.api-section summary{padding:15px;gap:10px}.api-section summary strong{font-size:11px}.api-section-body{padding:0 16px 17px}.prose p{font-size:11px}.prose pre{font-size:10px}.login-layout{grid-template-columns:1fr;max-width:430px;padding:40px 0;gap:30px}.login-intro{display:none}.login-shell{padding:28px 24px 20px}.login-card{padding:30px}.login-brand{max-width:430px}.login-footer{max-width:430px;justify-content:center}.login-footer>span{display:none}.activity-list{padding:0 18px}.activity-head{align-items:flex-start;flex-direction:column;gap:5px}.activity-item{padding:19px 0;gap:11px}}
@media(max-width:560px){.app{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) calc(66px + env(safe-area-inset-bottom))}.rail{grid-column:1;grid-row:2;padding:5px 4px env(safe-area-inset-bottom);border-right:0;border-top:1px solid #e6ede8;background:#fff;justify-content:center;z-index:12}.rail-brand,.rail-footer{display:none}.rail-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;width:100%;height:56px}.rail-link{width:100%;height:54px;flex-direction:column;gap:4px;border-radius:10px;color:#81998b}.rail-link.active{background:#eff8f1}.rail-link>.icon{width:20px;height:20px}.rail-mobile-label{display:block;font-size:9px;font-weight:500}.main{grid-column:1;grid-row:1}.topbar{height:76px;padding:0 16px}.page-identity>div{min-width:0}.topbar h2{font-size:17px}.topbar p{max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px}.refresh-button{width:29px;height:31px}.profile-button{width:29px;height:29px}.refresh-tools{gap:7px}.workspace-content{padding:18px 15px 25px}.overview-heading{padding:20px;gap:10px}.overview-heading h3{font-size:20px;max-width:220px;line-height:1.3}.overview-heading p{font-size:10px;max-width:205px}.overview-heading .eyebrow{font-size:8px;letter-spacing:1px}.overview-illustration{width:45px;height:45px}.overview-illustration>.icon{width:25px;height:25px}.stat{padding:12px 10px}.stat strong{font-size:23px}.stat span{font-size:9px}.stat small{font-size:8px}.stat-grid{padding:7px}.panel-head{padding:17px}.panel-head>.btn{font-size:10px;padding:8px 10px;gap:5px}.panel-head>.btn>.icon{width:14px;height:14px}.panel-head h3{font-size:13px}.panel-head p{font-size:9px}.empty strong{font-size:16px}.empty p{font-size:11px}.section-heading{margin-bottom:17px}.section-heading h3{font-size:17px}.section-heading p{font-size:10px;max-width:190px}.section-heading>.btn{font-size:10px;padding:10px 12px;min-height:36px;gap:6px}.section-heading>.btn>.icon{width:14px;height:14px}.outside-note{font-size:9px;line-height:1.8;align-items:flex-start}.outside-note>.icon{margin-top:2px}.workspace-footnote{font-size:8px;gap:5px}.toast{left:50%;bottom:calc(80px + env(safe-area-inset-bottom));max-width:90vw;min-width:200px;text-align:center;font-size:11px}.modal{padding:15px}.modal-head{padding:18px 20px}.modal-form,.detail-body{padding:22px}.modal-card{max-height:92dvh;border-radius:13px}.modal-card.detail-card{width:100%}.detail-grid{gap:22px 15px}.detail-field dd{font-size:11px}.detail-field dt{font-size:9px}.contact-hero h4{font-size:20px}.panel-title{gap:9px}.panel-title .surface-icon{width:32px;height:32px;border-radius:8px}.quiet-tag{font-size:8px;padding:5px 8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}