:root{
  --bg:#f4f7fb;
  --panel:#ffffff;
  --text:#0b2447;
  --muted:#687b98;
  --line:#d9e2ef;
  --blue:#1f57d6;
  --blue2:#1749bd;
  --blue-soft:#eaf1ff;
  --blue-line:#bfd2ff;
  --navy:#173354;
  --ok:#17885e;
  --warn:#a66b0f;
  --bad:#bd3f4e;
  --shadow:0 1px 2px rgba(16,42,80,.03),0 8px 28px rgba(16,42,80,.03);
}
*{box-sizing:border-box}
html{font-family:Tahoma,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text)}
body{margin:0;min-height:100vh;background:var(--bg)}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
svg{display:block}

.site-shell{width:min(1000px,calc(100% - 32px));margin-inline:auto}
.site-header{height:67px;border-bottom:1px solid #d8e0eb;background:rgba(244,247,251,.96)}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;direction:rtl}
.brand-mark{display:flex;align-items:center;gap:10px;color:#081e3c}
.brand-mark>span:last-child{display:flex;flex-direction:column;line-height:1.25}
.brand-mark b{font-size:16px;font-weight:800}
.brand-mark small{font-size:10px;color:#72829a;font-weight:500;margin-top:2px}
.brand-icon{width:40px;height:40px;border-radius:10px;background:var(--blue);color:#fff;display:grid;place-items:center}
.brand-icon svg{width:21px;height:21px;fill:currentColor}
.admin-login-link{display:flex;align-items:center;gap:7px;font-size:12px;color:#405c80;padding:8px 0}
.admin-login-link svg{width:15px;height:15px;fill:currentColor}
.public-main{padding:43px 44px 70px}
.public-intro{text-align:right;margin-bottom:28px}
.eyebrow,.tool-kicker{display:block;color:var(--blue);font-size:11px;font-weight:800;margin-bottom:14px}
.public-intro h1{margin:0;color:#071f42;font-size:31px;line-height:1.25;font-weight:900;letter-spacing:-.7px}
.public-intro p{margin:10px 0 0;color:#6a7d99;font-size:13px}
.tool-banner{min-height:124px;border:1px solid var(--blue-line);background:#eaf1ff;border-radius:14px;padding:24px 25px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:21px}
.tool-copy{text-align:right}
.tool-copy .tool-kicker{margin:0 0 10px}
.tool-copy h2{margin:0 0 7px;font-size:18px;font-weight:900;color:#0b2549}
.tool-copy p{margin:0;color:#486789;font-size:11px;line-height:1.8}
.windows-download{flex:0 0 auto;min-width:175px;height:42px;border-radius:9px;background:var(--blue);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:9px;padding:0 16px;box-shadow:0 5px 12px rgba(31,87,214,.12)}
.windows-download:hover{background:var(--blue2)}
.windows-download svg{width:18px;height:18px;fill:currentColor}
.manual-divider{text-align:right;margin:0 0 19px;color:#6e8099;font-size:11px}
.registration-layout{max-width:536px;margin:0 0 0 auto}
.form-card{background:#fff;border:1px solid #d8e1ed;border-radius:16px;padding:27px 27px 20px;box-shadow:var(--shadow)}
.form-title{display:flex;align-items:center;gap:9px;margin-bottom:28px}
.form-title svg{width:19px;height:19px;fill:var(--blue)}
.form-title h2{font-size:18px;margin:0;color:#0b2549}
.public-field{margin-bottom:18px}
.public-field label{display:block;margin-bottom:8px;color:#122b50;font-size:11.5px;font-weight:800}
.public-field label span{color:var(--blue)}
.public-field label small{font-weight:500;color:#71819a;font-size:9px;margin-right:4px}
.public-field input,.public-field textarea{width:100%;border:1px solid #cbd7e6;border-radius:7px;background:#fff;color:#173354;padding:11px 13px;outline:none;font-size:12px;transition:.15s}
.public-field input{height:40px}
.public-field textarea{min-height:91px;resize:vertical;line-height:1.8;direction:ltr;text-align:left}
.public-field input:focus,.public-field textarea:focus{border-color:#7fa5ff;box-shadow:0 0 0 3px rgba(31,87,214,.08)}
.public-field input::placeholder,.public-field textarea::placeholder{color:#8c99aa}
.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field-hint{margin:7px 0 0;color:#73839a;font-size:9.5px;line-height:1.6}
.submit-request{border:0;width:100%;height:43px;border-radius:8px;background:var(--blue);color:#fff;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;margin-top:1px}
.submit-request:hover{background:var(--blue2)}
.submit-request svg{width:16px;height:16px;fill:currentColor}
.privacy-note{margin-top:14px;display:flex;align-items:center;justify-content:center;gap:6px;color:#70819a;font-size:9.5px}
.privacy-note svg{width:13px;height:13px;fill:currentColor}
.registered-card{border:1px solid #d6e0ee;background:#fff;border-radius:15px;padding:25px;display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:var(--shadow)}
.registered-card h2{margin:0 0 8px;font-size:20px}.registered-card p{margin:0;color:var(--muted);font-size:12px}

.wrap{width:min(1180px,calc(100% - 28px));margin:auto}
.topbar{background:#fff;border-bottom:1px solid var(--line)}
.topbar .wrap{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{font-size:19px;font-weight:900;color:#0c2448}.brand span{color:var(--blue)}
.nav{display:flex;gap:8px;flex-wrap:wrap}
.btn,button{border:0;border-radius:9px;padding:10px 14px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px}
.btn-primary,button.primary{background:var(--blue);color:white}.btn-primary:hover,button.primary:hover{background:var(--blue2)}
.btn-ghost{background:#f4f7fb;border:1px solid var(--line);color:#26486f}
.btn-danger{background:#fff1f2;color:#ae3847;border:1px solid #f2ced2}
main.wrap{padding:34px 0 64px}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:22px}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-8{grid-column:span 8}.col-12{grid-column:span 12}
.field{display:flex;flex-direction:column;gap:8px}.field label{font-weight:700;font-size:13px;color:#314f74}.field input,.field select,.field textarea{width:100%;border-radius:9px;border:1px solid var(--line);background:#fff;color:var(--text);padding:11px 12px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#88a9ef;box-shadow:0 0 0 3px rgba(31,87,214,.08)}
.muted{color:var(--muted)}
.status{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;font-weight:800;font-size:12px}.status.ok{background:#e9f8f1;color:var(--ok)}.status.pending{background:#fff6df;color:var(--warn)}.status.bad,.status.blocked{background:#fff0f2;color:var(--bad)}.dot{width:7px;height:7px;border-radius:50%;background:currentColor}
.device-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.info{background:#f7f9fc;border:1px solid var(--line);padding:13px;border-radius:12px}.info small{display:block;color:var(--muted);margin-bottom:5px}
.flash{padding:13px 15px;border-radius:12px;margin-bottom:16px}.flash.ok{background:#e9f8f1;border:1px solid #c6ecdc}.flash.bad{background:#fff0f2;border:1px solid #f1cbd1}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.stat{padding:18px;border-radius:15px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.stat b{font-size:29px;display:block;color:#0c2850}.stat span{color:var(--muted);font-size:12px}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:13px}.table{width:100%;border-collapse:collapse;min-width:1050px}.table th,.table td{padding:13px 12px;border-bottom:1px solid var(--line);text-align:right;vertical-align:middle}.table th{color:#496686;font-size:12px;background:#f6f8fb;position:sticky;top:0}.table tr:hover td{background:#fbfcfe}
.actions{display:flex;gap:6px;flex-wrap:wrap}.mini{padding:7px 9px;border-radius:7px;font-size:11px}.searchbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:16px}.searchbar .field{min-width:180px;flex:1}.center-card{max-width:620px;margin:32px auto}.login-card{max-width:430px;margin:7vh auto}.footer{color:#7587a3;text-align:center;padding:25px}.code{font-family:Consolas,monospace;direction:ltr;text-align:left;word-break:break-all;background:#173354;color:#fff;border:1px solid #173354;padding:10px;border-radius:9px}.notice{padding:14px;border:1px solid #ccdaf2;background:#f1f5fd;border-radius:12px;color:#385b88;line-height:1.8}.pagination{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.pagination a,.pagination span{padding:8px 11px;border:1px solid var(--line);border-radius:8px}.pagination .active{background:var(--blue);color:#fff;border-color:var(--blue)}

@media(max-width:850px){
  .public-main{padding:32px 0 60px}.registration-layout{max-width:none;margin:0}.tool-banner{align-items:flex-start;flex-direction:column}.windows-download{width:100%}.two-fields{grid-template-columns:1fr}.public-intro h1{font-size:28px}.site-shell{width:min(100% - 24px,1000px)}
  .col-4,.col-6,.col-8{grid-column:span 12}.stats{grid-template-columns:repeat(2,1fr)}.device-summary{grid-template-columns:1fr}.topbar .wrap{padding:10px 0}
}
@media(max-width:520px){.brand-mark b{font-size:14px}.admin-login-link{font-size:11px}.public-main{padding-top:27px}.tool-banner{padding:20px}.form-card{padding:22px 17px}.public-intro h1{font-size:25px}.stats{grid-template-columns:1fr}}
