:root{--navy:#003d66;--blue:#25aaf0;--ice:#f3f9fc;--ink:#082437;--line:#cadde7;--red:#a82f36}*{box-sizing:border-box}body{margin:0;background:var(--ice);color:var(--ink);font-family:Arial,sans-serif}button,input,select,textarea{font:inherit}.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#002d4d,#00669e)}.login form{width:min(420px,100%);padding:42px;background:#fff;box-shadow:0 28px 70px rgba(0,0,0,.22)}.mark{display:grid;place-items:center;width:62px;height:45px;border:2px solid currentColor;border-radius:50%;font:800 16px Georgia,serif;letter-spacing:.08em}.login p,header p,.dialog-head p{margin:18px 0 4px;color:#5c7481;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.login h1{margin:0 0 28px;font-size:36px;line-height:1}.login label,.filters label,#invalidate-form label{display:block;font-size:12px;font-weight:800}.login input,select,textarea{width:100%;min-height:48px;margin-top:6px;padding:11px;border:1px solid #9db9c8;background:#fff}.login button,.filters button,#invalidate-form button,.secondary{min-height:46px;padding:11px 17px;border:0;background:var(--navy);color:#fff;font-weight:800;cursor:pointer}.login button{width:100%;margin-top:14px}.login a{display:block;margin-top:20px;color:var(--navy);font-size:12px}.error{min-height:18px;color:var(--red);font-size:12px;font-weight:800}main{max-width:1440px;margin:auto;padding:34px clamp(16px,4vw,58px) 70px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:34px}header>div{display:flex;align-items:center;gap:16px}header p{margin:0}header h1{margin:0;font-size:38px}.secondary{border:1px solid var(--line);background:#fff;color:var(--navy)}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}.summary article{padding:22px;background:#fff;border:1px solid var(--line)}.summary span,.summary strong{display:block}.summary span{color:#5c7481;font-size:11px;text-transform:uppercase}.summary strong{margin-top:8px;font-size:26px}.filters{display:flex;align-items:end;gap:12px;padding:16px;background:#fff;border:1px solid var(--line)}.filters label{width:220px}.orders{margin-top:16px;background:#fff;border:1px solid var(--line)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{padding:16px;text-align:left;border-bottom:1px solid var(--line);font-size:12px}th{color:#5c7481;text-transform:uppercase;font-size:10px;letter-spacing:.08em}td strong,td small{display:block}td small{margin-top:4px;color:#66808e}.status{display:inline-block;padding:6px 9px;border-radius:999px;background:#d8f2e3;color:#17633b;font-weight:800}.status.invalidated{background:#f3d9dc;color:#84252c}.view{border:0;background:none;color:var(--navy);font-weight:900;text-decoration:underline;cursor:pointer}#empty{padding:40px;text-align:center;color:#647d89}dialog{width:min(600px,calc(100% - 28px));max-height:88vh;padding:28px;border:0;box-shadow:0 30px 90px rgba(0,35,59,.3)}dialog::backdrop{background:rgba(0,31,52,.7)}.dialog-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:18px}.dialog-head p{margin:0}.dialog-head h2{margin:0}.dialog-head button{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#fff;font-size:26px;cursor:pointer}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.detail-card{padding:15px;background:var(--ice)}.detail-card span,.detail-card strong{display:block}.detail-card span{font-size:10px;color:#5c7481;text-transform:uppercase}.detail-card strong{margin-top:4px}.detail-items{margin:20px 0;padding:0;list-style:none}.detail-items li{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.proofs{display:flex;flex-wrap:wrap;gap:8px}.proofs a{padding:9px 12px;background:#dff4ff;color:var(--navy);font-size:12px;font-weight:800}#invalidate-form{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}#invalidate-form textarea{min-height:90px;resize:vertical}.danger{margin-top:10px;background:var(--red)!important}.accept{margin-top:10px;min-height:44px;padding:11px 17px;border:0;background:#17633b;color:#fff;font-weight:800;cursor:pointer}@media(max-width:700px){.login form{padding:28px}.summary{grid-template-columns:1fr}.filters{display:grid;grid-template-columns:1fr}.filters label{width:auto}main{padding-top:20px}header h1{font-size:30px}.table-wrap{margin:0 -1px}.detail-grid{grid-template-columns:1fr}}
.mark{display:none}.panel-logo{width:78px;height:78px;object-fit:contain;mix-blend-mode:multiply}
.password-wrap{position:relative;display:block}.password-wrap input{padding-right:48px}.toggle-password{position:absolute;right:7px;top:11px;width:34px;min-height:34px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:var(--navy)!important;font-size:18px;cursor:pointer}
.password-label{display:grid!important;grid-template-columns:145px minmax(0,1fr);align-items:center;gap:18px;padding:10px 12px;background:#f0f0f0;color:#616161;font-size:22px!important;font-weight:800!important}.password-label .password-wrap{background:#fff}.password-label .password-wrap input{height:48px;margin:0;border:2px solid #c9c9c9;font-size:21px}.password-label .toggle-password{top:7px;color:#777!important;font-size:22px}
