body{background:#f3f6fb}.desk-header{background:#062645;color:white;padding:20px 32px;display:flex;align-items:center;gap:24px}.desk-header .brand{font-size:25px}.desk-header .brand span{font-size:19px}.version{margin-left:auto;color:#a5bbd4;font-size:12px}.login-panel{margin:8vh auto;background:white;border:1px solid #dce5ef;border-radius:18px;padding:35px;max-width:450px}.login-panel h1{font-size:34px}.login-panel label{margin:15px 0}.login-panel button{width:100%;margin-top:10px}.login-panel>a{font-size:13px}.desk-tabs{padding:14px 28px;display:flex;gap:10px;background:white;border-bottom:1px solid #dce5ef;flex-wrap:wrap}.desk-tabs button{padding:8px 17px;border-radius:6px;background:#edf3f9;color:#244468;font-size:14px}.desk-tabs button.active{background:#062645;color:white}.desk-content{max-width:1500px;margin:auto;padding:28px}.desk-content h1{font:700 28px system-ui}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.toolbar h1{margin-right:auto}.toolbar input,.toolbar select{max-width:220px;margin:0}.toolbar button{padding:9px 15px;font-size:13px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.metric{padding:20px;background:white;border:1px solid #dfe7f1;border-radius:12px}.metric strong{display:block;font-size:30px}.metric span{font-size:13px;color:#627c9a}.table-wrap{overflow:auto;border:1px solid #dce5ef;border-radius:10px;background:white;margin:16px 0}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;padding:12px 14px;border-bottom:1px solid #e7edf4;vertical-align:top}th{background:#eaf1f8;position:sticky;top:0;white-space:nowrap}td button{font-size:12px;padding:5px 10px;border-radius:5px;margin:2px}td a{text-decoration:underline}td{max-width:360px;overflow-wrap:anywhere}.empty{padding:32px;color:#7890aa;background:white;border-radius:10px;text-align:center}.badge{display:inline-block;border-radius:20px;font-size:12px;padding:3px 10px;background:#e6eef8;white-space:nowrap}.badge.red{background:#ffebeb;color:#ab3030}.badge.green{background:#e4f4e9;color:#237244}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-panel{background:white;border:1px solid #dfe7f1;border-radius:12px;padding:22px;margin-bottom:18px;min-width:0}.detail-panel h2{font:700 20px system-ui}.detail-panel p{font-size:14px}.record{padding:15px 0;border-bottom:1px solid #e6edf5}.record small{color:#6f84a0}.record p{white-space:pre-wrap;margin:7px 0}.muted{color:#6c839e;font-size:13px}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button{font-size:12px;padding:8px 12px;background:#e8eff7;color:#174069}.danger{color:#ab3030!important}dialog{border:1px solid #d3dfec;border-radius:15px;max-width:min(720px,95vw);width:720px;padding:24px;max-height:90vh;color:#0b3155}dialog::backdrop{background:#031e3980}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal-head h2{font:700 24px system-ui}.modal-head button{padding:6px 10px;font-size:12px;background:#e9eff5;color:#204568}.modal-bottom{text-align:right;margin-top:18px}#modal-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}#modal-fields label.full{grid-column:1/-1}#modal-error,#login-error{color:#a22c2c;font-size:14px}.mono{font:12px ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:#f7f9fc;padding:12px;border-radius:8px;max-height:350px;overflow:auto}.content-controls{display:flex;gap:10px;flex-wrap:wrap}.content-controls select{max-width:350px}.content-controls input{max-width:250px}details{margin:10px 0}summary{cursor:pointer;font-weight:bold;font-size:13px}[hidden]{display:none!important}@media(max-width:800px){.desk-header{padding:18px;gap:12px}.desk-content{padding:18px}.desk-tabs{padding:12px 18px;gap:7px}.desk-tabs button{padding:8px 12px}.cards{grid-template-columns:1fr 1fr;gap:10px}.grid-two{grid-template-columns:1fr}.toolbar h1{width:100%;font-size:25px}.toolbar input{max-width:100%}.desk-header #identity{font-size:12px}.metric{padding:15px}.metric strong{font-size:25px}#modal-fields{grid-template-columns:1fr}.login-panel{margin:5vh 18px}.toolbar{gap:7px}td,th{padding:10px}}
