@font-face{font-family:Cairo;src:url('/fonts/cairo-400.woff2');font-weight:400;font-display:swap}@font-face{font-family:Cairo;src:url('/fonts/cairo-700.woff2');font-weight:700;font-display:swap}:root{--bg:#e8edf0;--panel:#f3f5f6;--ink:#253847;--muted:#566b7a;--line:#cbd5dc;--nav:#162b3a;--accent:#266b62;--gold:#d1b681}*{box-sizing:border-box}body{margin:0;font:15px/1.85 Cairo,Tahoma,sans-serif;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #998149;outline-offset:3px}input,select{border:1px solid #b9c8d2;border-radius:10px;background:#f5f7f8;color:var(--ink);padding:11px 14px;min-width:0;max-width:100%}input{width:100%}input::placeholder{color:#677c89}h1,h2,h3,p{margin:0}h1{font-size:30px;letter-spacing:-.6px;line-height:1.55;margin:8px 0}h2{font-size:22px}h3{font-size:17px}.button{border:1px solid transparent;border-radius:10px;background:var(--accent);color:#fff;padding:10px 18px;font-weight:700;white-space:nowrap;display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:44px}.button:hover{filter:brightness(.94)}.button.ghost{background:#edf1f4;border-color:#bdcad4;color:#364f60}.button.danger{background:#f0e0dd;border-color:#d5b5ad;color:#8e4031}.button.small{font-size:13px;padding:7px 13px;min-height:38px}.muted,small{color:var(--muted)}.eyebrow{color:#6a7f8b;font:11px/1.8 Arial,sans-serif;letter-spacing:1.7px}.logo{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:700}.logo small{font-size:12px;display:block;color:#adbfcc;font-weight:400}.logo-mark{width:45px;height:45px;border:1px solid #658078;border-radius:14px;display:grid;place-items:center;color:#dfc58f;background:#234437}.side-label{color:#9db2c1;margin:48px 15px 15px;font-size:11px}aside{position:fixed;right:0;top:0;bottom:0;width:245px;background:var(--nav);color:#e7eef3;padding:30px 22px;display:flex;flex-direction:column;z-index:3}nav{display:grid;gap:8px}nav button{border:0;background:transparent;color:#b9c9d4;border-radius:10px;padding:12px 14px;text-align:right;display:flex;align-items:center;justify-content:space-between}nav button.selected{background:#2c4653;color:#fff;box-shadow:inset -3px 0 var(--gold)}nav button span{font-size:19px;color:#a1bcb9}.side-bottom{margin-top:auto;padding-top:30px;font-size:12px}.side-bottom small{display:block;color:#a9bdca;font-size:11px;margin-top:20px}.security-dot{color:#bdd0c5;margin-bottom:13px}.security-dot:before{content:'●';color:#8cbb9e;margin-left:8px}.side-link{background:none;border:0;color:#bdcdd8;text-align:right;display:block;margin:9px 0;padding:0;font-size:13px}main{margin-right:245px;padding:38px 42px;max-width:1700px}header{display:flex;align-items:center;justify-content:space-between;gap:20px}header p{color:var(--muted);font-size:14px}.summary{display:flex;align-items:center;gap:22px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:24px 0;margin-bottom:26px;font-size:13px;color:var(--muted)}.summary b{font-size:22px;font-weight:700;color:var(--ink);margin-left:7px}.summary .last-updated{margin-inline-start:auto;font-size:11px}.toolbar{display:flex;gap:12px}.search{display:flex;align-items:center;border:1px solid #b9c8d2;border-radius:10px;background:#f5f7f8;flex:1;max-width:640px;padding:0 14px}.search input{border:0;background:transparent;padding-right:10px;outline-offset:0}.search span{font-size:27px;color:#5f7583}.section-caption{display:flex;justify-content:space-between;gap:16px;font-size:11px;color:var(--muted);margin:20px 0 13px}.sites{display:grid;gap:12px}.site{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}.site-top{display:flex;align-items:center;gap:18px;padding:21px 23px}.site-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#dce7e8;color:#3e685f;font-size:18px;font-weight:700;flex-shrink:0}.site-info{flex:1;min-width:0}.site-info h3{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.site-info .domain{font:12px/1.8 Arial,sans-serif;color:#5b7385;display:inline-block;direction:ltr;overflow-wrap:anywhere}.site-info p{font-size:12px;color:var(--muted)}.site-state{min-width:110px;font-size:12px}.state{display:inline-flex;align-items:center;gap:7px;border-radius:25px;padding:3px 10px;font-size:11px;font-weight:700;background:#deebe3;color:#346249;white-space:nowrap}.state:before{content:'●';font-size:8px}.state.paused{background:#f0e5cc;color:#785824}.state.error{background:#eddcda;color:#8b423d}.state.locked{background:#e1e6ec;color:#506477}.state-sub{display:block;color:#627887;font-size:11px;margin-top:4px}.site-actions{display:flex;gap:7px;align-items:center}.site-bottom{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:10px 23px;border-top:1px solid #d6dfe5;font-size:12px;color:#4f6576;background:#eaf0f3}.credential-link{padding:0;background:transparent;border:0;font-size:12px;color:#385d6a;text-align:right;display:flex;align-items:center;gap:8px}.credential-link:hover{text-decoration:underline}.aliases{font:11px/1.6 Arial,sans-serif;color:#647c8c;direction:ltr;overflow-wrap:anywhere}.timer{font-size:12px;color:#795a27;margin-top:4px;font-variant-numeric:tabular-nums}.empty{padding:50px 20px;text-align:center;border:1px dashed #aebfc9;border-radius:12px;color:var(--muted)}footer{font-size:11px;color:var(--muted);margin:30px 0 0;padding-top:18px;border-top:1px solid var(--line)}dialog{width:min(580px,calc(100% - 28px));border:1px solid #b8c8d0;border-radius:18px;background:#edf2f4;color:var(--ink);padding:26px;max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 25px 100px #0b1b3255}dialog::backdrop{background:#102432a8}.modal-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.close{width:36px;height:36px;background:#dde5ea;border:0;border-radius:9px;font-size:26px;line-height:1;color:#405768}.form{display:grid;gap:15px}.form label{font-size:13px;font-weight:700;display:grid;gap:7px}.form .button{width:100%}.form p,.hint{font-size:13px;color:var(--muted)}.error-message{color:#963c32;font-size:13px}.note{background:#e2e9e9;border:1px solid #c6d3d0;border-radius:11px;padding:13px;font-size:13px;color:#405c59;margin:12px 0 20px}.warning{background:#efe5d2;border:1px solid #d4c3a0;color:#725b2e;padding:13px;border-radius:10px;font-size:13px;margin:16px 0}.credential{background:#f5f7f8;border:1px solid #c7d4db;border-radius:12px;padding:16px;margin-bottom:13px}.credential h3{font-size:15px;margin-bottom:8px}.credential .username{direction:ltr;display:block;font-family:Arial,sans-serif;font-size:15px;overflow-wrap:anywhere;margin-bottom:10px}.credential .controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.credential input{font-family:monospace}.text-danger{color:#914438}.audit-row{padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--panel);border-bottom:1px solid var(--line);font-size:14px}.audit-row small{display:block;font-size:11px}.audit-time{font-size:12px;white-space:nowrap}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--nav)}.auth-brand{padding:70px 9%;display:flex;flex-direction:column;justify-content:center;color:#e6eff3}.auth-brand h1{font-size:46px;line-height:1.55;margin-top:50px;max-width:480px}.auth-brand p{color:#afc4ce;max-width:430px;margin-top:24px;font-size:16px}.auth-brand .foot{margin-top:70px;color:#a9c6ba;font-size:13px}.auth-panel{background:var(--bg);display:flex;align-items:center;justify-content:center;padding:40px}.auth-box{width:100%;max-width:400px}.auth-box h2{font-size:29px;margin-bottom:10px}.auth-box>p{color:var(--muted);margin-bottom:26px;font-size:14px}.auth-box .form{gap:18px}.qr{display:block;max-width:240px;width:100%;margin:16px auto;border-radius:14px}.secret{font:14px/1.8 monospace;direction:ltr;overflow-wrap:anywhere;text-align:center}.recovery{display:grid;grid-template-columns:1fr 1fr;gap:10px;direction:ltr;font:13px/2 monospace;background:#f5f7f8;padding:16px;border-radius:10px;margin:15px 0}.auth-footer{font-size:11px;color:var(--muted);margin-top:28px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#1b3944;color:#fff;border:1px solid #536e78;padding:12px 24px;border-radius:12px;z-index:20;max-width:calc(100% - 30px);font-size:14px;box-shadow:0 8px 25px #162d3530}[hidden]{display:none!important}@media(min-width:1600px){main{padding-right:65px;padding-left:65px}.site-top{padding:24px}}@media(max-width:1100px){aside{width:205px;padding:26px 17px}main{margin-right:205px;padding:28px 22px}.site-top{flex-wrap:wrap;gap:12px}.site-info{min-width:calc(100% - 70px)}.site-state{margin-right:58px;flex:1}.site-actions{margin-right:auto}.site-bottom{flex-wrap:wrap;gap:7px}.auth-brand h1{font-size:37px}}@media(max-width:700px){aside{position:static;width:auto;padding:16px 18px;display:block}.logo{font-size:20px}.logo small{font-size:11px}.logo-mark{width:38px;height:38px}.side-label,.side-bottom small,.security-dot{display:none}nav{display:flex;overflow-x:auto;gap:6px;margin-top:18px}nav button{white-space:nowrap;font-size:12px;padding:10px}nav button span{display:none}.side-bottom{padding:0;margin:12px 0 0;display:flex;gap:22px}.side-link{font-size:11px;margin:0}main{margin:0;padding:24px 16px}header{align-items:flex-start}h1{font-size:24px}header p{font-size:12px}header>.button{font-size:12px;padding:8px 12px}.eyebrow{font-size:9px}.summary{gap:15px;padding:20px 0;font-size:11px}.summary b{font-size:19px}.summary .last-updated{flex-basis:100%;margin:0}.toolbar{flex-direction:column}.toolbar select{width:100%}.section-caption{font-size:10px;align-items:center}.section-caption span:last-child{max-width:150px}.site-top{padding:17px}.site-info h3{font-size:16px}.site-state{margin-right:0}.site-actions{gap:5px}.button.small{padding:7px 10px;font-size:12px}.site-bottom{padding:12px 17px}.aliases{font-size:10px}.auth-page{grid-template-columns:1fr}.auth-brand{padding:25px}.auth-brand h1,.auth-brand p,.auth-brand .foot{display:none}.auth-panel{padding:35px 23px;min-height:calc(100vh - 95px)}.audit-row{align-items:flex-start;gap:10px;padding:15px 12px}.audit-time{font-size:10px;white-space:normal}.recovery{font-size:11px;gap:8px;padding:12px}dialog{padding:21px}.site-info{min-width:calc(100% - 65px)}}
