:root{--bg:#061019;--panel:#0b1823;--line:#173347;--txt:#e9f2f6;--muted:#7591a3;--cyan:#27c6d9;--gold:#dcb75c;--red:#ff6675;--green:#5ad69b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0,#0e2432 0,#061019 38%,#040b11 100%);color:var(--txt);font-family:Tahoma,Arial,sans-serif}.shell{max-width:1500px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}h1{font-size:38px;margin:4px 0}h1 span{font-size:18px;color:var(--cyan);font-weight:500}header p,.eyebrow{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:2px}.statusline{display:flex;gap:8px;flex-wrap:wrap}.pill{border:1px solid var(--line);background:#0a1520;border-radius:999px;padding:9px 13px;font-size:13px}.ok{color:var(--green);border-color:#245d49}.bad{color:var(--red);border-color:#69303a}.warnc{color:var(--gold);border-color:#675628}.grid{display:grid;gap:14px}.top{grid-template-columns:2fr 1fr}.mid{grid-template-columns:1.2fr 1fr 1fr;margin:14px 0}.card{background:linear-gradient(180deg,rgba(15,34,47,.94),rgba(8,20,30,.96));border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:inset 0 1px rgba(255,255,255,.025)}.hero{display:flex;align-items:center;gap:26px;min-height:205px}.radar{width:165px;height:165px;border:1px solid #245064;border-radius:50%;position:relative;background:repeating-radial-gradient(circle,#0c1d28 0 28px,#173447 29px 30px);overflow:hidden;flex:0 0 auto}.radar:before,.radar:after{content:"";position:absolute;background:#254d5d}.radar:before{width:100%;height:1px;top:50%}.radar:after{height:100%;width:1px;left:50%}.sweep{position:absolute;width:50%;height:50%;left:50%;top:0;transform-origin:bottom left;background:linear-gradient(45deg,rgba(39,198,217,.45),transparent 70%);animation:spin 3s linear infinite}.dot{position:absolute;width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px var(--cyan)}.d1{top:30%;left:65%}.d2{top:66%;left:30%}.d3{top:58%;left:73%}@keyframes spin{to{transform:rotate(360deg)}}.flow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:#b7ccd7}.flow i{color:var(--gold);font-style:normal}.stats div{display:flex;justify-content:space-between;border-bottom:1px solid #142d3d;padding:14px 0}.stats label,.kv label{color:var(--muted)}.kv{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kv div{border-bottom:1px solid #142d3d;padding:9px 0}.kv b{display:block;margin-top:5px}input{width:100%;background:#07131d;border:1px solid #214155;color:var(--txt);border-radius:10px;padding:12px;margin:7px 0;outline:none}.buttons{display:flex;gap:8px;margin:8px 0}button{border:1px solid #28506a;background:#0f2b3c;color:var(--txt);border-radius:10px;padding:10px 15px;cursor:pointer}button:hover{filter:brightness(1.15)}button.danger{border-color:#71313b;background:#35151b;color:#ff8c97}button.warn{border-color:#71602c;background:#332b12;color:#e2c66f}details{margin-top:10px;color:var(--muted)}summary{cursor:pointer}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.sectionhead span{color:var(--muted);font-size:12px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:right;padding:11px;border-bottom:1px solid #142d3d;white-space:nowrap}th{color:#86a3b5;font-weight:normal}.events{max-height:260px;overflow:auto;font-family:Consolas,monospace;font-size:12px}.event{display:grid;grid-template-columns:170px 80px 120px 1fr;gap:8px;padding:7px 0;border-bottom:1px solid #122836}.event .ERROR{color:var(--red)}.event .WARN{color:var(--gold)}.event .INFO{color:var(--green)}.msg{min-height:20px;font-size:12px;color:var(--cyan)}footer{text-align:center;color:#597386;padding:22px;font-size:12px}@media(max-width:900px){header{align-items:flex-start;flex-direction:column}.top,.mid{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column}.radar{width:120px;height:120px}.event{grid-template-columns:1fr}.kv{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.sweep{animation:none}}.settingsgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.settingsgrid label{color:var(--muted);font-size:12px}@media(max-width:900px){.settingsgrid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.settingsgrid{grid-template-columns:1fr}} /* ALRASED OFFICIAL LOGO */ .brand-head{ display:flex; align-items:center; gap:18px; min-width:0; } .alrased-logo{ width:82px; height:82px; object-fit:cover; border-radius:22px; flex:0 0 auto; } @media (max-width:700px){ .brand-head{ gap:12px; } .alrased-logo{ width:62px; height:62px; border-radius:17px; } } /* ALRASED COMPACT HEADER FIX */ header{ min-height:0 !important; padding:18px 28px !important; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:24px !important; } .brand-head{ display:flex !important; flex-direction:row !important; align-items:center !important; gap:16px !important; min-width:0 !important; } .alrased-logo{ width:78px !important; height:78px !important; min-width:78px !important; max-width:78px !important; min-height:78px !important; max-height:78px !important; object-fit:cover !important; border-radius:18px !important; margin:0 !important; } .brand-head h1{ margin:2px 0 !important; } .brand-head p{ margin:6px 0 0 !important; } .statusline{ margin:0 !important; align-self:center !important; } @media (max-width:800px){ header{ flex-direction:column !important; align-items:stretch !important; } .alrased-logo{ width:64px !important; height:64px !important; min-width:64px !important; max-width:64px !important; min-height:64px !important; max-height:64px !important; } } /* ALRASED PREMIUM LOGO FRAME */ .alrased-logo{ border:1px solid rgba(235,190,85,.75) !important; box-shadow: 0 0 0 1px rgba(37,145,220,.18), 0 0 14px rgba(235,190,85,.20) !important; }