@font-face{font-family:localArabic;src:local('Segoe UI')}*{box-sizing:border-box}body{margin:0;background:#0c141e;color:#e8edf5;font-family:localArabic,Tahoma,Arial,sans-serif;font-size:16px;line-height:1.7}header{height:98px;max-width:1160px;margin:auto;display:flex;align-items:center;gap:20px;padding:20px 28px;border-bottom:1px solid #263547}a{color:inherit;text-decoration:none}.brand{display:flex;align-items:center;gap:13px;font-size:25px;font-weight:bold}.brand small{display:block;font-size:12px;letter-spacing:.03em;color:#aebbc9;font-weight:400}.emblem{width:52px;height:56px;border-radius:16px;border:1px solid #9c7b40;color:#f1cb85;background:linear-gradient(135deg,#322b20,#171a20);text-align:center;font-size:37px;line-height:47px;box-shadow:0 7px 25px #0005}.private{margin-inline-start:auto;font-size:13px;color:#9eaab9}main{max-width:1100px;margin:38px auto;padding:0 24px}h1{font-size:35px;line-height:1.4;margin:8px 0 6px}h2{font-size:22px;line-height:1.5;margin:5px 0 12px}p{color:#afbecf;margin:8px 0 20px}.eyebrow{font-size:12px;color:#d5b578;letter-spacing:.03em}.card{background:#152130;border:1px solid #2c3c50;border-radius:18px;padding:26px;margin-bottom:22px;box-shadow:0 12px 30px #0001}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.intro p{margin:5px 0}.overview{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(130deg,#1d2e3b,#172435)}.overview h2{font-size:29px;color:#f2ce88}.overview p{margin-bottom:0}.connection{display:flex;align-items:center;gap:14px;padding:15px 22px;border-radius:12px;background:#0d17235c}.connection small{display:block;color:#a8b9cc;margin-top:4px}.dot{width:11px;height:11px;background:#687486;border-radius:50%;box-shadow:0 0 0 6px #68748618}.dot.online{background:#7cdaa5;box-shadow:0 0 0 6px #7cdaa51a}.tabs{display:flex;gap:10px;border-bottom:1px solid #2e3d50;margin-bottom:25px;padding-bottom:12px}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid #43536a;border-radius:10px;padding:11px 19px;color:#dce6f4;background:#223349;transition:background .18s,border-color .18s,transform .1s;min-height:46px}button:hover{background:#30465f;border-color:#8fa5be}button:active{transform:translateY(1px)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b69759;outline-offset:3px}button:disabled{opacity:.5;cursor:wait}.primary{background:#e3bd77;border-color:#e3bd77;color:#1b222c;font-weight:600}.primary:hover{background:#f4d69f;border-color:#f4d69f}.subtle{background:#1b2a3c}.danger{background:#3e2630;border-color:#8b4e59;color:#ffd3d5}.danger:hover{background:#5b303c}.tabs button{background:transparent;border-color:transparent;color:#aebed0;padding:9px 18px}.tabs button.selected{background:#2d3440;color:#f2cf8e;border-color:#8b744e}input,textarea,select{width:100%;background:#0e1927;color:#edf2fa;border:1px solid #435268;border-radius:9px;padding:11px 13px;min-height:47px}textarea{resize:vertical;line-height:1.8}label{display:block;font-size:14px;color:#c6d2e1;margin:17px 0 7px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.grid>.card{margin:0 0 22px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.actions button{flex:1}.hint,small{font-size:13px;color:#9dacc0}.hint{margin:17px 0 0}.wide{width:100%;margin-top:21px}.check{display:flex;align-items:center;gap:10px;margin-top:18px}.check input{width:19px;height:19px;min-height:0;accent-color:#e3bd77}.compact{gap:18px}.notice form>button{margin-top:25px;min-width:190px}.items{margin-top:22px}.item{border-top:1px solid #2f3d4f;padding:18px 0;display:flex;justify-content:space-between;align-items:center;gap:18px}.item:first-child{padding-top:10px}.item strong{display:block}.item p{font-size:14px;margin:3px 0 5px;white-space:pre-wrap;overflow-wrap:anywhere}.item .actions{margin:0;flex-shrink:0}.item button{font-size:13px;min-height:40px;padding:7px 12px}.fingerprint{direction:ltr;text-align:right;font:12px Consolas,monospace;word-break:break-all;color:#adbed2}.badge{display:inline-block;border-radius:6px;background:#293b4e;padding:2px 9px;margin-inline-start:8px;color:#bed6ef;font-size:12px}.login{max-width:510px;margin:8vh auto 0;padding:38px}.login form>button{width:100%;margin-top:23px}.login h1{font-size:35px}.error{color:#ffbcc2;font-size:14px}.pairResult{padding:20px;border:1px dashed #ad8d52;border-radius:12px;background:#1d2936;margin-top:22px}.pairResult p{font-size:14px}.pairResult output{font:23px Consolas,monospace;display:block;color:#f6d897;word-break:break-all;margin-bottom:20px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100% - 30px);padding:15px 24px;background:#e3bd77;color:#18212c;border-radius:12px;box-shadow:0 6px 25px #0007;z-index:20}.toast.error{background:#5b303b;color:#ffe2e5}footer{text-align:center;color:#91a2b6;font-size:12px;padding:18px 0 28px}dialog{background:#192737;color:#ecf2fa;border:1px solid #637286;border-radius:18px;max-width:470px;padding:30px;width:calc(100% - 30px)}dialog::backdrop{background:#030a12b8;backdrop-filter:blur(4px)}[hidden]{display:none!important}ol{padding-inline-start:25px;color:#b4c2d3}li{padding:5px 0}@media(max-width:700px){header{height:82px;padding:15px 18px;gap:10px}.private{display:none}#logout{margin-inline-start:auto;font-size:12px;padding:7px 10px;min-height:38px}.brand{font-size:22px}.emblem{width:44px;height:48px;font-size:32px;line-height:41px}main{padding:0 16px;margin-top:24px}h1{font-size:28px}h2{font-size:21px}.card{padding:22px 18px;border-radius:14px}.grid{grid-template-columns:1fr;gap:0}.grid.compact{gap:14px}.overview{display:block}.connection{margin-top:22px;padding:14px}.intro{gap:14px;align-items:flex-start}.intro p{font-size:14px}.intro button{font-size:12px;padding:9px 12px;white-space:nowrap}.tabs{gap:0;justify-content:space-between}.tabs button{padding:9px 10px;font-size:13px}.item{align-items:flex-start;flex-wrap:wrap}.item .actions{width:100%}.login{margin-top:5vh;padding:30px 23px}.login h1{font-size:31px}.actions button{font-size:14px}.compact input{font-size:14px}}
