:root{--canvas:#fff;--side:#f6f7f9;--card:#fff;--ink:#202124;--muted:#757b8d;--border:#e1e4eb;--pill:#111;--pill-text:#fff;color:var(--ink);background:var(--canvas)}[data-theme=dark]{--canvas:#15171c;--side:#1b1e25;--card:#1c2028;--ink:#eef0f6;--muted:#a2a9bd;--border:#343a47;--pill:#eef0f6;--pill-text:#111}body{background:var(--canvas);color:var(--ink)}a{color:inherit}h1{font-size:46px;letter-spacing:-.055em;margin:10px 0 12px}h2{color:var(--ink)}.muted,small,.eyebrow{color:var(--muted)}.eyebrow{font-size:12px;letter-spacing:.08em}.sidebar{position:fixed;left:0;top:0;bottom:0;width:248px;background:var(--side);border-right:1px solid var(--border);padding:28px 12px;display:flex;flex-direction:column;z-index:30}.brand{font-size:18px;letter-spacing:-.035em;color:var(--ink);gap:10px;padding:0 12px}.brand-mark{height:25px;width:25px;background:#ffd22d;display:inline-block;border-radius:8px;flex-shrink:0}.nav-label{margin:36px 12px 14px;font-size:11px;letter-spacing:.09em;color:var(--muted);font-weight:700}.sidebar nav{display:block}.sidebar nav>a{display:block;padding:12px 14px;font-size:14px;color:var(--muted);border-radius:26px;margin:2px 0}.sidebar nav>a:hover{background:var(--border);color:var(--ink)}.sidebar nav>a.active{background:var(--pill);color:var(--pill-text);font-weight:650}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--border);padding:20px 12px 0;display:grid;gap:12px}.theme-button,.quiet{color:var(--ink);background:transparent;border:0;padding:8px 0;text-align:left}.theme-button:hover,.quiet:hover{background:transparent;color:var(--muted)}.theme-button span{margin-left:10px}.user-email{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.sidebar-bottom form{margin:0}.workspace main{margin-left:248px;padding:36px 32px 60px;max-width:none}.heading{margin-bottom:26px;align-items:center}.heading .button{white-space:nowrap}.button,button{border-radius:30px;background:var(--pill);color:var(--pill-text);padding:13px 20px}.button:hover,button:hover{opacity:.85;background:var(--pill)}.search{display:flex;gap:12px;margin:26px 0 16px}.search input{margin:0;height:52px;border-radius:10px;background:var(--card);border-color:var(--border);font-size:16px}.search button{flex-shrink:0}.client-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.client-card{display:block;text-decoration:none;color:var(--ink);background:var(--card);border:1px solid var(--border);border-radius:22px;padding:20px;transition:border-color .16s,box-shadow .16s,transform .16s}.client-card:hover{border-color:#a7afbe;box-shadow:0 8px 24px #00000008;transform:translateY(-2px)}.client-card[hidden]{display:none}.card-top{display:flex;gap:12px;align-items:center;min-height:52px}.card-top h2{font-size:18px;margin:0 0 4px;line-height:1.3;letter-spacing:-.035em}.slug{font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;color:var(--muted);overflow-wrap:anywhere}.avatar{width:46px;height:46px;border-radius:15px;font-size:15px;color:#292c30;flex-shrink:0;font-weight:700}.tone-0{background:#ffe6cb}.tone-1{background:#b8f7f0}.tone-2{background:#ffe0ef}.tone-3{background:#fff2bc}.tone-4{background:#ffc8cb}.card-category{height:43px;padding-top:8px}.tag{background:#fff2bc;color:#413718;font-size:12px;padding:5px 10px}.card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:15px 0}.card-stats strong{font-size:24px;letter-spacing:-.04em;display:block}.card-stats span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.live-meter{width:100%;height:8px;display:block;margin:14px 0 17px;border:0;border-radius:8px;background:#969bab;overflow:hidden}.live-meter::-webkit-meter-bar{height:8px;background:#969bab;border:0;border-radius:8px}.live-meter::-webkit-meter-optimum-value{background:#00b882}.live-meter::-moz-meter-bar{background:#00b882}.card-bottom{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px}.card-bottom>span:last-child{font-size:19px;line-height:1}.panel,.auth{background:var(--card);border-color:var(--border);border-radius:18px}.panel{padding:24px}.new-client{margin-top:38px}.new-client summary{margin-bottom:0}.new-client[open] summary{margin-bottom:24px}.auth-header{background:transparent;padding:28px 32px}.auth-header .brand{color:var(--ink)}.signed-out main{padding-top:32px}.auth{box-shadow:0 16px 60px #00000008}.auth h1{font-size:34px}input,textarea,select{color:var(--ink);background:var(--card);border-color:var(--border)}table{color:var(--ink)}th,td,.record{border-color:var(--border)}th{color:var(--muted)}.empty{border-color:var(--border)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.mobile-bar{display:none}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.tabs a{padding:10px 15px;border-radius:24px;text-decoration:none;font-size:14px;border:1px solid var(--border)}.tabs a.active{background:var(--pill);color:var(--pill-text)}.pagination{display:flex;justify-content:center;gap:30px;font-size:14px;margin:25px 0}.secret-value{padding:20px;background:var(--side);border:1px solid var(--border);white-space:pre-wrap;overflow-wrap:anywhere;max-height:350px;overflow:auto;font-size:14px}.count{background:var(--side);color:var(--muted)}@media(min-width:1750px){.client-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1150px){.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:218px}.workspace main{margin-left:218px;padding:28px 24px}}@media(max-width:760px){.sidebar{transform:translateX(-100%);width:248px;transition:transform .2s}.menu-open .sidebar{transform:translateX(0);box-shadow:16px 0 60px #0005}.mobile-bar{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:var(--side);border-bottom:1px solid var(--border)}.workspace main{margin-left:0;padding:25px 18px}.client-grid{grid-template-columns:1fr}.heading{display:block}.heading .button{margin-top:5px}.search button{padding:10px 16px}.card-category{height:26px}.card-stats{margin-top:12px}h1{font-size:38px}.mobile-bar button{font-size:13px;padding:8px 14px}.form-grid{grid-template-columns:1fr}}