*{box-sizing:border-box} :root{color-scheme:light;--ink:#13243a;--muted:#50637b;--line:#dce4ed;--blue:#1c55a6;--navy:#0c203d} body{margin:0;background:#f1f5f9;color:var(--ink);font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:15px} [hidden]{display:none!important}
header{background:radial-gradient(ellipse at 96% 97%,#23466f 0,transparent 58%),var(--navy);color:#fff;border-bottom:3px solid #6796d3}.masthead,.hero,main{width:min(1160px,calc(100% - 48px));margin:auto}.masthead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0;border-bottom:1px solid #ffffff26}.brand{display:flex;align-items:center;gap:12px}.brand strong{font-size:clamp(13px,2.2vw,17px);letter-spacing:.035em}.emblem{display:block;width:56px;height:56px;border-radius:11px;flex:none}.private{flex:none}.private{font-size:12px;color:#deebfc;display:flex;align-items:center;gap:8px}.private i{width:7px;height:7px;border-radius:50%;background:#8cd6be}.hero{padding:34px 0 37px}.hero h1{margin:0;font-size:clamp(28px,4vw,41px);line-height:1.12;letter-spacing:-.045em}.hero p{color:#c9daef;margin:11px 0 0;line-height:1.45}
main{padding:27px 0 50px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start} form,aside{border:1px solid var(--line);background:white;border-radius:14px;box-shadow:0 4px 16px #17355408} .intro,.aside-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.intro{padding:17px 24px;border-bottom:1px solid var(--line)}h2{font-size:20px;margin:0;letter-spacing:-.025em}section{padding:18px 24px;border-bottom:1px solid var(--line)}h3{font-size:15px;margin:0 0 12px;color:#244b79}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.wide{grid-column:1/-1}label{display:block;font-size:13px;font-weight:620}input,textarea{display:block;margin:5px 0 0;width:100%;min-width:0;border:1px solid #cbd7e5;border-radius:7px;background:#f9fbfd;color:var(--ink);font:inherit;font-size:16px;font-weight:400;padding:9px 11px}input{height:41px}textarea{resize:vertical;min-height:78px}:focus-visible{outline:3px solid #7eabdf;outline-offset:2px}button{cursor:pointer;border:1px solid transparent;border-radius:7px;font:inherit;font-weight:660;padding:9px 12px;background:white;color:var(--blue)}button:hover{filter:brightness(.93)}.primary{background:var(--blue);color:white}.secondary{border-color:#cbd7e5}.quiet,.danger{font-size:13px}.danger{color:#982a3a}.actions{padding:17px 24px 0;display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}#status{margin:7px 24px 14px;min-height:1em;color:#275b47;font-size:13px}aside{padding:18px}.aside-head{margin-bottom:14px}#count{color:#244b79;border-radius:20px;background:#eaf1fa;font-size:12px;padding:4px 10px}.search{color:var(--muted)}.empty{margin:14px 0;background:#f4f7fb;border:1px dashed #cbd7e5;border-radius:9px;padding:18px 12px;text-align:center;color:var(--muted);font-size:13px}.storage{margin:16px 0 0;border-top:1px solid var(--line);padding-top:13px;color:var(--muted);font-size:12px;line-height:1.5}.record{display:flex;align-items:center;border-bottom:1px solid var(--line);gap:4px}.record button:first-child{flex:1;text-align:left;min-width:0;padding-left:4px;overflow-wrap:anywhere}.record small{display:block;color:var(--muted);font-weight:400;margin-top:3px}.record button[aria-current=true]{color:var(--ink);background:#eaf1fa}.record button:last-child{font-size:12px;padding-inline:5px}
@media(max-width:740px){.masthead,.hero,main{width:calc(100% - 28px)}.workspace{grid-template-columns:1fr}.hero{padding:25px 0}.intro,section{padding-inline:15px}}@media(max-width:400px){.fields{grid-template-columns:1fr}.private{font-size:11px}}

@media(max-width:480px){.masthead{align-items:flex-start;flex-direction:column}.private{margin-left:68px}}

.dni-heading{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:12px}.dni-heading h3{margin:0}.dni-heading button{flex:none}.dni-panel{background:#f4f7fb;border:1px solid #dce4ed;border-radius:9px;padding:12px 15px;margin-bottom:14px}.dni-panel p{margin:0 0 10px;line-height:1.45;color:#425776}.dni-panel input{height:auto}.dni-panel #dni-status{margin:10px 0 0}.dni-panel dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:5px 12px;margin:10px 0}.dni-panel dt{font-weight:650}.dni-panel dd{margin:0;overflow-wrap:anywhere}
.dni-camera{position:relative;overflow:hidden;border-radius:8px;background:#0c203d;margin-bottom:8px}.dni-camera video{display:block;width:100%;height:auto}.dni-guide{position:absolute;inset:29% 5%;border:2px solid #8cd6be;border-radius:7px;box-shadow:0 0 0 999px #09192855;pointer-events:none}