:root{font-family:DM Sans,system-ui,sans-serif;color:#20251f;background:#f4f4ef;font-synthesis:none;--ink:#20251f;--muted:#737970;--line:#e3e4dc;--paper:#fbfcf8;--green:#3d5746;--green-dark:#273b30;--lime:#c9f269;--sidebar:#111512}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}svg{display:block}.boot{height:100vh;display:grid;place-items:center;background:var(--sidebar)}.boot .brand-mark{animation:pulse 1.2s infinite}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:var(--sidebar);color:#f4f5ef;padding:29px 18px 20px;display:flex;flex-direction:column;z-index:40}.brand{display:flex;align-items:center;gap:11px;padding:0 10px;font:700 19px/1 Manrope,sans-serif;letter-spacing:-.4px}.brand-mark{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;background:var(--lime);color:#1b2a20;box-shadow:0 0 0 1px #ffffff0d}nav{margin-top:48px;display:flex;flex-direction:column;gap:5px}.nav-label{color:#737c74;font-size:10px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;padding:0 13px 8px}.nav-label.second{margin-top:25px}nav a{height:44px;border-radius:10px;color:#939b94;display:flex;align-items:center;gap:13px;padding:0 13px;font-size:14px;font-weight:500;text-decoration:none}nav a:hover{background:#1a201b;color:#e4e9e3}nav a.active{background:#232c25;color:#f7faf6;box-shadow:inset 0 0 0 1px #ffffff09}nav a.active svg{color:var(--lime)}.nav-count{margin-left:auto;border-radius:9px;background:#313a32;font-size:10px;line-height:18px;min-width:20px;text-align:center}.sidebar-foot{margin-top:auto}.system-health{border-top:1px solid #262c27;padding:20px 10px 15px;display:flex;align-items:flex-start;gap:10px}.health-dot{width:8px;height:8px;border-radius:50%;background:#9cd85e;box-shadow:0 0 0 4px #9cd85e1a;margin-top:5px}.system-health div{display:flex;flex-direction:column;gap:2px}.system-health strong{font-size:12px;font-weight:600}.system-health span{font-size:10px;color:#758077}.logout{width:100%;height:40px;border:0;background:transparent;color:#757e76;display:flex;align-items:center;gap:10px;padding:0 11px;font-size:12px;border-radius:8px}.logout:hover{background:#1b211c;color:#cbd2cc}.main{margin-left:238px;min-width:0;flex:1}.topbar{height:78px;border-bottom:1px solid var(--line);background:#f9faf5d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;padding:0 42px;position:sticky;top:0;z-index:20}.search{display:flex;align-items:center;gap:11px;color:#92978e;width:min(510px,55vw)}.search input{border:0;background:transparent;outline:0;width:100%;color:var(--ink);font-size:13px}.search input::placeholder{color:#9da19a}.top-actions{margin-left:auto;display:flex;align-items:center;gap:15px}.icon-button,.menu{border:0;background:transparent;color:#6d746b;position:relative;padding:8px}.icon-button span{position:absolute;right:6px;top:5px;width:6px;height:6px;border-radius:50%;background:#d27b59;border:1px solid white}.avatar{width:34px;height:34px;border-radius:10px;background:#dfe5da;color:#405144;display:grid;place-items:center;font-size:11px;font-weight:700}.menu{display:none}.content{padding:45px 42px 30px;max-width:1530px;margin:0 auto}.welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.eyebrow{font-size:10px;color:#748074;font-weight:700;text-transform:uppercase;letter-spacing:1.4px}.welcome h1{font:600 33px/1.15 Manrope;letter-spacing:-1.2px;margin:8px 0 7px}.welcome p{margin:0;color:var(--muted);font-size:13px}.primary,.secondary{border:0;border-radius:10px;height:43px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:700}.primary{background:var(--green-dark);color:#fff;box-shadow:0 5px 15px #1b2f2329}.primary:hover{background:#1d3025}.primary:disabled{opacity:.65;cursor:wait}.primary.full{width:100%;margin-top:8px}.secondary{background:#e8eadf;color:#354339}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:31px 0 44px}.stat-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:20px;display:flex;align-items:flex-start;gap:15px;min-height:120px}.stat-card.accent{background:#eff5e7;border-color:#dde9cf}.stat-icon{width:39px;height:39px;flex:0 0 auto;border-radius:11px;display:grid;place-items:center;color:#57645a;background:#eef0ea}.accent .stat-icon{background:#dcebca;color:#45583f}.stat-card>div:last-child{display:flex;flex-direction:column}.stat-card span{color:#7b8078;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.7px}.stat-card strong{font:600 26px/1.2 Manrope;margin:5px 0 4px;letter-spacing:-.6px}.stat-card strong.word-stat{font-size:20px;margin-top:8px}.stat-card small{font-size:10px;color:#989c94}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-head h2{font:600 20px/1.2 Manrope;letter-spacing:-.5px;margin:0 0 5px}.section-head p{font-size:11px;color:#878c84;margin:0}.filters{padding:3px;background:#e9eae4;border-radius:10px;display:flex}.filters button{height:29px;padding:0 13px;border:0;border-radius:8px;background:transparent;color:#7d827a;font-size:10px;font-weight:600}.filters button.active{background:#fafbf7;color:#344139;box-shadow:0 1px 4px #191f1914}.recording-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.recording-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s;outline:0}.recording-card:hover,.recording-card:focus{transform:translateY(-2px);box-shadow:0 12px 30px #1d241d17;border-color:#d4d7ce}.thumb{aspect-ratio:16/9;position:relative;background:#333c35;overflow:hidden}.thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#060a0708 43%,#050a077a)}.thumb img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.75) contrast(.96)}.thumb-0{background:radial-gradient(circle at 60% 35%,#81968a,#29352e 68%)}.thumb-1{background:radial-gradient(circle at 28% 40%,#7c7968,#2f332d 70%)}.thumb-2{background:radial-gradient(circle at 65% 45%,#7f8f75,#283329 67%)}.event-pill{position:absolute;z-index:2;left:12px;top:12px;height:27px;border-radius:8px;padding:0 9px;display:flex;align-items:center;gap:6px;background:#151c17b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#eef3ee;font-size:9px;font-weight:600}.play-button{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:43px;height:43px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:#f4f8f3e0;color:#293a2f;display:grid;place-items:center;opacity:0;transition:opacity .2s,transform .2s}.recording-card:hover .play-button{opacity:1;transform:translate(-50%,-50%) scale(1.04)}.status-dot{position:absolute;z-index:2;right:12px;bottom:10px;color:#eef4ef;font-size:8px;text-transform:uppercase;letter-spacing:.7px}.status-dot:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#b7e475;margin-right:5px}.status-dot.failed:before{background:#df8a72}.status-dot.recording:before,.status-dot.analyzing:before,.status-dot.queued:before{background:#f2cc6d;animation:pulse 1s infinite}.card-body{padding:15px 16px 16px}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.card-heading h3{font:600 13px/1.3 Manrope;margin:0 0 3px}.card-heading p{font-size:9px;color:#8b9088;margin:0}.card-heading p span{padding:0 3px}.duration{font-size:9px;color:#8a8f87;background:#f0f1eb;padding:4px 6px;border-radius:6px}.summary{font-size:11px;line-height:1.55;color:#646b63;margin:12px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:34px}.processing{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:5px}.processing span{width:6px;height:6px;border-radius:50%;background:#d8edb0;animation:bounce 1s infinite}.processing span:nth-child(2){animation-delay:.15s}.processing span:nth-child(3){animation-delay:.3s}.thumb-message{position:absolute;inset:0;display:grid;place-items:center;color:#e9c3b9;font-size:11px}.empty-state{border:1px dashed #d7d9d1;border-radius:16px;padding:55px 20px;text-align:center;background:#ffffff4d}.empty-state>span{width:56px;height:56px;border-radius:16px;background:#e9ece4;color:#5e6b60;display:grid;place-items:center;margin:0 auto 15px}.empty-state h3{font:600 15px Manrope;margin:0 0 7px}.empty-state p{font-size:11px;color:#7f857c;margin:0 auto 18px;max-width:380px}.skeleton-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.skeleton{height:300px;border-radius:14px;background:linear-gradient(100deg,#e8e9e3 20%,#f1f2ed,#e8e9e3 60%);background-size:200% 100%;animation:shimmer 1.3s infinite}footer{margin-top:50px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#969b93;font-size:9px}footer div{display:flex;align-items:center;gap:7px}.modal-backdrop{position:fixed;inset:0;z-index:100;background:#090d0ab8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;padding:25px;animation:fade .18s}.detail-modal{width:min(820px,100%);max-height:calc(100vh - 50px);overflow:auto;border-radius:17px;background:#f8f9f4;box-shadow:0 25px 80px #00000059;position:relative;animation:rise .25s}.modal-close{position:absolute;z-index:5;right:14px;top:14px;width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#0a0f0b94;color:#fff;display:grid;place-items:center}.modal-video{aspect-ratio:16/8.5;background:#101411}.modal-video video{width:100%;height:100%;display:block;object-fit:contain}.video-unavailable{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#aeb8ae;gap:12px;font-size:12px}.modal-content{padding:26px 30px 30px}.modal-title{display:flex;align-items:flex-start;justify-content:space-between}.modal-title h2{font:600 23px Manrope;margin:5px 0 0}.badge{font-size:8px;text-transform:uppercase;letter-spacing:.8px;background:#e2eadc;color:#4b624c;padding:7px 9px;border-radius:7px}.badge.failed{background:#f3ded8;color:#8d4c3b}.detail-meta{display:flex;gap:20px;margin:19px 0;color:#7c8279;font-size:10px}.detail-meta span{display:flex;align-items:center;gap:6px}.observation{background:#eef2e8;border:1px solid #e0e7d9;border-radius:12px;padding:17px 18px}.observation-label{display:flex;align-items:center;gap:8px;color:#405445;font-size:10px;text-transform:uppercase;letter-spacing:.8px;font-weight:700}.observation p{font-size:13px;line-height:1.65;color:#4d574e;margin:10px 0 0}.file-path{font-size:9px;color:#999e95;margin:17px 2px 0}.file-path span{color:#6f766e}.login-shell{min-height:100vh;background:#111512;color:#fff;display:grid;place-items:center;padding:30px;position:relative;overflow:hidden}.login-glow{position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(129,161,103,.18),transparent 67%);right:-180px;top:-260px}.login-panel{width:min(430px,100%);background:#f8f9f4;color:var(--ink);border-radius:20px;padding:36px 38px;position:relative;box-shadow:0 30px 90px #00000052}.brand-login{padding:0;margin-bottom:52px}.login-copy h1{font:600 32px/1.17 Manrope;letter-spacing:-1px;margin:8px 0 10px}.login-copy>p{color:#777d74;font-size:12px;line-height:1.6;margin:0 0 28px}.login-panel form label{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;margin-bottom:8px;color:#6d756c}.login-panel form input{width:100%;height:46px;border:1px solid #dadcd4;background:#fff;border-radius:10px;padding:0 13px;outline:0;font-size:13px;margin-bottom:10px}.login-panel form input:focus{border-color:#83967e;box-shadow:0 0 0 3px #5b74551a}.form-error{font-size:10px;color:#af5540;margin:0 0 8px}.secure-note{margin-top:20px;padding-top:18px;border-top:1px solid #e5e6df;color:#93988f;font-size:9px;display:flex;align-items:center;gap:7px}.nav-scrim{display:none}.settings-modal{width:min(620px,100%);max-height:calc(100vh - 50px);overflow:auto;border-radius:17px;background:#f8f9f4;padding:30px;position:relative}.settings-modal h2{font:600 25px Manrope;margin:7px 0}.settings-intro{font-size:11px;color:#7d837a;margin:0 0 24px}.modal-close.dark{background:#27342b}.integration-row,.integration-card{border:1px solid var(--line);border-radius:13px;background:#fff;padding:17px;margin-top:12px}.integration-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.integration-row strong,.integration-title strong{font-size:13px}.integration-row p{font-size:10px;color:#81877e;margin:5px 0 0}.connection{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b6bbb3;margin-right:9px}.connection.on{background:#79ad54;box-shadow:0 0 0 4px #79ad541f}.integration-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.integration-title small{color:#8b9188;font-size:9px;text-transform:uppercase;letter-spacing:.7px}.integration-card form{display:grid;grid-template-columns:1fr;gap:8px}.integration-card input{height:40px;border:1px solid #dfe1da;border-radius:8px;padding:0 11px;font-size:11px;outline:none}.integration-card input:focus{border-color:#8ca087}.integration-card form.inline-form{grid-template-columns:1fr auto}.settings-message{font-size:11px;color:#486243;background:#eaf1e4;padding:10px;border-radius:8px;margin:12px 0 0}@keyframes pulse{50%{opacity:.45}}@keyframes bounce{50%{transform:translateY(-5px)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{transform:translateY(10px);opacity:.6}}@media(max-width:1120px){.stats-grid,.recording-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:transform .25s}.sidebar.open{transform:translate(0)}.nav-scrim{display:block;position:fixed;inset:0;background:#050a0680;z-index:35}.main{margin-left:0}.menu{display:block;margin-right:8px}.topbar{height:67px;padding:0 17px}.search{width:auto;flex:1}.top-actions{gap:7px}.content{padding:28px 17px}.welcome{align-items:flex-start}.welcome h1{font-size:27px}.welcome .primary{width:43px;padding:0;font-size:0}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin:25px 0 35px}.stat-card{padding:14px;min-height:110px;gap:11px}.stat-icon{width:34px;height:34px}.stat-card strong{font-size:22px}.recording-grid,.skeleton-grid{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.filters{width:100%;overflow:auto}.filters button{flex:1}.detail-modal{border-radius:15px}.modal-content{padding:22px 18px}.detail-meta{flex-wrap:wrap;gap:9px 16px}.login-panel{padding:30px 24px}.login-shell{padding:17px}footer{flex-direction:column;gap:9px}}@media(max-width:420px){.stats-grid{grid-template-columns:1fr 1fr}.stat-card{display:block}.stat-icon{margin-bottom:12px}.stat-card small,.top-actions .icon-button{display:none}}