:root{--ink:#172b3a;--muted:#647783;--nav:#102935;--teal:#137f76;--line:#dce5e8;--paper:#f3f6f6;--white:#fff;--red:#b3483b;--gold:#b27723;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}a{color:var(--teal);text-decoration:none}button{cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:7px;color:var(--ink);padding:9px 13px;font-weight:600;line-height:1.35;white-space:nowrap}button:hover{background:#eef6f4;border-color:#99bcb5}button:disabled{opacity:.5;cursor:wait}button.primary{background:var(--teal);color:white;border-color:var(--teal)}button.danger{color:var(--red);border-color:#e2c2bb}button.quiet{background:transparent;border-color:transparent;color:inherit}button.small{padding:6px 10px;font-size:12px}.icon-button{font-size:24px;padding:0 8px;background:none;border:none}
input,select,textarea{border:1px solid #cbd9de;padding:10px 12px;border-radius:6px;background:white;color:var(--ink);width:100%;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #137f7616}textarea{min-height:100px;resize:vertical;line-height:1.5}input[type=checkbox]{width:18px;height:18px}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:650;margin:0 0 16px}label.check{flex-direction:row;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:750;color:var(--teal);margin:0 0 10px}.hint{font-size:12px;color:var(--muted);line-height:1.65}.error{color:var(--red);white-space:pre-wrap}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-.9px;line-height:1.2;margin-bottom:12px}h2{font-size:20px;letter-spacing:-.4px}h3{font-size:15px;line-height:1.4}p{line-height:1.6}.brand-mark{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#2da495;color:white;font-family:Georgia,serif;font-size:27px}
.sidebar{width:235px;position:fixed;inset:0 auto 0 0;background:var(--nav);color:#d2e2e8;padding:26px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;color:white;font-size:18px;font-weight:700;padding:0 7px 30px}.brand small{display:block;font-size:8px;letter-spacing:1.5px;color:#89a4ae;margin-top:5px}.nav-label{font-size:9px;letter-spacing:1.8px;color:#8ca6b0;margin:12px}nav{display:flex;flex-direction:column;gap:3px;overflow:auto}nav button{background:transparent;border:0;text-align:left;color:#acbfc7;font-weight:500;padding:10px 13px;font-size:13px}nav button.active{background:#23434c;color:#fff;border-left:3px solid #51c9ae}nav button:hover{background:#1b3944;color:white}.sidebar-bottom{margin-top:auto;padding:20px 12px 0;font-size:11px;color:#b9d3d7}.sidebar-bottom p{font-size:11px;color:#7f9eab;margin:10px 0}.sidebar-bottom a{color:#8ed2c1;display:block;margin-bottom:10px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#62d2a6;margin-right:6px}
.workspace{margin-left:235px}.topbar{height:86px;border-bottom:1px solid var(--line);background:#fff;display:flex;justify-content:space-between;align-items:center;padding:18px 34px;gap:20px}.topbar .eyebrow{display:block;margin:0 0 4px;color:var(--muted);font-size:8px}.topbar select{border:0;padding:0 24px 0 0;font-weight:650;font-size:14px;max-width:350px}.top-actions{display:flex;gap:16px;align-items:center;color:var(--muted);font-size:11px}.badge{display:inline-block;border-radius:4px;background:#e5f2ed;color:#226b57;padding:4px 7px;font-size:10px;font-weight:700;letter-spacing:.2px}.badge.warn{background:#fff1d8;color:#926219}.badge.bad{background:#fbe7e1;color:#a33f35}main{padding:32px;min-height:calc(100vh - 145px);max-width:1700px;margin:auto}.page-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin:6px 0 26px}.page-heading p:last-child{color:var(--muted);font-size:13px;max-width:660px;margin-bottom:0}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{border:1px solid var(--line);border-radius:10px;background:white;padding:22px;box-shadow:0 2px 3px #15343a03}.card h3{margin-bottom:8px}.card p{color:var(--muted);font-size:12px}.card .actions{margin-top:18px}.metric{font-size:34px;letter-spacing:-1px;font-weight:650;margin:8px 0}.card-label{color:var(--muted);font-size:11px}.section-title{margin:28px 0 14px;display:flex;justify-content:space-between}.section-title h2{font-size:17px;margin:0}.table-wrap{background:white;border:1px solid var(--line);border-radius:9px;overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{font-size:9px;letter-spacing:1.2px;text-transform:uppercase;background:#f8fafb;color:var(--muted);padding:14px 16px;border-bottom:1px solid var(--line)}td{padding:15px 16px;border-bottom:1px solid #edf1f2;vertical-align:top;max-width:300px;overflow-wrap:anywhere}tr:last-child td{border-bottom:none}td .actions{gap:6px}td strong{display:block;margin-bottom:4px}.subtext{font-size:11px;color:var(--muted);line-height:1.5}.empty{padding:46px;text-align:center;color:var(--muted);background:white;border:1px dashed #c6d6d7;border-radius:10px}.board{display:flex;gap:14px;overflow:auto;padding-bottom:12px}.column{min-width:230px;flex:1;background:#eaf0f1;padding:12px;border-radius:8px}.column-heading{display:flex;justify-content:space-between;font-size:11px;font-weight:700;padding:3px 3px 15px}.matter-card{background:white;border:1px solid var(--line);border-radius:7px;padding:16px;margin-bottom:10px;cursor:pointer}.matter-card:hover{border-color:#82aea3}.matter-card h3{font-size:13px;margin:0 0 9px}.matter-card .subtext{margin:7px 0}.stack{display:grid;gap:16px}.callout{background:#e7f1ef;border-left:3px solid var(--teal);padding:16px 20px;border-radius:4px;font-size:12px;line-height:1.7;margin:0 0 22px}.callout.warning{background:#fff4df;border-color:#bd8b36}.detail-header{display:flex;justify-content:space-between;gap:12px;margin:14px 0}.detail-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.bubble{padding:14px 18px;border-radius:8px;background:#edf3f5;max-width:90%;margin:12px 0;white-space:pre-wrap;font-size:13px;line-height:1.6}.bubble.agent{margin-left:auto;background:#e2f1e9}.speaker{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);display:block;margin-bottom:4px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.7;background:#f5f8f9;border:1px solid var(--line);border-radius:7px;padding:16px;max-height:420px;overflow:auto}code{font-size:11px}details{border:1px solid var(--line);background:white;border-radius:7px;margin:12px 0;padding:14px}summary{cursor:pointer;font-size:12px;font-weight:650}.workspace>footer{font-size:10px;color:var(--muted);padding:18px 32px;border-top:1px solid var(--line)}dialog{border:0;border-radius:12px;width:650px;max-width:calc(100vw - 32px);padding:0;box-shadow:0 20px 100px #09232b55}dialog::backdrop{background:#10293588}dialog header{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding:24px}dialog h2{margin:0}#modal-fields{padding:24px;max-height:62vh;overflow:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.form-grid .wide{grid-column:1/-1}dialog footer{padding:18px 24px;background:#f8fafb;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}#modal-error{margin:0;padding:0 24px 15px}.login-screen{min-height:100vh;display:grid;place-items:center;background:linear-gradient(130deg,#102935 0 40%,#e8efec 40%)}.login-card{width:510px;max-width:calc(100vw - 32px);padding:42px;background:white;border-radius:14px;box-shadow:0 20px 70px #071d2b44}.login-card .brand-mark{margin-bottom:22px}.login-card h1{font-family:Georgia,serif;font-weight:400;font-size:36px}.login-card>p{color:var(--muted);font-size:13px}.login-card button{width:100%}#toast{position:fixed;right:24px;bottom:24px;background:var(--nav);color:white;padding:16px 22px;max-width:450px;border-radius:9px;box-shadow:0 8px 35px #0002;z-index:20;font-size:13px}#toast.error{background:#993e32}[hidden]{display:none!important}.search{max-width:320px;margin-bottom:16px}audio{max-width:100%;margin:12px 0}
.public-nav{display:flex;align-items:center;justify-content:space-between;padding:24px 7%;border-bottom:1px solid var(--line);background:white}.public-brand{font-family:Georgia,serif;font-size:24px;color:var(--nav)}.public-brand small{display:block;font-family:Arial,sans-serif;font-size:9px;letter-spacing:3px;margin-top:5px}.public-hero{max-width:1150px;padding:65px 24px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.public-hero h1{font-family:Georgia,serif;font-size:52px;font-weight:400;letter-spacing:-1.5px;line-height:1.1}.public-hero p{color:var(--muted);font-size:15px}.public-hero .card{padding:30px}.public-hero .card h2{font-family:Georgia,serif;font-size:28px}.public-foot{padding:24px;text-align:center;font-size:11px;color:var(--muted);border-top:1px solid var(--line)}.public-hero ul{padding-left:18px;color:var(--muted);line-height:2}.test-strip{background:#e7ede7;color:#45634e;text-align:center;padding:10px;font-size:11px;letter-spacing:.2px}
@media(max-width:1100px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.top-actions #clock{display:none}.detail-grid{grid-template-columns:1fr}.sidebar{width:205px}.workspace{margin-left:205px}main{padding:24px}}
@media(max-width:760px){.sidebar{position:static;width:100%;padding:14px}.brand{padding:0 0 12px}.nav-label,.sidebar-bottom{display:none}nav{flex-direction:row;overflow:auto}nav button{white-space:nowrap}.workspace{margin-left:0}.topbar{padding:15px;height:auto}.topbar select{max-width:200px}.top-actions{gap:6px}main{padding:20px 14px}.page-heading{flex-direction:column;gap:12px}.grid,.grid.two{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.public-hero{grid-template-columns:1fr;padding:35px 20px;gap:24px}.public-hero h1{font-size:40px}.public-nav{padding:18px}.public-nav a{font-size:12px}}