:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#27303b;background:#f5f7fa;font-size:14px}
*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:#185eb9;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1240px;margin:auto;padding:0 22px}
.header{background:#cf1922;color:#fff}.header-inner{height:64px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:11px;font-size:23px}.brand-logo{width:130px;height:40px;object-fit:contain;flex:0 0 auto}.version{font-size:10px;color:#fee5e6;text-transform:uppercase;letter-spacing:2px}.user{font-weight:600}.user span{font-weight:400;opacity:.8}
.navbar{background:#222d3d;color:#fff}.nav-inner{display:flex;align-items:center;flex-wrap:wrap;min-height:48px;gap:5px}.nav-inner a,.dropdown-trigger{display:block;padding:16px 12px;color:#e7ecf3;font-size:13px;border:none;background:none;font:inherit;cursor:pointer}.nav-inner a:hover,.nav-inner a.active,.dropdown-trigger:hover{background:#394658;color:white;text-decoration:none}.logout{margin-left:auto}.dropdown{position:relative}.dropdown-menu{display:none;position:absolute;z-index:20;background:#283548;min-width:230px;box-shadow:0 8px 24px #15203240;border-radius:0 0 8px 8px}.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{display:block}.dropdown-menu a{padding:12px 16px}
.main{padding-top:28px;padding-bottom:48px;min-height:75vh}.footer{padding-bottom:24px;color:#8993a1;font-size:12px}h1{font-size:26px;margin:0 0 20px;font-weight:700;letter-spacing:-.4px}h2{font-size:17px;margin:0 0 15px}.muted{color:#778292;font-size:13px;line-height:1.5}.card{background:#fff;padding:23px;border:1px solid #e1e6ed;border-radius:11px;box-shadow:0 1px 3px #202b3b08;margin-bottom:18px}.title-row{display:flex;align-items:start;justify-content:space-between;gap:20px}.title-row h1{margin:0}.title-row p{margin-top:6px}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.btn{display:inline-flex;justify-content:center;align-items:center;background:#cf1922;border:1px solid #cf1922;color:#fff;min-height:36px;padding:8px 14px;font-size:13px;font-weight:650;border-radius:6px;cursor:pointer;white-space:nowrap}.btn:hover{background:#b9151d;color:#fff;text-decoration:none}.btn.secondary{background:#f3f5f8;color:#394659;border-color:#dce2e9}.btn.secondary:hover{background:#e9edf2}.btn.outline{background:white;color:#cf1922}.btn.danger{background:#a31b25;border-color:#a31b25}.btn.danger.outline{background:white;color:#a31b25}.btn:disabled{opacity:.4;cursor:not-allowed}
label{font-size:12px;color:#556273;font-weight:600;display:flex;flex-direction:column;gap:5px}input,select,textarea{font:inherit;border:1px solid #ced6e0;background:#fff;padding:9px 10px;color:#27303b;border-radius:6px;min-height:36px;width:100%;outline:none}input:focus,select:focus,textarea:focus{border-color:#cf1922;box-shadow:0 0 0 3px #cf192212}textarea{resize:vertical}.filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.filters label{min-width:145px;flex:1 1 145px}.filters .btn{margin-bottom:0}.stack{display:flex;flex-direction:column;gap:16px}.form-narrow{max-width:710px}.form-narrow label{font-size:13px}.check{flex-direction:row;align-items:center;gap:9px}.check input{min-height:0;width:16px;height:16px}
.table-wrap{overflow-x:auto;padding:0}.table-wrap table{min-width:650px;width:100%;border-collapse:collapse}.table-wrap td,.table-wrap th{padding:13px 14px;border-bottom:1px solid #e7edf3;text-align:left;font-size:13px;vertical-align:middle}.table-wrap th{color:#627083;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.3px;background:#f7f9fb;white-space:nowrap}.table-wrap tr:last-child td{border-bottom:0}.table-wrap input{min-width:170px}.table-wrap td .actions{flex-wrap:nowrap}.table-wrap form{margin:0}.nowrap{white-space:nowrap}.empty{text-align:center!important;color:#8c97a5;padding:30px!important}.pill{border-radius:20px;padding:4px 9px;display:inline-block;font-size:11px;font-weight:700;background:#f4f4f6;color:#586273;white-space:nowrap}.pill.open{background:#fef0ed;color:#ba472e}.pill.closed{background:#e9f7ee;color:#298754}.pill.in_progress{background:#fff5dd;color:#a26b19}.pagination{display:flex;align-items:center;gap:12px;margin:15px 0;color:#738096}.flash{border-radius:7px;padding:12px 15px;margin-bottom:16px}.flash.success{background:#e6f6ef;border:1px solid #91d2ae;color:#277047}.flash.error{background:#feeff0;border:1px solid #f4b6bb;color:#a51b25}
.login-wrap{max-width:430px;margin:70px auto;padding:32px}.login-wrap h1{margin-bottom:7px}.login-wrap .btn{width:100%}.stats{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px}.stat{font-size:33px;font-weight:750;margin-top:5px}.backup-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.danger-card{border-color:#efc4c7}.danger-card h2{color:#a31b25}
@media(max-width:800px){.backup-grid,.stats{grid-template-columns:1fr 1fr}.title-row{flex-direction:column}.nav-inner{gap:0}.nav-inner a,.dropdown-trigger{padding:12px 9px}.logout{margin-left:0}}
@media(max-width:480px){.backup-grid,.stats{grid-template-columns:1fr}.container{padding:0 12px}.header-inner{height:55px}.user{font-size:11px}}

@media(max-width:480px){.brand{gap:8px;font-size:17px}.brand-logo{width:104px;height:auto}}