.stack{display:grid;gap:8px;margin-top:18px}.stack-item,.camera-item{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #e7eaf1;border-radius:12px;padding:12px 15px}.stack-item strong,.camera-item strong{display:block}.stack-item small,.camera-item small{display:block;color:#7c8491;margin-top:4px}.camera-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.small-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.row input{min-width:160px;flex:1}.stack-item .row,.camera-item .row{margin:0}.stack-item button,.camera-item a{font-size:12px;padding:8px 11px;white-space:nowrap}#logout{padding-left:0}#key-dialog input{width:100%;padding:11px;border:1px solid #d8dce6;border-radius:9px;margin:6px 0 15px}#key-dialog label{display:block;font-weight:650;font-size:13px}@media(max-width:850px){.camera-list,.small-grid{grid-template-columns:1fr}.stack-item,.camera-item{align-items:flex-start;flex-direction:column}}
.admin-panel>summary{font-size:16px;font-weight:700;cursor:pointer}.admin-panel>.grid{margin-top:18px}.admin-panel .card{box-shadow:none;margin-bottom:0}@media(max-width:850px){.admin-panel .grid{grid-template-columns:1fr}}
.top{height:66px;background:#ffffffed;border-bottom:1px solid #e8ecf4;backdrop-filter:blur(12px)}
main{padding-top:24px}.intro{position:relative;overflow:hidden;min-height:260px;padding:34px 40px;border-radius:26px;background:linear-gradient(125deg,#172348 0%,#263e7b 64%,#4654a4 100%);color:#fff;box-shadow:0 18px 45px #24387224}.intro::after{content:"";position:absolute;right:-70px;top:-75px;width:390px;height:390px;border:1px solid #ffffff33;border-radius:50%;box-shadow:0 0 0 55px #ffffff0c,0 0 0 110px #ffffff08;pointer-events:none}.intro>div:first-child{position:relative;z-index:1}.intro .eyebrow{color:#96dfdd}.intro h1{font-size:clamp(30px,4vw,48px);line-height:1.11;letter-spacing:-.04em;margin:10px 0 14px}.intro h1 span{color:#a7f0dd}.intro p{color:#d9e3fa;max-width:600px;line-height:1.6}.intro-action{display:inline-flex;align-items:center;background:#a7f0dd;color:#143f46;font-weight:800;margin-top:7px;padding:12px 18px;border-radius:11px}.intro-action:hover{background:#c4faeb}.intro-stat{position:absolute;z-index:1;right:53px;bottom:42px;min-width:130px;border:1px solid #ffffff4a;border-radius:17px;background:#ffffff16;backdrop-filter:blur(12px);padding:16px 19px}.intro-stat strong{font-size:32px}.intro-stat span{font-size:11px;color:#dfebfa}
#workspace>.card{border:1px solid #e7ebf4;border-radius:18px;box-shadow:0 8px 28px #24314d0a}.camera-list{gap:12px}.camera-item,.stack-item{border-color:#e7ecf5;border-radius:14px;background:#fcfdff;padding:15px 17px}.camera-item:hover,.stack-item:hover{border-color:#bfcaeb;background:#f9fbff}.camera-item>div{flex:1;min-width:0}.camera-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;background:#e7edff;color:#445da9;font-size:20px}.camera-item a,.stack-item a{font-weight:700}.run-status.completed{color:#258168}.run-status.partial,.run-status.failed{color:#aa6b29}
@media(max-width:850px){.intro-stat{right:24px;bottom:24px}.intro p{max-width:470px}.camera-item>div{width:100%}}
@media(max-width:560px){.intro{min-height:0;padding:29px 22px}.intro::after{right:-260px;opacity:.5}.intro h1{font-size:32px}.intro-stat{position:static;display:inline-grid;margin-top:17px;padding:9px 13px;min-width:0}.intro-stat strong{font-size:22px}.intro-stat span{font-size:10px}.camera-item a,.stack-item a{width:100%}}

.camera-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto!important;width:auto!important}.camera-actions button{font-size:12px;padding:8px 11px;white-space:nowrap}.camera-actions .ghost{color:#56617b}.camera-actions .ghost:hover{background:#f0f2fb}
.cleanup-dialog{width:min(720px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto}.cleanup-dialog h2{font-size:24px;margin:5px 0 0}.cleanup-dialog h3{font-size:17px;margin:0 0 5px}.cleanup-dialog p{line-height:1.5}.cleanup-subtitle{margin:5px 0 0!important}.cleanup-close{flex:none;padding:7px 10px;font-size:18px}.cleanup-storage{margin:18px 0;padding:14px 16px;border-radius:12px;background:#eef3ff;color:#273d75;font-size:13px;font-weight:650;line-height:1.5}.cleanup-section{border-top:1px solid #e7eaf1;padding:19px 0}.cleanup-section>p{margin:6px 0 12px}.cleanup-date-label,.cleanup-remove label{display:block;font-size:13px;font-weight:700;color:#4f5868}.cleanup-date-label input,.cleanup-remove input{display:block;width:100%;padding:11px 12px;border:1px solid #d8dce6;border-radius:11px;margin:6px 0 0;background:white;color:#222a38}.cleanup-date-label{max-width:235px}.cleanup-days{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.cleanup-days button{background:#eef0fa;color:#293568;padding:7px 10px;font-size:12px}.cleanup-days button.selected{background:#344b9b;color:white}.cleanup-day-details{color:#465277!important;font-size:13px}.cleanup-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:13px}.cleanup-actions button{font-size:13px}.danger-outline{background:#fff1f0;color:#a3332d;border:1px solid #e7bab7}.danger-outline:hover{background:#ffe6e4}.cleanup-remove{border-color:#efd1cf}.cleanup-remove p{color:#93423b}.cleanup-remove strong{color:#9f302a}.cleanup-remove input{max-width:360px}.danger{background:#ae3933}.cleanup-remove .danger{margin-top:12px}.cleanup-feedback{min-height:20px;margin:0!important;color:#a3332d!important;font-weight:650;font-size:13px}
@media(max-width:850px){.camera-actions{width:100%!important;flex-wrap:wrap}.camera-actions a,.camera-actions button{flex:1;text-align:center}}
@media(max-width:560px){.camera-actions{display:grid;grid-template-columns:1fr}.camera-actions button{width:100%}.cleanup-actions button{width:100%}}