
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#1b1d2b;--muted:#858797;--line:#ececf1;--purple:#6953d9;--bg:#f4f3f8}*{box-sizing:border-box}body{margin:0;background:#eeedf4;color:var(--ink);font:13px 'DM Sans',sans-serif}button,input{font:inherit}button{cursor:pointer}.shell{display:grid;grid-template-columns:204px 1fr;min-height:100vh}.side{background:#191922;color:#aaaabb;padding:23px 15px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;color:#fff;font:800 17px Manrope;margin:0 7px 38px}.mark{width:29px;height:29px;border:7px solid #a594ff;border-right-color:#6e58dc;border-radius:50%;transform:rotate(-36deg)}.space{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#777789;padding:0 11px;margin:0 0 11px}.nav{padding:11px 12px;border-radius:8px;color:#a9a9ba;margin:2px 0;display:flex;gap:11px;align-items:center}.nav.active{background:#34313f;color:#fff}.nav .ico{font-size:16px;width:18px}.nav .count{margin-left:auto;background:#575068;border-radius:5px;padding:2px 5px;font-size:10px}.sidefooter{margin-top:auto;padding:14px 8px;border-top:1px solid #34343f;font-size:11px;line-height:1.6}.sidefooter b{color:#ddd}.main{min-width:0;background:#fff}.top{height:59px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px}.crumb{color:#9697a4;font-size:12px}.crumb b{color:#292a38}.right{display:flex;align-items:center;gap:16px;color:#858594}.avatar{width:29px;height:29px;border-radius:50%;background:#e8e1ff;color:#634bc4;display:grid;place-items:center;font-weight:700}.body{padding:31px 30px;max-width:1680px;margin:auto}.eyebrow{font-size:10px;letter-spacing:.16em;color:#8d8b9b;font-weight:700;text-transform:uppercase}.header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:8px 0 23px}.header h1{font:800 27px Manrope;letter-spacing:-1.1px;margin:0 0 5px}.header p{color:#9293a1;margin:0;font-size:12px}.header button,.btn{border:0;background:#25232e;color:white;border-radius:7px;padding:10px 13px;font-weight:600}.pill{display:inline-flex;align-items:center;gap:6px;color:#63588a;background:#f1edff;border:1px solid #e7e1fb;border-radius:30px;padding:5px 9px;font-size:10px;font-weight:700}.dot{width:6px;height:6px;border-radius:50%;background:#8f75ee;box-shadow:0 0 0 4px #ece6ff}.overview{display:grid;grid-template-columns:1.08fr 1fr 1fr 1.15fr;gap:11px}.metric{border:1px solid var(--line);border-radius:10px;padding:15px 16px;min-height:100px;overflow:hidden;position:relative}.metric .label{color:#878796;font-size:11px}.metric strong{display:block;font:800 24px Manrope;letter-spacing:-1px;margin:7px 0 3px}.metric small{color:#a0a0ad;font-size:10px}.metric:first-child{background:#f6f3ff;border-color:#ece7fb}.metric .pulse{position:absolute;right:10px;top:7px;width:75px;height:75px;border:1px solid #d8cff9;border-radius:50%;animation:ring 3.4s ease-out infinite}.metric .pulse:after{content:'';position:absolute;inset:15px;border-radius:50%;border:1px solid #c8bbf7}.metric .bars{display:flex;align-items:end;gap:4px;height:35px;position:absolute;right:18px;bottom:16px}.bars i{width:5px;border-radius:4px;background:#c4b5f4;animation:rise 1.2s both;transform-origin:bottom}.bars i:nth-child(2n){background:#866de3}.section{margin-top:30px}.sectionhead{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);height:36px}.sectionhead b{height:36px;border-bottom:2px solid #6a55d9;font-size:12px}.sectionhead span{color:#9696a4;font-size:12px}.sectionhead .total{background:#f0eef8;border:0;border-radius:5px;color:#7d748c;font-size:10px;height:auto;padding:2px 6px}.tools{display:flex;gap:7px;padding:15px 0;align-items:center}.search{display:flex;gap:8px;align-items:center;border:1px solid #ececf1;border-radius:7px;padding:8px 10px;color:#aaa;width:210px}.search input{outline:none;border:0;min-width:0;width:100%;font-size:11px}.filter{background:white;border:1px solid #ececf1;color:#70717e;border-radius:7px;padding:8px 10px;font-size:11px}.filter.on{color:#664fd0;background:#f2efff;border-color:#ded7fa}.tools .spacer{flex:1}.hint{font-size:10px;color:#a4a4b0}.tablewrap{border:1px solid #eeedf2;border-radius:9px;overflow:auto}.table{width:100%;border-collapse:collapse;min-width:700px;text-align:left}.table th{height:39px;background:#fafafd;color:#9697a4;font-size:10px;font-weight:600;border-bottom:1px solid #efeff3;padding:0 9px}.table td{height:55px;padding:0 9px;border-bottom:1px solid #f2f2f5;font-size:11px}.table tr:last-child td{border:0}.table tbody tr{cursor:pointer;transition:background .2s}.table tbody tr:hover,.table tbody tr.selected{background:#f8f7fe}.who{display:flex;align-items:center;gap:9px;min-width:140px}.initial{height:29px;width:29px;border-radius:8px;display:grid;place-items:center;background:#f1e9dc;color:#ad7840;font-weight:700}.who b{display:block;font-size:11px}.who small{display:block;color:#a4a4ae;margin-top:3px;font-size:10px}.badge{border-radius:5px;padding:4px 7px;background:#f3f2f7;color:#777483;font-size:10px;white-space:nowrap}.badge.new{background:#ece8ff;color:#6c52ce}.badge.review{background:#fff4da;color:#a57b27}.source{display:flex;align-items:center;gap:6px;white-space:nowrap}.source .orb{height:17px;width:17px;border-radius:5px;background:#efe9fc;color:#7351c9;display:grid;place-items:center;font-size:9px;font-weight:800}.sub{display:block;color:#b0afbb;font-size:10px;margin-top:4px}.bottom{display:flex;justify-content:space-between;color:#a0a0ad;font-size:10px;margin-top:12px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:20px}.detail{border-left:1px solid var(--line);margin-top:29px;padding:0 0 0 20px;min-height:390px}.detailtop{display:flex;justify-content:space-between;color:#8f8f9b;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.close{background:none;border:0;color:#a9a9b4}.profile{padding:22px 0;border-bottom:1px solid var(--line)}.profile .big{width:40px;height:40px;border-radius:11px;background:#eee9ff;color:#6a52d7;display:grid;place-items:center;font:700 15px Manrope;margin-bottom:11px}.profile h2{font:700 15px Manrope;margin:0 0 4px}.profile p{font-size:11px;color:#9898a4;margin:0}.fields{padding:15px 0;border-bottom:1px solid var(--line)}.field{display:flex;justify-content:space-between;gap:8px;margin:12px 0;font-size:11px}.field span{color:#9b9aa7}.field b{text-align:right;font-weight:600}.timeline{padding-top:16px}.timeline h3{font-size:11px;margin:0 0 17px}.event{border-left:1px solid #ded7fa;padding:0 0 17px 14px;margin-left:4px;position:relative;font-size:11px}.event:before{content:'';position:absolute;top:1px;left:-4px;width:7px;height:7px;border-radius:50%;background:#826de0}.event small{display:block;color:#aaa;margin-top:5px}.agent{margin-top:14px;border-radius:9px;padding:13px;background:linear-gradient(120deg,#f5f0ff,#fdf5f6);border:1px solid #eee7f8;position:relative;overflow:hidden}.agent:before{content:'';position:absolute;inset:-100% auto -100% -40%;width:30%;transform:rotate(20deg);background:linear-gradient(90deg,transparent,#ffffff9c,transparent);animation:glint 5s ease-in-out infinite}.agent b{font-size:11px}.agent p{font-size:10px;color:#96909f;line-height:1.5;margin:6px 0}.agent small{font-size:9px;letter-spacing:.04em;color:#806ac3}.intro{animation:fade .5s both}.intro:nth-child(2){animation-delay:.08s}.intro:nth-child(3){animation-delay:.16s}.intro:nth-child(4){animation-delay:.24s}@keyframes ring{0%{transform:scale(.7);opacity:.15}45%{opacity:.7}100%{transform:scale(1.3);opacity:0}}@keyframes rise{from{transform:scaleY(.1)}to{transform:scaleY(1)}}@keyframes glint{0%,40%{left:-40%}75%,100%{left:120%}}@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:1100px){.layout{grid-template-columns:1fr}.detail{border:1px solid var(--line);border-radius:10px;padding:18px;min-height:0}.overview{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.shell{grid-template-columns:1fr}.side{display:none}.body{padding:20px 16px}.top{padding:0 16px}.tools{overflow:auto}.hint{display:none}.overview{grid-template-columns:1fr 1fr}.header h1{font-size:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

:root{--accent:#6953d9;--accent-dark:#634bc4;--accent-soft:#f6f3ff;--accent-border:#ece7fb;--accent-mist:#eee9ff;--accent-pale:#f8f7fe;--accent-ring:#d8cff9;--accent-bar:#866de3;--sidebar-active:#34313f}
body[data-theme="teal"]{--accent:#087f76;--accent-dark:#086e66;--accent-soft:#eef9f6;--accent-border:#d7efe9;--accent-mist:#def3ed;--accent-pale:#f2faf8;--accent-ring:#a8ded1;--accent-bar:#3bab96;--sidebar-active:#273b3a}
body[data-theme="blue"]{--accent:#365fca;--accent-dark:#3458ae;--accent-soft:#f0f5ff;--accent-border:#dfe9fc;--accent-mist:#e4edff;--accent-pale:#f5f8ff;--accent-ring:#b6cafa;--accent-bar:#6c91e4;--sidebar-active:#2d3448}
body[data-theme="amber"]{--accent:#b46531;--accent-dark:#9c542a;--accent-soft:#fdf4ed;--accent-border:#f4e4d7;--accent-mist:#faeadc;--accent-pale:#fff9f4;--accent-ring:#eac8a8;--accent-bar:#d69a63;--sidebar-active:#40342f}
.mark{border-color:var(--accent-ring);border-right-color:var(--accent)}.nav.active{background:var(--sidebar-active)}.avatar,.profile .big{background:var(--accent-mist);color:var(--accent-dark)}.metric:first-child{background:var(--accent-soft);border-color:var(--accent-border)}.metric .pulse,.metric .pulse:after{border-color:var(--accent-ring)}.bars i,.bars i:nth-child(2n){background:var(--accent-bar)}.sectionhead b{border-color:var(--accent)}.table tbody tr:hover,.table tbody tr.selected{background:var(--accent-pale)}.badge.new,.source .orb{background:var(--accent-mist);color:var(--accent-dark)}.filter.on{color:var(--accent-dark);background:var(--accent-soft);border-color:var(--accent-border)}.event{border-color:var(--accent-ring)}.event:before{background:var(--accent-bar)}.agent{background:var(--accent-soft);border-color:var(--accent-border)}.agent small{color:var(--accent-dark)}
.theme-picker{display:flex;align-items:center;gap:5px;border:1px solid #ececf1;border-radius:8px;padding:4px;background:white}.theme-picker button{height:17px;width:17px;border:2px solid white;box-shadow:0 0 0 1px #e1e1e7;border-radius:50%;padding:0}.theme-picker button[aria-pressed="true"]{box-shadow:0 0 0 2px #777580}.theme-picker button:focus-visible{outline:2px solid #222;outline-offset:3px}
.metric-text{font-size:16px!important;margin-top:13px!important;letter-spacing:-.3px!important}.tools select{min-width:94px;max-width:145px}.tools{flex-wrap:wrap}.search{width:185px}.table{min-width:800px}.table th,.table td{padding:0 9px}.table tbody tr{cursor:default}.row-button{border:0;background:none;color:inherit;text-align:left;padding:0;font:inherit;cursor:pointer}.row-button:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.empty{text-align:center!important;color:#8b8996!important;height:90px!important}.detail-empty{color:#92919f;font-size:12px;line-height:1.6}.error{color:#a43d30;background:#fff2ef;border:1px solid #f3d4ce;border-radius:7px;padding:10px;font-size:12px}.error[hidden]{display:none}dialog{border:0;border-radius:12px;padding:0;width:min(560px,calc(100% - 32px));box-shadow:0 24px 70px #19192240}dialog::backdrop{background:#19192288}dialog form{padding:22px}.dialog-head{display:flex;justify-content:space-between;align-items:start}.dialog-head h2{font:800 20px Manrope;margin:0}.dialog-head p,.form-hint{color:#8d8c99;font-size:11px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.form-grid label{font-size:11px;font-weight:600;color:#555461}.form-grid input{display:block;width:100%;border:1px solid #dfdfe7;border-radius:7px;padding:10px;margin-top:6px;font:inherit;font-size:13px;color:#1b1d2b}.form-grid .wide{grid-column:1/-1}.dialog-actions{display:flex;justify-content:end;gap:8px;margin-top:20px}.status-select{font:inherit;font-size:11px;border:1px solid #e6e4ed;background:white;border-radius:6px;padding:6px;max-width:130px}.save-indicator{font-size:10px;color:#96909f;min-height:16px}@media(max-width:600px){.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.tools select{max-width:calc(50% - 4px)}.search{width:100%}}

.attribution-value{max-width:150px;overflow-wrap:anywhere}

[hidden]{display:none!important}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f8f5f2}.login-card{width:min(100%,400px);padding:32px;background:white;border:1px solid #eee6e1;border-radius:14px}.login-brand{color:#24202a;margin:0 0 30px}.login-card h1{font:800 25px Manrope;margin:0}.login-card p{color:#858797;font-size:12px;line-height:1.5}.login-card label{display:block;font-size:12px;margin:15px 0 6px}.login-card input{display:block;width:100%;padding:10px;margin-top:6px;border:1px solid #dedde3;border-radius:7px}.login-card button[type=submit]{width:100%;margin-top:12px}.login-card #loginError{color:#b33}.login-card #loginLanguage{margin-top:12px}

/* Password setup uses the same compact card language as sign-in. */
dialog.identity-dialog{width:min(400px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;background:#fff;border:1px solid #eee6e1;border-radius:14px;box-shadow:0 24px 70px #19192240}
.identity-dialog::backdrop{background:#1b1922a6}
.identity-dialog form{padding:32px}
.identity-dialog .identity-brand{margin:0 0 28px;color:#24202a}
.identity-brand-suffix{font-weight:400;color:#8a8999}
.identity-dialog h2{font:800 25px Manrope,sans-serif;letter-spacing:-.5px;margin:0 0 8px;color:#1b1d2b}
.identity-dialog form>p:not(.error){color:#767786;font-size:13px;line-height:1.55;margin:0 0 22px}
.identity-dialog label{display:block;color:#555461;font-size:12px;font-weight:600;margin:16px 0 0}
.identity-dialog input{display:block;width:100%;min-height:42px;padding:10px 12px;margin-top:7px;border:1px solid #dedde3;border-radius:7px;background:#fff;color:#1b1d2b;font-size:14px}
.identity-dialog input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}
.identity-dialog .error{margin:16px 0 0;line-height:1.5}
.identity-dialog .btn{display:block;width:100%;min-height:42px;margin-top:22px;text-align:center;text-decoration:none}
.identity-dialog .btn:disabled{opacity:.6;cursor:wait}
.brand-subtitle{font-weight:400;color:#8a8999}.form-top-gap{margin-top:32px}
@media(max-width:480px){.identity-dialog form{padding:24px}.identity-dialog .identity-brand{margin-bottom:24px}}
