@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&display=swap";:root{font-family:Tajawal,system-ui,sans-serif;color:#172033;background:#f4f6fa;font-synthesis:none;--navy:#0b1220;--blue:#2457e6;--blue-dark:#173fa9;--muted:#5e6b82;--line:#dce2ec;--surface:#fff;--danger:#b42318;--success:#14734b;--warning:#8a5200}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}a{color:var(--blue-dark);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}:focus-visible{outline:3px solid #efab00;outline-offset:3px}.skip-link{position:fixed;top:-80px;right:1rem;z-index:100;background:#fff;padding:1rem}.skip-link:focus{top:1rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.shell{min-height:100vh}.topbar{background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:.7rem 1rem;gap:1rem}.brand{display:flex;align-items:center;gap:.75rem;color:#fff;font-weight:800}.brand:hover{text-decoration:none}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid #5f7fff;border-radius:11px;background:#172546;color:#9bb2ff}.brand small{display:block;font-size:.72rem;color:#acb8d1;font-weight:400}.topbar-actions{display:flex;gap:.5rem;align-items:center}.topbar .button.secondary{color:#fff;border-color:#46536d;background:transparent}.layout{display:flex;min-height:calc(100vh - 72px)}.sidebar{width:250px;flex:none;background:#101a2d;color:#d8deeb;padding:1.25rem .85rem 5rem}.nav-group-label{color:#8290a9;font-size:.73rem;font-weight:700;padding:1rem .8rem .35rem}.sidebar a{color:#d8deeb;display:flex;align-items:center;gap:.7rem;min-height:44px;padding:.65rem .8rem;border-radius:8px;margin:.15rem 0}.sidebar a:hover{background:#1b2942;text-decoration:none}.sidebar a.active{background:#253d78;color:#fff;box-shadow:inset -3px 0 #8ba5ff}.nav-icon{width:1.2rem;text-align:center;color:#aebdd7}.main{width:100%;min-width:0;padding:1.25rem 1.25rem 6rem}.content{max-width:1400px;margin:auto}.page-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1.25rem}h1{font-size:clamp(1.55rem,4vw,2.15rem);line-height:1.3;margin:.15rem 0 .45rem;letter-spacing:-.02em}h2{font-size:1.05rem;margin:.2rem 0 .8rem}h3{font-size:1rem}p{line-height:1.75}.page-header p{margin:0;color:var(--muted);max-width:750px;line-height:1.7}.eyebrow{color:var(--blue);font-size:.76rem;font-weight:800}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}.button{min-height:44px;border:1px solid var(--blue);border-radius:8px;padding:.65rem 1rem;background:var(--blue);color:#fff;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.button:hover{background:var(--blue-dark);text-decoration:none}.button.secondary{background:#fff;color:#243654;border-color:#b9c4d5}.button.secondary:hover{background:#eef2f9}.button.ghost{background:transparent;color:var(--blue-dark);border-color:transparent}.button.danger{background:var(--danger);border-color:var(--danger)}.button.small{min-height:36px;padding:.35rem .7rem;font-size:.85rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:1.1rem;margin-bottom:1rem;box-shadow:0 1px 2px #15203a08}.card-title{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.grid{display:grid;gap:1rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.stat{border-top:3px solid #6284ee}.stat-value{display:block;font-size:1.7rem;font-weight:800;margin:.4rem 0}.stat-label{color:var(--muted);font-size:.87rem}.badge{display:inline-flex;align-items:center;min-height:26px;border-radius:99px;padding:.15rem .6rem;font-size:.77rem;font-weight:700;background:#edf0f5;color:#45536c;white-space:nowrap}.badge-good{color:#116341;background:#e1f4eb}.badge-warn{color:#805000;background:#fff2cf}.badge-bad{color:#a21d16;background:#fee9e7}.notice{padding:.85rem 1rem;border-radius:9px;margin:0 0 1rem;border:1px solid #b9ccef;background:#edf4ff;line-height:1.65}.notice strong{display:block;margin-bottom:.2rem}.notice p{margin:.3rem 0}.notice-good{background:#eaf8f1;border-color:#9cd3ba;color:#10583c}.notice-warn{background:#fff7e4;border-color:#e7ca85;color:#654008}.notice-bad{background:#fff0ef;border-color:#efb0aa;color:#8f1e17}.key-values{margin:0;display:grid;grid-template-columns:1fr;gap:0}.key-values div{padding:.65rem 0;border-bottom:1px solid #edf0f4}.key-values div:last-child{border:0}.key-values dt{color:var(--muted);font-size:.83rem}.key-values dd{margin:.15rem 0 0;font-weight:600;overflow-wrap:anywhere}.field{display:flex;flex-direction:column;gap:.35rem;min-width:0}.field label,.field-label{font-weight:700;font-size:.9rem}.field small{color:var(--muted);line-height:1.5}input,select,textarea{width:100%;min-height:44px;padding:.65rem .75rem;color:#172033;background:#fff;border:1px solid #aeb9ca;border-radius:7px}textarea{min-height:100px;resize:vertical}input[type=checkbox],input[type=radio]{width:20px;height:20px;min-height:20px;accent-color:var(--blue)}.check{display:flex;gap:.65rem;align-items:flex-start;min-height:44px}.check label{font-weight:500}.form-grid{display:grid;grid-template-columns:1fr;gap:1rem}.form-section{border:0;border-top:1px solid var(--line);padding:1.25rem 0 0;margin:1.25rem 0 0}.form-section legend{font-weight:800;padding-left:.7rem}.form-actions{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;margin-top:1rem;position:sticky;bottom:0;background:#fffffff2;border-top:1px solid var(--line);padding:1rem 0;backdrop-filter:blur(8px)}.error-text{color:var(--danger);font-size:.83rem}.field-error input,.field-error select{border-color:var(--danger)}.loading{background:#fff;border:1px solid var(--line);border-radius:12px;min-height:180px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;color:var(--muted)}.skeleton{display:block;width:75%;height:22px;background:#e9edf3;border-radius:5px;animation:pulse 1.5s infinite}.skeleton.short{width:45%}.empty{text-align:center;padding:2rem 1rem;color:var(--muted)}.empty h2{color:#263653}.empty-icon{font-size:2rem;color:#7a8ba7}.responsive-table{overflow-x:auto}table{border-collapse:collapse;width:100%}th{color:#52627d;font-size:.8rem;text-align:right;background:#f7f9fc}th,td{padding:.75rem;border-bottom:1px solid var(--line);vertical-align:top}td{overflow-wrap:anywhere}.responsive-table table,.responsive-table tbody,.responsive-table tr,.responsive-table td{display:block}.responsive-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.responsive-table tr{border:1px solid var(--line);border-radius:9px;margin-bottom:.7rem}.responsive-table td{display:flex;justify-content:space-between;gap:1rem;border:0}.responsive-table td:before{content:attr(data-label);color:var(--muted);font-weight:600}.json-details summary{min-height:44px;padding:.7rem 0;cursor:pointer;color:var(--blue-dark)}pre{white-space:pre-wrap;overflow-wrap:anywhere;text-align:left;background:#0d1626;color:#d5e1f6;border-radius:8px;padding:1rem;font-size:.8rem;max-height:400px;overflow:auto}.dialog{border:0;border-radius:14px;padding:1.5rem;width:min(480px,calc(100% - 2rem));color:#172033}.dialog::backdrop{background:#081122aa;backdrop-filter:blur(3px)}.inline-link{border:0;background:none;color:var(--blue-dark);padding:0;text-decoration:underline}.tabs{display:flex;gap:.3rem;overflow-x:auto;border-bottom:1px solid var(--line);margin-bottom:1rem}.tabs a{min-height:44px;padding:.7rem .85rem;white-space:nowrap;color:#445570}.tabs a.active{color:var(--blue-dark);border-bottom:3px solid var(--blue);font-weight:700}.filters-bar{display:grid;grid-template-columns:1fr;gap:.7rem;margin-bottom:1rem}.pagination-actions{justify-content:center;margin:1rem 0}.export-controls{margin-bottom:1rem}.import-result{margin-top:1rem}.lookup-bar{align-items:end}.bottom-nav{position:fixed;z-index:20;bottom:0;right:0;left:0;height:64px;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{min-width:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.72rem;color:#52627d}.bottom-nav a.active{color:var(--blue-dark);font-weight:700}.telegram-box{min-height:80px;display:flex;align-items:center;justify-content:center}.login-page{min-height:100vh;background:radial-gradient(circle at 15% 20%,#1d3567,transparent 35%),var(--navy);color:#fff;display:grid;place-items:center;padding:1rem}.login-card{background:#fff;color:#172033;width:min(100%,480px);border-radius:18px;padding:clamp(1.25rem,5vw,2.5rem);box-shadow:0 25px 70px #0005}.login-logo{color:#99b2ff;font-weight:800;margin-bottom:3rem}.muted{color:var(--muted)}.ltr{direction:ltr;unicode-bidi:isolate}.divider{border:0;border-top:1px solid var(--line);margin:1.25rem 0}.code{font-family:ui-monospace,monospace;direction:ltr;unicode-bidi:isolate}.synthetic{border-right:4px solid #a35d00}.step-list{padding-right:1.4rem;line-height:2}.full-width{width:100%}@keyframes pulse{50%{opacity:.5}}@media(min-width:600px){.main{padding:2rem 2rem 5rem}.grid-2,.grid-4,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid .wide{grid-column:1/-1}.key-values{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.5rem}.filters-bar{grid-template-columns:2fr 1fr auto;align-items:end}}@media(min-width:900px){.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.bottom-nav{display:none}.main{padding-bottom:2rem}.responsive-table table{display:table}.responsive-table thead{display:table-header-group;position:static;width:auto;height:auto;clip:auto}.responsive-table tbody{display:table-row-group}.responsive-table tr{display:table-row;border:0;margin:0}.responsive-table td{display:table-cell;border-bottom:1px solid var(--line)}.responsive-table td:before{display:none}}@media(max-width:899px){.sidebar,.topbar .session-name{display:none}}@media(max-width:480px){.page-header{flex-direction:column}.page-header .actions,.page-header .button{width:100%}.topbar{padding:.6rem .75rem}.brand small{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}@media print{.topbar,.sidebar,.bottom-nav,.actions,.button{display:none!important}.main{padding:0}.card{box-shadow:none;break-inside:avoid}}