@import url('/assets/local-fonts.css');
:root{--ink:#172d2a;--muted:#76817b;--paper:#f4f4ee;--line:#dce1d8;--green:#2d6458;--lime:#d3e6b7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input{font:inherit}button{cursor:pointer;border:0;border-radius:10px;padding:14px 19px;transition:background .15s,transform .15s}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible{outline:3px solid #8da798;outline-offset:3px}[hidden]{display:none!important}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;margin:0 0 14px}.muted{color:var(--muted);line-height:1.65}h1{font-size:38px;font-weight:450;letter-spacing:-1.5px;margin:0;line-height:1.17}h2{font-size:20px;font-weight:550;letter-spacing:-.4px}.brandmark{background:var(--ink);color:white;width:64px;height:64px;border-radius:17px;font:46px Georgia,serif;display:grid;place-content:center;position:relative;margin-bottom:40px}.brandmark span{color:var(--lime);position:absolute;right:8px;bottom:5px}.brandmark.small{width:43px;height:43px;font-size:32px;border:1px solid #52615a;margin:0;border-radius:12px}.brandmark.small span{right:3px;bottom:2px}.brand{display:flex;gap:12px;align-items:center;font-size:11px;letter-spacing:1px;font-weight:600}.brand small{display:block;font-size:8px;color:#9aafa5;margin-top:7px;letter-spacing:2px}aside{background:var(--ink);color:#e9eee8;position:fixed;inset:0 auto 0 0;width:236px;padding:36px 22px;display:flex;flex-direction:column}nav{margin-top:67px;display:grid;gap:10px}.nav{background:none;color:#abbcb3;display:flex;align-items:center;gap:12px;text-align:left;font-size:19px;padding:16px 13px}.nav span{font-size:12px}.nav.active{color:var(--lime);background:#2b413b}.aside-bottom{margin-top:auto;font-size:12px;line-height:2.2}.aside-bottom small{color:#92a69c;margin-left:17px;font-size:10px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:7px}main{margin-left:236px;padding:43px 46px 0;max-width:1550px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:20px}.pill{font-size:11px;background:#e4eddf;border:1px solid #ccdbca;border-radius:30px;padding:10px 14px;white-space:nowrap}.pill.offline{background:#f4ded1;border-color:#dec1b0}.banner{padding:12px 16px;border:1px solid #dddbc6;border-radius:9px;font-size:12px;background:#eeedde;display:flex;gap:15px;margin-bottom:27px;color:#716943}.banner b{font-size:10px;letter-spacing:1px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.section-heading h2{font-size:15px;margin:0}.section-heading h2 span{font-size:11px;font-weight:400;color:var(--muted);margin-left:10px}.section-heading>.muted{font-size:11px}.camera-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:17px}.camera-card{position:relative;overflow:hidden;border-radius:13px;background:#243832;min-height:155px;color:#f6faf5}.camera-card:first-child{grid-row:span 2;min-height:352px}.camera-card video{width:100%;height:100%;position:absolute;object-fit:cover}.camera-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0f231f 0,transparent 45%,#102d2644 100%);pointer-events:none}.camera-label{position:absolute;bottom:19px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center}.camera-label h3{font-size:16px;font-weight:500;margin:0 0 5px}.camera-label small{font-size:10px;color:#b5c4ba}.camera-label button{border:1px solid #73948666;color:white;background:#ffffff15;font-size:11px;padding:9px 12px}.camera-badge{position:absolute;top:16px;left:17px;background:#102920ab;backdrop-filter:blur(6px);padding:7px 10px;border-radius:5px;font-size:9px;letter-spacing:1px;display:flex;gap:6px;align-items:center}.camera-placeholder{display:grid;place-content:center;text-align:center;height:100%;min-height:155px;background:radial-gradient(ellipse at 60% 40%,#365147,#243832)}.camera-placeholder span{font-size:29px;color:#8da49a;margin-bottom:15px}.camera-placeholder p{font-size:12px;color:#a0b3a8}.lower-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:17px;margin-top:20px}.entry-card,.retention-card,.settings-card{background:#fffef9;border:1px solid var(--line);border-radius:12px;padding:24px}.entry-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.entry-card h2{font-size:21px;margin:0}.entry-card p.muted{font-size:12px;margin:10px 0 20px}.primary{background:var(--green);color:white;font-size:13px;font-weight:500}.primary:hover{background:#224d43}.retention-values{display:flex;gap:45px}.retention-values strong{font-size:37px;font-weight:450;letter-spacing:-1px;display:block}.retention-values span{display:block;font-size:11px;color:var(--muted);margin-top:6px}.retention-card>.muted{font-size:11px;margin-top:20px}.simulation{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);margin-top:27px;padding-top:20px;flex-wrap:wrap}.simulation>div{margin-right:auto}.simulation .eyebrow{margin:0}.simulation p:not(.eyebrow){color:var(--muted);font-size:11px}.simulation button{font-size:11px;background:#e4e8df;color:var(--ink);padding:11px}.settings-card{margin-bottom:20px;max-width:760px}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:23px 0;margin-top:32px;font-size:9px;color:var(--muted);letter-spacing:.8px}footer b{color:var(--green);padding:0 7px}dialog{border:none;border-radius:18px;background:var(--paper);padding:28px;width:min(570px,94vw);color:var(--ink);box-shadow:0 24px 100px #0005}dialog::backdrop{background:#0f211ce0;backdrop-filter:blur(8px)}dialog video{width:100%;aspect-ratio:16/9;background:#172d2a;border-radius:9px}dialog h2{font-size:32px;margin:12px 0 20px}.call-top{display:flex;gap:10px;align-items:center}.call-top .eyebrow{margin:0;font-size:9px}.call-top>span:last-child{margin-left:auto;color:var(--muted);font-size:11px}.ring-dot{width:8px;height:8px;background:#5d9767;border-radius:50%;box-shadow:0 0 0 5px #5d976725}.call-actions{display:grid;grid-template-columns:1fr 1.6fr;gap:12px;margin-top:20px}.decline{background:#ebddd7;color:#994d3f}.call-note{text-align:center;font-size:11px;color:var(--muted);margin-top:20px}#call-media-status{font-size:11px}.text-button{background:none;color:var(--green);padding:8px 0;font-size:12px}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);padding:15px 24px;border-radius:9px;background:var(--ink);color:white;z-index:10;max-width:90vw;font-size:13px}.login{max-width:450px;margin:10vh auto;padding:32px}.login h1{font-size:46px;margin-bottom:20px}.login .muted{font-size:14px}.login form{display:grid;gap:12px;margin:34px 0 12px}.login label{font-size:12px}.login input{padding:14px;border:1px solid #c9d4c9;background:#fffef9;border-radius:9px;width:100%}.login button.primary{display:flex;justify-content:space-between}.clip-row{display:flex;align-items:center;gap:18px;padding:20px;background:#fffef9;border:1px solid var(--line);border-radius:11px;margin:12px 0}.clip-icon{background:#e4eddf;padding:15px;border-radius:9px}.clip-row h3{margin:0 0 6px;font-size:14px}.clip-row p{margin:0;font-size:11px;color:var(--muted)}.clip-row button{margin-left:auto}.empty{padding:70px 20px;text-align:center;border:1px dashed #c9d4c9;border-radius:12px;margin:25px 0}.empty h3{font-weight:500}.empty p{font-size:13px;color:var(--muted)}
@media(min-width:1450px){.camera-card:first-child{min-height:430px}.camera-placeholder{min-height:204px}}
@media(max-width:1050px){aside{width:190px;padding:30px 15px}main{margin-left:190px;padding:32px 25px 0}.brand{font-size:9px;gap:8px}.brandmark.small{width:35px;height:35px}.lower-grid{grid-template-columns:1fr 1fr}.entry-card,.retention-card{padding:19px}h1{font-size:32px}.retention-values{gap:25px}}
@media(max-width:700px){aside{position:fixed;inset:auto 0 0;width:auto;height:72px;z-index:5;padding:5px 10px}.brand,.aside-bottom{display:none}nav{margin:0;display:flex;justify-content:space-around;gap:5px}.nav{flex-direction:column;gap:3px;padding:9px 13px;font-size:18px}.nav span{font-size:9px}.nav.active{background:transparent}main{margin:0;padding:27px 19px 80px}header{align-items:flex-start;margin-bottom:23px}h1{font-size:28px;max-width:230px}.eyebrow{font-size:9px}.pill{font-size:9px;padding:8px}.banner{font-size:10px;gap:9px;padding:11px}.camera-grid{grid-template-columns:1fr 1fr;gap:12px}.camera-card:first-child{grid-column:span 2;min-height:235px;grid-row:auto}.camera-card{min-height:150px}.camera-label{bottom:13px;left:13px;right:13px}.camera-label h3{font-size:13px}.camera-label small{font-size:9px}.camera-placeholder p{font-size:10px}.camera-placeholder{min-height:150px}.lower-grid{grid-template-columns:1fr;gap:12px}.entry-card{flex-direction:row;gap:15px;align-items:center}.entry-card h2{font-size:17px}.entry-card p.muted{margin-bottom:0}.entry-card>.primary{min-width:110px;font-size:11px}.retention-values{gap:55px}.retention-card{padding:20px}.retention-values strong{font-size:29px}.retention-card>.muted{margin-bottom:0}.simulation{gap:6px}.simulation>div{width:100%}footer{font-size:8px}dialog{padding:22px}.login{margin:5vh auto}.clip-row{padding:13px;gap:12px}.clip-icon{padding:12px}.clip-row h3{font-size:12px}.clip-row button{padding:10px}}
.camera-placeholder p{display:none}.camera-placeholder span{margin-bottom:48px}