@font-face{font-family:Cairo;src:url("../fonts/Cairo-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Cairo;src:url("../fonts/Cairo-Bold.ttf") format("truetype");font-weight:700 900;font-style:normal;font-display:swap}
:root{--control-primary:#3758f9;--control-primary-rgb:55,88,249;--control-navy:#111a35;--control-muted:#6c7487;--control-border:#e7eaf1;--control-bg:#f5f7fb;--control-card:#fff;--control-radius:18px}
*{box-sizing:border-box}
html,body{min-height:100%;font-family:Cairo,Arial,sans-serif!important}
body{margin:0;background:var(--control-bg);color:#1e2538;text-rendering:optimizeLegibility}
a{text-decoration:none}
.control-shell{min-height:100vh}
.control-sidebar{position:fixed;z-index:1040;inset:0 0 0 auto;width:270px;display:flex;flex-direction:column;padding:18px 14px;background:linear-gradient(180deg,#121b37 0%,#0c142a 100%);color:#fff;box-shadow:-14px 0 40px rgba(15,23,42,.08)}
.brand{display:flex;align-items:center;gap:12px;padding:5px 8px 19px;border-bottom:1px solid rgba(255,255,255,.08)}
.brand-mark{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#6d82ff,#3758f9);font-size:25px;box-shadow:0 12px 24px rgba(55,88,249,.32)}
.brand strong,.brand small{display:block}.brand strong{font-size:16px}.brand small{margin-top:2px;color:#9da8c8;font-size:10px}
.control-nav{flex:1;overflow:auto;padding:15px 2px}.control-nav a{display:flex;align-items:center;gap:12px;margin:3px 0;padding:11px 12px;border-radius:11px;color:#aeb8d4;font-size:12px;font-weight:700;transition:.18s ease}.control-nav a i{font-size:21px}.control-nav a:hover,.control-nav a.active{color:#fff;background:rgba(98,123,255,.16);transform:translateX(-2px)}.control-nav a.active{background:linear-gradient(135deg,rgba(92,118,255,.92),rgba(55,88,249,.92));box-shadow:0 10px 24px rgba(55,88,249,.22)}.nav-heading{margin:17px 11px 7px;color:#66728f;font-size:9px;font-weight:900;letter-spacing:.08em}
.sidebar-foot{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.035)}.sidebar-foot strong,.sidebar-foot small{display:block}.sidebar-foot strong{font-size:10px}.sidebar-foot small{margin-top:2px;color:#7f8aa8;font-size:8px}.live-dot{width:9px;height:9px;border-radius:50%;background:#2ed7a0;box-shadow:0 0 0 5px rgba(46,215,160,.1)}
.control-main{min-height:100vh;margin-right:270px}.control-topbar{position:sticky;z-index:1020;top:0;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 28px;border-bottom:1px solid var(--control-border);background:rgba(255,255,255,.92);backdrop-filter:blur(14px)}.control-topbar h1{margin:0;font-size:18px;font-weight:900}.topbar-subtitle{margin-top:3px;color:var(--control-muted);font-size:10px}.topbar-actions{display:flex;align-items:center;gap:12px}.server-time{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--control-border);border-radius:10px;color:var(--control-muted);font-size:10px}.server-time i{font-size:17px;color:var(--control-primary)}.account-button{display:flex;align-items:center;gap:9px;padding:5px 9px;border:0;border-radius:11px;background:transparent}.account-button:hover{background:#f2f4f9}.account-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#111a35,#3758f9);color:#fff;font-weight:900}.account-copy{text-align:right}.account-copy strong,.account-copy small{display:block}.account-copy strong{font-size:11px}.account-copy small{color:var(--control-muted);font-size:9px}.dropdown-menu{border-radius:13px;padding:8px}.dropdown-item{display:flex;align-items:center;gap:8px;border-radius:8px;font-size:11px;padding:9px}.dropdown-item i{font-size:17px}
.control-content{padding:26px 28px 40px}.control-alert{display:flex;align-items:flex-start;gap:9px;border:0;border-radius:13px;font-size:11px;line-height:1.8}.control-alert>i{margin-top:2px;font-size:19px}.control-alert .btn-close{margin-right:auto;margin-left:0}
.hero-panel{position:relative;overflow:hidden;min-height:235px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px;border-radius:22px;background:linear-gradient(135deg,#17234b 0%,#304ecc 58%,#5270ff 100%);color:#fff;box-shadow:0 22px 55px rgba(33,55,147,.22)}.hero-panel:after{content:"";position:absolute;width:270px;height:270px;left:-75px;top:-125px;border:42px solid rgba(255,255,255,.07);border-radius:50%}.hero-panel>div{position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.12);font-size:9px;font-weight:900}.hero-panel h2{max-width:650px;margin:14px 0 7px;font-size:25px;font-weight:900}.hero-panel p{max-width:720px;margin:0;color:#dce3ff;font-size:11px;line-height:1.9}.hero-release{min-width:185px;padding:21px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(7,18,60,.18);text-align:center;backdrop-filter:blur(8px)}.hero-release small,.hero-release span,.hero-release strong{display:block}.hero-release strong{margin:6px 0;font-size:29px}.hero-release small,.hero-release span{color:#dce3ff;font-size:9px}
.metric-card{position:relative;overflow:hidden;min-height:138px;padding:18px;border:1px solid var(--control-border);border-radius:16px;background:#fff;box-shadow:0 8px 25px rgba(26,37,72,.04)}.metric-card:after{content:"";position:absolute;width:80px;height:80px;left:-23px;bottom:-33px;border-radius:50%;background:currentColor;opacity:.06}.metric-icon{width:37px;height:37px;display:grid;place-items:center;margin-bottom:13px;border-radius:11px;background:currentColor;color:inherit}.metric-icon i{color:#fff;font-size:20px}.metric-card strong,.metric-card small{display:block}.metric-card strong{font-size:25px;color:#1a2237}.metric-card small{margin-top:2px;color:var(--control-muted);font-size:9px}.tone-primary{color:#3758f9}.tone-success{color:#1eb980}.tone-danger{color:#ed4e66}.tone-info{color:#22a7c9}.tone-violet{color:#8358e8}.tone-warning{color:#f5a524}
.panel-card{padding:20px;border:1px solid var(--control-border);border-radius:var(--control-radius);background:var(--control-card);box-shadow:0 9px 30px rgba(25,37,70,.045)}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:16px}.panel-head h3{margin:0;font-size:14px;font-weight:900}.panel-head p{margin:4px 0 0;color:var(--control-muted);font-size:9px}.panel-head>a{font-size:10px;font-weight:800}
.list-stack{display:flex;flex-direction:column;gap:6px}.stack-item{display:flex;align-items:center;gap:10px;padding:9px;border-radius:11px;color:#1e2538;transition:.15s}.stack-item:hover{background:#f5f7fb}.stack-avatar{width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;border-radius:11px;background:#eef1ff;color:var(--control-primary);font-weight:900}.stack-copy{flex:1}.stack-copy strong,.stack-copy small{display:block}.stack-copy strong{font-size:10px}.stack-copy small{margin-top:2px;color:var(--control-muted);font-size:8px}
.control-table{font-size:10px}.control-table>:not(caption)>*>*{padding:11px 9px;border-bottom-color:#eef0f5}.control-table thead th{white-space:nowrap;color:#7d8495;font-size:9px;font-weight:900;background:#f8f9fc}.control-table td strong,.control-table td small{display:block}.control-table td small{margin-top:2px;color:var(--control-muted);font-size:8px}.control-table code{font-size:9px}.empty-row{padding:28px;text-align:center;color:var(--control-muted)}.empty-state{min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--control-muted);text-align:center}.empty-state i{font-size:36px}.empty-state p{margin:0;font-size:10px}.empty-state h3{font-size:15px}
.page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:13px;margin-bottom:16px}.filter-bar{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.filter-bar .form-select{width:auto;min-width:155px}.search-box{position:relative;min-width:280px}.search-box i{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#9299aa;font-size:18px}.search-box input{width:100%;height:39px;padding:8px 38px 8px 12px;border:1px solid var(--control-border);border-radius:10px;background:#fff;font-size:10px;outline:0}.search-box input:focus{border-color:#91a2ff;box-shadow:0 0 0 3px rgba(var(--control-primary-rgb),.09)}.toolbar-note{display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid #dfe5ff;border-radius:11px;background:#f3f5ff;color:#4255a5;font-size:9px}.toolbar-note i{font-size:19px}.count-pill{min-width:30px;display:inline-flex;justify-content:center;padding:4px 8px;border-radius:999px;background:#eef1f7;color:#4e566b;font-weight:900}
.form-panel{max-width:1150px;margin:auto}.form-label{margin-bottom:6px;color:#42495a;font-size:10px;font-weight:800}.form-control,.form-select{min-height:40px;border-color:#dfe3eb;border-radius:10px;font-size:10px}.form-control:focus,.form-select:focus{border-color:#91a2ff;box-shadow:0 0 0 3px rgba(var(--control-primary-rgb),.09)}textarea.form-control{line-height:1.8}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px;padding-top:17px;border-top:1px solid var(--control-border)}.form-check{display:flex;align-items:center;gap:8px;font-size:10px}.check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px}.check-grid label{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--control-border);border-radius:10px;font-size:10px}.readonly-box{min-height:40px;display:flex;align-items:center;padding:8px 12px;border:1px dashed #ccd1df;border-radius:10px;background:#f8f9fc;color:var(--control-muted);font-size:10px}.form-text{color:var(--control-muted);font-size:8px}
.profile-hero{display:flex;align-items:center;gap:15px;padding:21px;border:1px solid var(--control-border);border-radius:18px;background:#fff}.profile-mark{width:62px;height:62px;display:grid;place-items:center;flex:0 0 62px;border-radius:18px;background:linear-gradient(135deg,#edf0ff,#dce4ff);color:var(--control-primary);font-size:26px;font-weight:900}.profile-hero h2{margin:7px 0 3px;font-size:20px;font-weight:900}.profile-hero p{margin:0;color:var(--control-muted);font-size:10px}.info-list{display:grid;grid-template-columns:130px 1fr;gap:0;margin:0}.info-list dt,.info-list dd{margin:0;padding:9px 0;border-bottom:1px dashed #ebedf2;font-size:9px}.info-list dt{color:var(--control-muted)}.info-list dd{font-weight:700;overflow-wrap:anywhere}.mini-list{display:flex;flex-direction:column;gap:6px}.mini-list>a,.mini-list>div{display:flex;align-items:center;gap:10px;padding:9px;border-radius:10px;color:#252c40}.mini-list>a:hover{background:#f5f7fb}.mini-list i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eef1ff;color:var(--control-primary);font-size:19px}.mini-list span{flex:1}.mini-list strong,.mini-list small{display:block;font-size:9px}.mini-list small{margin-top:2px;color:var(--control-muted);font-size:8px}
.data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.data-grid>div{padding:12px;border:1px solid var(--control-border);border-radius:11px;background:#fafbfc}.data-grid small,.data-grid strong{display:block}.data-grid small{color:var(--control-muted);font-size:8px}.data-grid strong{margin-top:4px;font-size:12px}.secret-reveal{display:flex;align-items:center;gap:14px;padding:17px;border:1px solid #bfecd9;border-radius:15px;background:#eefff8;color:#185f48}.secret-reveal>i{font-size:30px}.secret-reveal>div{flex:1}.secret-reveal strong,.secret-reveal code{display:block}.secret-reveal strong{font-size:11px}.secret-reveal code{margin-top:6px;font-size:12px;overflow-wrap:anywhere}.copy-highlight{background:#fff2a8}.tag-row{display:flex;gap:7px;flex-wrap:wrap}.tag-row span{padding:6px 9px;border-radius:999px;background:#eff2f8;color:#51596d;font-size:8px;font-weight:800}.release-notes{min-height:70px;color:#4d5567;font-size:10px;line-height:2}.result-stack{display:flex;flex-direction:column}.result-stack>div{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px dashed var(--control-border);font-size:10px}.result-stack strong{font-size:17px}.confirm-icon{width:66px;height:66px;display:grid;place-items:center;margin:auto;border-radius:50%;background:#fff0f2;color:#dc3545;font-size:38px}
.health-list,.api-list{display:flex;flex-direction:column}.health-list>div,.api-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px dashed var(--control-border);font-size:9px}.health-list span{display:flex;align-items:center;gap:8px}.health-list i{font-size:18px}.api-list code{max-width:70%;text-align:left;direction:ltr;overflow-wrap:anywhere}.setup-secret{padding:14px;border:1px dashed #aab7ef;border-radius:12px;background:#f5f7ff;text-align:center}.setup-secret small,.setup-secret code{display:block}.setup-secret code{margin:8px;font-size:15px}.recovery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:9px}.recovery-grid code{margin:0;padding:5px;border-radius:6px;background:#fff}
.operations-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border-radius:22px;background:linear-gradient(135deg,#101a35,#273f9f 65%,#3758f9);color:#fff;box-shadow:0 20px 45px rgba(30,48,120,.18)}.operations-hero:after{content:"";position:absolute;width:210px;height:210px;left:-70px;top:-100px;border:34px solid rgba(255,255,255,.07);border-radius:50%}.operations-hero>div{position:relative;z-index:1}.operations-hero h2{margin:13px 0 5px;font-size:22px;font-weight:900}.operations-hero p{max-width:760px;margin:0;color:#dbe2ff;font-size:10px;line-height:1.9}.health-score{width:128px;height:128px;display:grid;place-content:center;flex:0 0 128px;border:8px solid rgba(255,255,255,.2);border-top-color:#72e8bd;border-radius:50%;background:rgba(8,17,51,.2);text-align:center}.health-score span,.health-score small{font-size:8px;color:#dce3ff}.health-score strong{font-size:32px;line-height:1.1}
.release-upload-zone{position:relative;display:flex;min-height:155px;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:18px;border:2px dashed #bac5f7;border-radius:14px;background:#f7f8ff;color:#3d4f9a;text-align:center;transition:.18s ease}.release-upload-zone.is-dragging{border-color:var(--control-primary);background:#eef1ff;transform:translateY(-1px)}.release-upload-zone.is-invalid{border-color:#ed4e66;background:#fff5f6;color:#b9273e}.release-upload-zone>i{font-size:34px}.release-upload-zone>strong{font-size:10px}.release-upload-zone>small,.release-upload-zone>span{font-size:8px}.release-upload-zone>span{max-width:100%;padding:5px 8px;border-radius:7px;background:#fff;color:#555e75;overflow-wrap:anywhere}.release-upload-zone input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.login-body{overflow-x:hidden;background:#fff}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login-story{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:35px 7vw;background:linear-gradient(145deg,#111a35 0%,#203a9a 62%,#3758f9 100%);color:#fff}.login-story:after{content:"";position:absolute;width:520px;height:520px;left:-220px;bottom:-250px;border:75px solid rgba(255,255,255,.06);border-radius:50%}.login-brand{position:relative;z-index:1;display:flex;align-items:center;gap:11px}.login-brand span{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.13);font-size:26px}.login-brand strong{font-size:18px}.login-copy{position:relative;z-index:1;max-width:590px}.login-copy h1{margin:18px 0 10px;font-size:38px;line-height:1.5;font-weight:900}.login-copy>p{max-width:560px;color:#d6defa;font-size:12px;line-height:2}.login-features{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.login-features>div{display:flex;align-items:flex-start;gap:8px;padding:12px;border:1px solid rgba(255,255,255,.11);border-radius:13px;background:rgba(255,255,255,.06)}.login-features i{color:#6ee7b7;font-size:20px}.login-features strong,.login-features small{display:block}.login-features strong{font-size:9px}.login-features small{margin-top:3px;color:#aebbe6;font-size:7px}.login-foot{position:relative;z-index:1;color:#8e9bc5;font-size:8px}.login-form-side{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px;background:#fff}.login-form-side>.d-flex{width:min(410px,100%)}.login-card{width:min(410px,100%);padding:30px;border:1px solid var(--control-border);border-radius:22px;box-shadow:0 25px 70px rgba(32,49,104,.09)}.login-lock{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:#eef1ff;color:var(--control-primary);font-size:26px}.login-card h2{margin:17px 0 4px;font-size:21px;font-weight:900}.login-card>p{margin:0 0 23px;color:var(--control-muted);font-size:10px}.input-icon{position:relative}.input-icon>i{position:absolute;z-index:1;right:12px;top:50%;transform:translateY(-50%);color:#99a0b1;font-size:18px}.input-icon .form-control{padding-right:40px}.login-hint{display:flex;align-items:center;gap:7px;justify-content:center;margin-top:15px;color:var(--control-muted);font-size:8px}
.icon-button{width:40px;height:40px;display:grid;place-items:center;padding:0}.icon-button i{font-size:24px}.sidebar-backdrop{display:none;position:fixed;z-index:1030;inset:0;background:rgba(8,14,31,.5)}
.btn{border-radius:10px;font-size:10px;font-weight:800;padding:9px 14px}.btn i{font-size:15px;vertical-align:middle}.btn-primary{--bs-btn-bg:var(--control-primary);--bs-btn-border-color:var(--control-primary)}.badge{font-size:8px;padding:5px 7px;border-radius:999px}
@media(max-width:1199px){.data-grid{grid-template-columns:repeat(2,1fr)}.login-features{grid-template-columns:1fr}}
@media(max-width:991px){.control-sidebar{transform:translateX(110%);transition:.22s}.control-sidebar.is-open{transform:translateX(0)}.sidebar-backdrop.is-visible{display:block}.control-main{margin-right:0}.server-time{display:none}.login-shell{grid-template-columns:1fr}.login-story{display:none}.login-form-side{min-height:100vh}.control-content{padding:20px}.control-topbar{padding:12px 18px}}
@media(max-width:575px){.control-topbar{align-items:flex-start}.topbar-actions{margin-right:auto}.account-copy{display:none}.control-content{padding:15px}.hero-panel{min-height:auto;padding:24px;display:block}.hero-panel h2{font-size:20px}.hero-release{margin-top:18px}.operations-hero{display:block;padding:22px}.operations-hero h2{font-size:18px}.health-score{width:105px;height:105px;margin-top:18px}.hero-release{margin-top:18px}.page-toolbar{align-items:stretch;flex-direction:column}.filter-bar{align-items:stretch;flex-direction:column}.search-box{min-width:100%}.filter-bar .form-select{width:100%}.profile-hero{align-items:flex-start;flex-wrap:wrap}.profile-hero .ms-auto{width:100%;margin-right:0!important}.data-grid{grid-template-columns:1fr}.info-list{grid-template-columns:100px 1fr}.recovery-grid{grid-template-columns:repeat(2,1fr)}}