/* Shared presentation layer. Authentication, forms, actions and database queries stay in the original PHP pages. */
@font-face{font-family:SultanArabic;src:url('./fonts/arabic.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:SultanLatin;src:url('./fonts/latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
html{color-scheme:dark;scroll-padding-top:105px}
body.as-suite{--bg:#0a0c10;--panel:#10151e;--card:#121923;--stroke:#2a3444;--text:#edf2fa;--muted:#99a6ba;--gold:#86b8ff;--gold-weak:#192d4a;--accent:#86b8ff;--primary:#5399ff;--btn:#1a273b;--btn-hover:#263d5e;--shadow:0 12px 40px #0003;font-family:SultanArabic,SultanLatin,Tahoma,sans-serif!important;background:#0a0c10!important;color:#edf2fa;min-height:100vh;-webkit-font-smoothing:antialiased}
body.as-suite:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 10% 10%,#204a7b15,transparent 45%)}
body.as-suite input,body.as-suite button,body.as-suite select,body.as-suite textarea{font-family:inherit}
body.as-suite a:focus-visible,body.as-suite button:focus-visible,body.as-suite input:focus-visible,body.as-suite select:focus-visible,body.as-suite [tabindex]:focus-visible{outline:2px solid #abcfff!important;outline-offset:4px}
body.as-suite .Header_conitiner{background:#0a0f18f5!important;border-bottom:1px solid #2b3648!important;box-shadow:none!important;backdrop-filter:blur(14px);z-index:50}
body.as-suite .Header_conitiner>.wrap{max-width:1280px;width:calc(100% - 64px);min-height:82px;padding-block:13px;gap:25px}
body.as-suite .Header_conitiner .logo img{max-width:48px;max-height:48px;object-fit:contain;border-radius:50%}
body.as-suite .Header_conitiner header{min-width:0;flex:1}
body.as-suite .Header_conitiner .Header{gap:5px;flex-wrap:wrap;justify-content:center;margin:0;padding:0}
body.as-suite .Header_conitiner .Header a{font-size:11px;padding:10px 12px;border:1px solid transparent!important;box-shadow:none!important;background:transparent!important;color:#b5c2d6;border-radius:6px;transform:none!important;white-space:nowrap}
body.as-suite .Header_conitiner .Header a:hover,body.as-suite .Header_conitiner .Header a[aria-current=page]{background:#1b2d48!important;color:#b4d3ff!important;border-color:#38557b!important}
body.as-suite .log-discord{border:1px solid #3a4960!important;background:#1a2538!important;color:#dfebff!important;box-shadow:none!important;font-size:11px;padding:10px 16px;border-radius:7px;white-space:nowrap}
body.as-suite .avatar{font-size:11px;gap:10px}body.as-suite .avatar img,body.as-suite .Avatar img{width:35px!important;height:35px!important;object-fit:cover;border-radius:50%}
body.as-suite .dropdown,body.as-suite .dropdownphone{background:#162034!important;border:1px solid #3a5071!important;box-shadow:0 18px 45px #0008!important;z-index:60}
body.as-suite .dropdown a,body.as-suite .dropdownphone a{font-size:12px;color:#dce7f7!important;border-radius:5px}
body.as-suite .dropdown a:hover,body.as-suite .dropdownphone a:hover{background:#263e60!important}
body.as-suite .hero{max-width:1280px;width:calc(100% - 64px);margin:0 auto;padding:48px 0 27px;background:transparent!important;border:0!important;box-shadow:none!important}
body.as-suite .hero h1{font-size:clamp(25px,3vw,39px)!important;font-weight:750;line-height:1.7;letter-spacing:-.8px;color:#f0f4fb!important;margin-bottom:9px}
body.as-suite .hero h1 .brand,body.as-suite .hero h1 span[style*="gold"]{color:#8ebdff!important}
body.as-suite .hero .sub,body.as-suite .hero p{color:#94a4bd;font-size:12px;line-height:2.1}
body.as-suite .container,body.as-suite .table-wrap,body.as-suite .toolbar,body.as-suite main.wrap{max-width:1280px;width:calc(100% - 64px);margin-inline:auto}
body.as-suite .card,body.as-suite .panel,body.as-suite .section,body.as-suite .sec,body.as-suite .hero-box,body.as-suite .stats-box,body.as-suite .benefit{background:#111925!important;border:1px solid #2e3d53!important;border-radius:10px!important;box-shadow:none!important;transform:none!important}
body.as-suite .card:hover,body.as-suite .benefit:hover{border-color:#4e709e!important}
body.as-suite .stat,body.as-suite .stat-card,body.as-suite .chip{background:#17253a!important;border:1px solid #334866!important;color:#bfd7f7!important;box-shadow:none!important;border-radius:6px}
body.as-suite .toolbar{padding:16px 0;gap:12px}
body.as-suite .input,body.as-suite .search,body.as-suite input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]),body.as-suite select,body.as-suite textarea{color:#e3edfc!important;background:#0f1827!important;border-color:#3c4f6e!important;border-radius:6px!important;box-shadow:none!important}
body.as-suite input::placeholder,body.as-suite textarea::placeholder{color:#7b8eab!important;opacity:1}
body.as-suite .btn-primary,body.as-suite .btn.gold,body.as-suite .pill.gold{background:#78acfa!important;color:#0b1a31!important;border:1px solid #8bbdff!important;box-shadow:none!important;border-radius:6px!important}
body.as-suite .btn-primary:hover,body.as-suite .btn.gold:hover{background:#a8ccff!important;transform:none!important}
body.as-suite .btn:not(.btn-primary):not(.btn-danger),body.as-suite .pill:not(.gold){border-color:#3a5275!important;color:#d0e4ff!important;background:#1a2d49!important;box-shadow:none!important;border-radius:6px!important;transform:none!important}
body.as-suite .btn-danger{box-shadow:none!important;border-radius:6px!important}
body.as-suite .btn:disabled,body.as-suite button:disabled,body.as-suite input:disabled{opacity:.5!important;cursor:not-allowed!important}
body.as-suite .table-wrap{border:1px solid #304360!important;border-radius:10px!important;background:#0f1929!important;box-shadow:none!important;overflow-x:auto}
body.as-suite table{border-collapse:collapse;width:100%;background:transparent!important}
body.as-suite thead,body.as-suite thead th{background:#182b46!important;color:#a9c8f3!important;font-size:11px;letter-spacing:0;font-weight:600}
body.as-suite tbody tr{background:transparent!important;border-bottom:1px solid #25364f!important}
body.as-suite td{border-color:#25364f!important;color:#d4dfef;font-size:11px;padding-block:15px}
body.as-suite tbody tr:hover{background:#1b2d47!important}
body.as-suite .preview-section,body.as-suite .affected-section{border-color:#354c70!important;background:#111f33!important}
body.as-suite .pv-row,body.as-suite .pv-head{border-color:#2d4566!important}
body.as-suite .modal,body.as-suite .modal-box,body.as-suite .swal2-popup{background:#142139!important;color:#e7f0ff!important;border:1px solid #48678e!important;border-radius:11px!important}
body.as-suite footer{border-color:#29364a!important;background:#0c121d!important;color:#8193ad!important;font-size:11px!important}
body.as-suite .topbar{background:#0d1523f5!important;border-color:#2d3b51!important;box-shadow:none!important}
body.as-suite .topbar .brand,body.as-suite .topbar .in{color:#dceaff}
body.as-suite .date,body.as-suite .toc,body.as-suite .contact{background:#17263d!important;border-color:#365173!important;color:#b1c9e9!important}
body.as-suite .n{background:#294a77!important;color:#b9d8ff!important}
@media(max-width:900px){body.as-suite .Header_conitiner>.wrap{width:calc(100% - 36px);gap:15px}body.as-suite .Header_conitiner .Header a{font-size:10px;padding:9px}body.as-suite .container,body.as-suite .hero,body.as-suite .table-wrap,body.as-suite .toolbar,body.as-suite main.wrap{width:calc(100% - 36px)}body.as-suite .hero{padding-top:32px}body.as-suite .hero h1{font-size:28px!important}}
@media(max-width:700px){body.as-suite .Header_conitiner>.wrap{min-height:70px;flex-wrap:wrap}body.as-suite .Header_conitiner header{display:none!important}body.as-suite .Bars{display:flex!important;align-items:center;justify-content:center;width:35px;height:35px;border:1px solid #3e5374;border-radius:5px;cursor:pointer}body.as-suite .Header_conitiner .Info{margin-inline-start:auto}body.as-suite .hero{padding-top:29px}body.as-suite .hero h1{font-size:25px!important}body.as-suite .log-discord{padding:8px 11px;font-size:10px}body.as-suite .dropdownphone{position:absolute;inset-inline:18px;top:calc(100% + 8px);width:auto;padding:9px}body.as-suite .dropdownphone li{margin:0}body.as-suite .dropdownphone a{display:flex;padding:12px;gap:8px}body.as-suite .card,body.as-suite .section{padding:20px}body.as-suite .hero .stats{flex-wrap:wrap}body.as-suite .toolbar{display:flex;flex-wrap:wrap}body.as-suite .toolbar>*{max-width:100%}body.as-suite .table-wrap table{min-width:650px}body.as-suite .table-wrap{overscroll-behavior-inline:contain}body.as-suite td,body.as-suite th{white-space:nowrap}body.as-suite footer{padding:24px 18px!important}body.as-suite .hero-grid,body.as-suite .benefits-grid{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body.as-suite *,body.as-suite *:before,body.as-suite *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}