@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;550;600;650;700&display=swap";:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#18181b;background:#fff;font-synthesis:none;--bg: #fff;--surface: #fafafa;--hover: #f4f4f5;--border: #e4e4e7;--text: #18181b;--muted: #71717a;--accent: #18181b;--inverse: #fff;--sidebar: #fafafa;--input: #fff;color-scheme:light}*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.45}input,select,textarea{color:var(--text);background:var(--input);border:1px solid var(--border);border-radius:7px;padding:9px 11px;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid #a1a1aa;border-color:#a1a1aa}input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px}input[type=color]{padding:3px;width:70px;height:38px}textarea{resize:vertical;width:100%}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin-top:0}h1{font-size:30px;line-height:1.25;letter-spacing:-1.1px;font-weight:650;margin-bottom:8px}h2{font-size:18px;letter-spacing:-.35px;font-weight:600;margin:0 0 20px}h3{font-size:15px;font-weight:600;margin:18px 0 12px}h4{font-size:14px;margin:24px 0 16px}p{color:var(--muted);line-height:1.65}small{font-size:12px;color:var(--muted)}strong{font-weight:550}svg{flex-shrink:0;stroke-width:1.7}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;top:0;left:0;bottom:0;width:228px;background:var(--sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:24px 15px}.brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:650;letter-spacing:-.7px;padding:0 8px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:var(--accent);color:var(--inverse);font-weight:700;font-size:20px;letter-spacing:-1px}.workspace-label{font-size:11px;color:var(--muted);margin:34px 9px 7px}.workspace{display:flex;align-items:center;gap:11px;border:1px solid var(--border);background:var(--bg);padding:10px 12px;border-radius:8px;margin:0 2px 24px;font-size:13px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav button{display:flex;align-items:center;gap:12px;border:0;background:none;border-radius:7px;text-align:left;padding:11px 13px;font-weight:450;font-size:13px}.sidebar nav button.active{background:#ebebed;font-weight:600}.sidebar nav button:hover{background:var(--hover)}.sidebar nav button:nth-child(5){margin-top:20px}.unread-dot{margin-left:auto;width:6px;height:6px;background:var(--text);border-radius:50%}.sidebar-bottom{margin-top:auto;padding-top:30px}.profile{display:flex;align-items:center;gap:10px;background:none;border:0;text-align:left;width:100%;padding:10px 5px}.profile span:last-child{display:flex;flex-direction:column}.profile small{text-transform:capitalize}.bottom-tools{display:flex;justify-content:flex-end;border-top:1px solid var(--border);padding-top:10px;margin-top:9px}.main-content{margin-left:228px;padding:38px 36px 50px;width:calc(100% - 228px);max-width:2000px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;margin-bottom:30px}.page-heading p{font-size:14px;margin-bottom:0}.actions{display:flex;align-items:center;gap:9px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--border);border-radius:7px;background:var(--bg);color:var(--text);font-size:12px;font-weight:500;line-height:20px;padding:8px 13px;white-space:nowrap}.button:hover{background:var(--hover)}.button.primary{color:var(--inverse);background:var(--accent);border-color:var(--accent);box-shadow:0 1px 2px #00000015}.button.primary:hover{opacity:.86}.button.danger{color:#dc2626}.icon-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:7px;border-radius:6px;border:0;background:transparent;color:var(--muted)}.icon-button:hover{background:var(--hover);color:var(--text)}.text-button{display:inline-flex;align-items:center;gap:6px;background:none;border:0;text-align:left;padding:0;font-size:inherit}.text-button:hover{text-decoration:underline}.back{color:var(--muted);margin-bottom:22px;font-size:12px}.tabs{display:flex;gap:27px;border-bottom:1px solid var(--border);margin-bottom:24px;overflow:auto}.tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:10px 2px 14px;white-space:nowrap;color:var(--muted);font-size:13px;font-weight:500}.tabs button.selected{color:var(--text);border-bottom-color:var(--text);font-weight:600}.toolbar{display:flex;align-items:center;gap:9px;margin-bottom:20px}.toolbar select{font-size:12px;max-width:180px}.search{position:relative;display:flex;align-items:center;flex:1;max-width:410px;color:var(--muted)}.search svg{position:absolute;left:12px}.search input{width:100%;padding-left:37px;font-size:12px;height:38px}.filter-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 18px;padding:18px;border:1px solid var(--border);border-radius:9px;margin-bottom:20px;background:var(--surface)}.filter-panel .button{align-self:center;justify-self:start}.table-wrap{border:1px solid var(--border);border-radius:10px;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}thead{background:var(--surface)}th{font-size:11px;font-weight:500;color:var(--muted);padding:14px 15px;white-space:nowrap}td{padding:16px 15px;border-top:1px solid var(--border);vertical-align:middle}td>small{display:block}tbody tr:hover{background:var(--surface)}.site-cell{display:flex;align-items:center;gap:11px;text-align:left;background:none;border:0;padding:0;color:var(--text)}.site-cell span:last-child{display:flex;flex-direction:column;gap:3px;min-width:120px}.site-cell strong{font-size:12px;white-space:nowrap}.site-cell small{font-size:11px}.avatar{width:34px;height:34px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0}.avatar.small{width:27px;height:27px;border-radius:50%;font-size:10px}.tone-0{background:#ede9fe;color:#6d28d9}.tone-1{background:#dcfce7;color:#166534}.tone-2{background:#dbeafe;color:#1d4ed8}.tone-3{background:#fef3c7;color:#92400e}.tone-4{background:#fce7f3;color:#9d174d}.person{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:11px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:6px;font-size:10px;white-space:nowrap;color:var(--badge);background:color-mix(in srgb,var(--badge) 10%,var(--bg));font-weight:550}.badge i{width:5px;height:5px;border-radius:50%;background:var(--badge)}.discussion-count{display:flex;align-items:center;gap:7px;background:none;border:0;font-size:12px;color:var(--muted)}.discussion-count:hover{color:var(--text)}.table-footer{display:flex;align-items:center;justify-content:space-between;margin-top:17px;font-size:12px;color:var(--muted)}.table-footer .button{padding:4px 9px}.empty{padding:50px 24px;text-align:center}.empty-icon{display:inline-flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;width:48px;height:48px;margin-bottom:8px;color:var(--muted)}.empty h3{margin:10px 0 5px}.empty p{font-size:12px;margin:0 auto;max-width:340px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:17px;font-size:12px}.field>span{font-weight:550}.field small{font-size:11px;font-weight:400}.field input,.field select,.field textarea{width:100%;font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.check{display:flex;align-items:center;gap:8px;font-size:13px;margin:12px 0 18px}.modal{border:1px solid var(--border);border-radius:13px;background:var(--bg);color:var(--text);padding:0;width:min(480px,calc(100vw - 32px));max-height:88vh;box-shadow:0 24px 80px #0002;overflow:auto}.modal.wide{width:min(720px,calc(100vw - 32px))}.modal::backdrop{background:#11182755;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:2;border-bottom:1px solid var(--border);background:var(--bg);padding:20px 24px}.modal-heading h2{margin:0}.form-body{padding:24px}.form-body h3{margin-top:6px}.form-footer{position:sticky;bottom:0;background:var(--bg);border-top:1px solid var(--border);padding:16px 24px;display:flex;justify-content:flex-end;gap:9px}.contact-edit{display:grid;grid-template-columns:1fr 1fr;gap:0 10px;border-bottom:1px solid var(--border);margin-bottom:15px;padding-bottom:15px}.error{padding:12px 15px;border:1px solid #fecaca;background:#fef2f2;color:#b91c1c;border-radius:7px;margin-bottom:18px;font-size:13px}.callout{padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:8px;margin:20px 0}.callout p{font-size:12px}.callout h3{margin-top:0}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:26px 0 18px;gap:16px}.section-heading h2,.section-heading h3{margin:0}.detail-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr);gap:42px}.details{display:grid;grid-template-columns:150px 1fr;gap:15px 20px;font-size:13px;margin:22px 0 36px}.details dt{color:var(--muted)}.details dd{margin:0;display:flex;align-items:center;gap:7px;overflow-wrap:anywhere}.notes-panel{padding:26px;background:var(--surface);border-radius:10px;height:fit-content;border:1px solid var(--border);margin-top:25px}.notes-panel p{font-size:13px}.prewrap{white-space:pre-wrap}.muted-rule{border-top:1px solid var(--border);margin:28px 0}.external{display:inline-flex;align-items:center;gap:6px;font-size:12px;overflow-wrap:anywhere;color:var(--text)}.external:hover{text-decoration:underline}.credentials-list{max-width:850px;display:grid;gap:18px}.credential{padding:22px;border:1px solid var(--border);border-radius:10px}.credential .section-heading{margin-top:0}.credential-values{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:22px 0 0}.credential-values>div>small{display:block;margin-bottom:8px}.credential-values>div>span{background:var(--surface);border:1px solid var(--border);border-radius:7px;padding:6px 8px 6px 12px;display:flex;align-items:center;justify-content:space-between;min-height:39px;overflow-wrap:anywhere}.credential-values code{overflow-wrap:anywhere;word-break:break-all}.credential p{font-size:12px;margin:18px 0 0}.client-profile{display:grid;grid-template-columns:1fr 1fr;gap:45px;border-bottom:1px solid var(--border);padding-bottom:20px;margin-bottom:26px}.client-profile h3{margin-top:0}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#11182725;display:flex;justify-content:flex-end}.drawer-backdrop>div{height:100%;width:450px;max-width:100%}.discussion-panel{height:100%;background:var(--bg);border-left:1px solid var(--border);display:flex;flex-direction:column;width:100%;box-shadow:-8px 0 30px #00000005}.discussion-panel>header{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.discussion-panel>header h2{margin:0;font-size:20px}.panel-body{padding:20px 24px;overflow:auto;flex:1}.panel-site{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border);padding-bottom:20px;margin-bottom:22px}.panel-site strong,.panel-site small{display:block}.panel-site strong{font-size:14px}.thread-summary{margin-top:20px;border:1px solid var(--border);border-radius:9px;padding:16px}.thread-summary h3{margin:11px 0 18px;font-size:18px;line-height:1.4}.state{display:inline-block;background:#fee2e2;color:#991b1b;border-radius:4px;font-size:10px;font-weight:550;padding:3px 6px}.state.resolved{background:#dcfce7;color:#166534}.thread-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid var(--border);padding-top:13px}.thread-meta small,.thread-meta strong{display:block;font-size:11px}.thread-meta strong{margin-top:4px;color:var(--text)}.comment{display:flex;align-items:flex-start;gap:10px;padding-bottom:23px}.comment>div{flex:1;min-width:0}.comment-author{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:11px}.comment-author small{font-size:10px}.comment p{font-size:12px;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 5px;line-height:1.7}.tags{display:flex;flex-wrap:wrap;gap:5px}.tags span{background:#ede9fe;color:#6d28d9;padding:1px 5px;border-radius:4px;font-size:10px}.count{font-size:10px;background:var(--hover);border-radius:10px;padding:3px 7px;margin-left:5px}.thread-item{display:flex;align-items:center;justify-content:space-between;text-align:left;padding:18px 0;width:100%;border:0;border-bottom:1px solid var(--border);background:none;gap:15px}.thread-item h3{margin:9px 0 6px;font-size:14px}.thread-item:hover h3{text-decoration:underline}.adjust-followup{margin:20px 0;font-size:11px;color:var(--muted)}.adjust-followup summary{cursor:pointer;margin-bottom:12px}.reply-form{border-top:1px solid var(--border);padding-top:22px;margin-top:20px}.reply-form>.button{margin-top:12px;width:100%}.mention-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:16px}.mention-tags button{display:flex;align-items:center;gap:5px;border:1px solid var(--border);background:var(--surface);padding:4px 7px;border-radius:4px;font-size:10px}.mention-menu{background:var(--bg);border:1px solid var(--border);border-radius:7px;box-shadow:0 8px 20px #0001;padding:8px;margin-bottom:18px;max-height:230px;overflow:auto}.mention-menu>small{display:block;font-size:10px;padding:4px 5px 8px}.mention-menu button{display:flex;align-items:center;gap:9px;border:0;width:100%;padding:7px;background:none;text-align:left;font-size:12px}.mention-menu button:hover{background:var(--hover)}.mention-menu button small{margin-left:auto}.inline-discussions{max-width:760px}.inline-discussions .discussion-panel{border:1px solid var(--border);border-radius:10px;box-shadow:none}.inline-discussions .panel-body{max-height:none}.overview-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:10px;margin-bottom:35px}.overview-stats>div{padding:23px;border-right:1px solid var(--border);display:grid;grid-template-columns:1fr auto;align-items:center}.overview-stats>div:last-child{border:0}.overview-stats svg{color:var(--muted)}.overview-stats strong{grid-column:1;font-size:30px;line-height:1.3;margin:14px 0 5px}.overview-stats span{grid-column:1;font-size:12px;color:var(--muted)}.overview-columns{display:grid;grid-template-columns:1.3fr 1fr;gap:40px}.overview-columns h2{margin:15px 0}.work-row{padding:17px 0;border:0;border-bottom:1px solid var(--border);background:none;display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;width:100%;font-size:12px}.work-row strong,.work-row small{display:block}.work-row small{margin-top:5px;font-size:11px}.work-row:hover{background:var(--surface)}.muted{color:var(--muted);font-size:12px}.red{color:#dc2626}.notification{display:flex;align-items:center;gap:16px;padding:20px;border-bottom:1px solid var(--border)}.notification.unread{background:var(--surface)}.notification-main{flex:1;text-align:left;background:none;border:0;padding:0}.notification-main strong,.notification-main small{display:block}.notification-main small{margin-top:5px}.settings-section{max-width:740px;margin:30px 0;padding-bottom:30px;border-bottom:1px solid var(--border)}.settings-section p{font-size:13px}.settings-section form{max-width:600px}.color-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:9px}.break{overflow-wrap:anywhere}pre{white-space:pre-wrap;max-width:450px;max-height:300px;overflow:auto;font-size:10px}summary{cursor:pointer}.toast{display:flex;align-items:center;gap:12px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:100;background:var(--text);color:var(--inverse);box-shadow:0 10px 35px #0003;border-radius:9px;padding:13px 17px;font-size:13px;max-width:90vw}.toast .icon-button{color:inherit}.loading{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:100vh;gap:20px}.login-page{min-height:100vh;background:var(--surface);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:35px 20px}.login-brand{display:flex;gap:11px;align-items:center;font-size:23px;font-weight:650;letter-spacing:-.8px;margin-bottom:35px}.login-box{width:420px;max-width:100%;padding:34px;background:var(--bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 6px 22px #00000004}.login-box h1{font-size:24px;margin-top:20px}.login-box p{font-size:13px;margin-bottom:25px}.login-box>.button{width:100%;margin:8px 0 22px}.login-box>small{display:block;font-size:11px;text-align:center}.login-page footer{margin-top:25px;font-size:11px;color:var(--muted)}[data-theme=dark]{color-scheme:dark;--bg: #141416;--surface: #1b1b1e;--hover: #252529;--border: #303035;--text: #f4f4f5;--muted: #a1a1aa;--accent: #f4f4f5;--inverse: #18181b;--sidebar: #18181b;--input: #1b1b1e;background:var(--bg);color:var(--text)}[data-theme=dark] .sidebar nav button.active{background:#2b2b30}[data-theme=dark] .badge{color:color-mix(in srgb,var(--badge) 60%,#fff)}[data-theme=dark] .state{background:#451a1a;color:#fca5a5}[data-theme=dark] .state.resolved{background:#143722;color:#86efac}[data-theme=dark] .error{background:#321919;border-color:#682323;color:#fecaca}@media(min-width:1600px){.main-content{padding:45px 55px}td{padding-top:19px;padding-bottom:19px}.site-cell strong{font-size:13px}.person{font-size:12px}}@media(max-width:1100px){.sidebar{width:200px}.main-content{margin-left:200px;width:calc(100% - 200px);padding:28px 24px}.toolbar{flex-wrap:wrap}.table-wrap table{min-width:850px}.detail-layout{grid-template-columns:1fr}.notes-panel{margin-top:0}.detail-layout table{min-width:500px}.client-profile{gap:25px}}@media(max-width:700px){.sidebar{width:65px;padding:20px 8px}.brand{font-size:0;padding:0;justify-content:center}.brand-mark{font-size:20px}.workspace-label,.workspace,.profile,.bottom-tools{display:none}.sidebar nav{margin-top:30px}.sidebar nav button{font-size:0;padding:12px;gap:0}.sidebar nav button svg{width:20px;height:20px}.unread-dot{position:absolute;margin-left:19px}.main-content{margin-left:65px;width:calc(100% - 65px);padding:23px 16px}.page-heading{flex-direction:column;gap:18px}h1{font-size:26px}.tabs{gap:19px}.toolbar .search{flex-basis:100%;max-width:none}.toolbar select{max-width:150px}.filter-panel,.form-grid,.client-profile,.credential-values,.overview-columns{grid-template-columns:1fr}.overview-stats{grid-template-columns:1fr 1fr}.overview-stats>div{border-bottom:1px solid var(--border)}.overview-stats>div:nth-child(2){border-right:0}.overview-stats>div:nth-child(3){border-bottom:0}.details{grid-template-columns:100px 1fr}.table-footer{align-items:flex-start;gap:10px;flex-direction:column}.notification{flex-wrap:wrap;padding:15px 0}.form-body{padding:18px}.sidebar-bottom{display:none}.panel-body{padding:18px}.section-heading{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}table{font-size:13px}th{font-size:12px}.site-cell strong{font-size:13px}.site-cell small,.person{font-size:12px}.badge{font-size:11px}.sidebar nav button{font-size:14px}.button{font-size:13px}.tabs button{font-size:14px}@media(max-width:700px){.sidebar nav button{font-size:0}}.drawer{position:fixed;inset:0 0 0 auto;margin:0;padding:0;width:450px;max-width:100vw;height:100dvh;max-height:100dvh;border:0;background:var(--bg);color:var(--text);overflow:hidden;box-shadow:-12px 0 35px #0001}.drawer::backdrop{background:#11182720}.drawer .discussion-panel{border-left:1px solid var(--border)}@media(max-width:700px){.sidebar-bottom{display:block;padding-top:15px}.profile{display:flex;justify-content:center;padding:10px 0}.profile>span:last-child{display:none}.bottom-tools{display:flex;flex-direction:column;border:0;align-items:center;gap:10px}.workspace-label,.workspace{display:none}}
