@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap');
/* Dikz Cloud — Midnight Sapphire visual layer (CSS only: no markup/logic changes) */
:root{--font-display:'Plus Jakarta Sans','Inter',sans-serif}
html:not([data-theme="light"]){--bg:#0a1329;--bg-alt:#0d1a38;--surface:rgba(20,34,68,.72);--surface-solid:#0f1b3a;--border:rgba(138,176,255,.14);--border-strong:rgba(138,176,255,.26);--text:#eef3ff;--text-dim:#aebdde;--text-faint:#7384a8;--accent:#4d9bff;--accent-2:#7fb6ff;--accent-3:#8a7dff;--legal:#5aa8ff;--ilegal:#9a8cff;--shadow-soft:0 24px 60px -28px rgba(2,8,26,.85)}
html:not([data-theme="light"]) body{background: radial-gradient(1200px 640px at 8% -12%,rgba(64,140,255,.24),transparent 62%), radial-gradient(900px 520px at 104% -4%,rgba(124,107,255,.16),transparent 60%), radial-gradient(900px 560px at 50% 112%,rgba(52,120,235,.13),transparent 62%), linear-gradient(180deg,#0d1834 0%,#0a1329 48%,#081022 100%)!important; background-attachment:fixed!important;color:var(--text);letter-spacing:-.006em;-webkit-font-smoothing:antialiased}
html:not([data-theme="light"]) body:before{opacity:.16!important;background-size:38px 38px!important}
html:not([data-theme="light"]) .glass,html:not([data-theme="light"]) .card,html:not([data-theme="light"]) .admin-box,html:not([data-theme="light"]) .stat-card,html:not([data-theme="light"]) .s-card,html:not([data-theme="light"]) .p-card,html:not([data-theme="light"]) .price-card,html:not([data-theme="light"]) .feature-card,html:not([data-theme="light"]) .faq-card,html:not([data-theme="light"]) .order-row,html:not([data-theme="light"]) .my-server-card,html:not([data-theme="light"]) .detail-cell,html:not([data-theme="light"]) .qa-card,html:not([data-theme="light"]) .status-card,html:not([data-theme="light"]) .access-card,html:not([data-theme="light"]) .c-panel,html:not([data-theme="light"]) .modal-card,html:not([data-theme="light"]) .auth-card,html:not([data-theme="light"]) .hero-panel,html:not([data-theme="light"]) .dep-box,html:not([data-theme="light"]) .pay-method,html:not([data-theme="light"]) .order-pay-btn,html:not([data-theme="light"]) .item-row,html:not([data-theme="light"]) .feature-panel,html:not([data-theme="light"]) .settings-section,html:not([data-theme="light"]) .stat-mini,html:not([data-theme="light"]) .security-log{background:linear-gradient(158deg,rgba(24,40,78,.74) 0%,rgba(14,24,50,.82) 100%)!important; border:1px solid rgba(138,176,255,.15)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 22px 48px -26px rgba(2,8,26,.85)!important}
html:not([data-theme="light"]) .glass,html:not([data-theme="light"]) .auth-card,html:not([data-theme="light"]) .modal-card,html:not([data-theme="light"]) .hero-panel{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
html:not([data-theme="light"]) .auth-card,html:not([data-theme="light"]) .modal-card{box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 40px 100px -30px rgba(2,8,26,.9),0 0 0 1px rgba(90,150,255,.06)!important}
html:not([data-theme="light"]) .glass:hover,html:not([data-theme="light"]) .p-card:hover,html:not([data-theme="light"]) .price-card:hover,html:not([data-theme="light"]) .feature-card:hover,html:not([data-theme="light"]) .s-card:hover,html:not([data-theme="light"]) .order-row:hover,html:not([data-theme="light"]) .qa-card:hover,html:not([data-theme="light"]) .my-server-card:hover,html:not([data-theme="light"]) .pay-method:hover{border-color:rgba(120,176,255,.34)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 26px 56px -24px rgba(4,12,40,.9),0 0 0 1px rgba(80,150,255,.08)!important}
html:not([data-theme="light"]) .hero-card,html:not([data-theme="light"]) .cta-band{background: radial-gradient(520px 260px at 100% 0%,rgba(124,107,255,.30),transparent 62%), radial-gradient(520px 280px at 0% 100%,rgba(61,139,255,.28),transparent 62%), linear-gradient(150deg,#14285a 0%,#0f1f46 55%,#0c1836 100%)!important; border:1px solid rgba(138,176,255,.20)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 70px -30px rgba(2,8,26,.9)!important}
html:not([data-theme="light"]) .hero-card:after{background:radial-gradient(circle,rgba(120,180,255,.22),transparent 70%)!important}
html:not([data-theme="light"]) .stat-card,html:not([data-theme="light"]) .status-card{background:linear-gradient(160deg,rgba(22,36,70,.82),rgba(13,22,46,.88))!important}
html:not([data-theme="light"]) .topbar{background:rgba(10,19,41,.72)!important;border-bottom:1px solid rgba(138,176,255,.13)!important;backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);box-shadow:0 10px 40px -18px rgba(2,8,26,.8)!important}
html:not([data-theme="light"]) .sidebar{background:linear-gradient(185deg,rgba(15,28,60,.985) 0%,rgba(9,17,38,.99) 100%)!important;border-right:1px solid rgba(138,176,255,.14)!important;box-shadow:30px 0 80px -20px rgba(2,6,20,.85)!important}
html:not([data-theme="light"]) .side-item{border-radius:13px!important;border:1px solid transparent;color:var(--text-dim)}
html:not([data-theme="light"]) .side-item:hover{background:rgba(80,140,255,.08)!important;color:#fff!important}
html:not([data-theme="light"]) .side-item.active{background:linear-gradient(90deg,rgba(64,140,255,.20),rgba(64,140,255,.04))!important;border-color:rgba(110,168,255,.22)!important;color:#fff!important;box-shadow:inset 3px 0 0 #4d9bff}
html:not([data-theme="light"]) .side-menu-label,html:not([data-theme="light"]) .tab-group-label{color:#7f93ba!important;letter-spacing:.16em!important}
html:not([data-theme="light"]) .bottom-nav{background:rgba(10,19,41,.88)!important;border-top:1px solid rgba(138,176,255,.14)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 -14px 40px -18px rgba(2,8,26,.8)}
html:not([data-theme="light"]) .bn-item.active{color:#7db6ff!important}
html:not([data-theme="light"]) .sidebar-overlay{background:rgba(3,8,22,.62)!important;backdrop-filter:blur(3px)}
html:not([data-theme="light"]) .modal-overlay{background:rgba(4,9,24,.74)!important;backdrop-filter:blur(10px)}
html:not([data-theme="light"]) h1,html:not([data-theme="light"]) h2,html:not([data-theme="light"]) h3,html:not([data-theme="light"]) h4,html:not([data-theme="light"]) .display,html:not([data-theme="light"]) .hero-title,html:not([data-theme="light"]) .auth-title,html:not([data-theme="light"]) .pricing-head h2,html:not([data-theme="light"]) .faq-head h2{letter-spacing:-.03em}
html:not([data-theme="light"]) .hero h1 span{background:linear-gradient(100deg,#a6dcff 0%,#62a6ff 46%,#a496ff 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
html:not([data-theme="light"]) .brand span,html:not([data-theme="light"]) .name span,html:not([data-theme="light"]) .auth-logo .name span{color:#7fb6ff!important}
html:not([data-theme="light"]) .sec-head h3{border-left:3px solid #4d9bff!important}
html:not([data-theme="light"]) .btn-primary,html:not([data-theme="light"]) button.btn-primary,html:not([data-theme="light"]) .btn-gradient-cta,html:not([data-theme="light"]) .c-btn.primary{background:linear-gradient(135deg,#4f9dff 0%,#2f6bff 52%,#5a52ff 100%)!important; color:#fff!important;border:1px solid rgba(170,208,255,.38)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 12px 30px -10px rgba(47,107,255,.62)!important;text-shadow:0 1px 0 rgba(0,0,40,.25)}
html:not([data-theme="light"]) .btn-primary:hover,html:not([data-theme="light"]) button.btn-primary:hover,html:not([data-theme="light"]) .btn-gradient-cta:hover,html:not([data-theme="light"]) .c-btn.primary:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 16px 38px -10px rgba(60,120,255,.75)!important}
html:not([data-theme="light"]) .btn-ghost,html:not([data-theme="light"]) .google-btn,html:not([data-theme="light"]) .c-btn,html:not([data-theme="light"]) .theme-toggle-btn{background:rgba(26,42,82,.55)!important;border:1px solid rgba(138,176,255,.22)!important;color:var(--text)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
html:not([data-theme="light"]) .btn-ghost:hover,html:not([data-theme="light"]) .google-btn:hover,html:not([data-theme="light"]) .c-btn:hover,html:not([data-theme="light"]) .theme-toggle-btn:hover{border-color:rgba(130,185,255,.5)!important;background:rgba(40,64,120,.55)!important}
html:not([data-theme="light"]) .btn-danger{background:rgba(255,92,122,.10)!important;border:1px solid rgba(255,110,136,.32)!important}
html:not([data-theme="light"]) .btn{border-radius:13px!important;letter-spacing:-.005em}
html:not([data-theme="light"]) input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),html:not([data-theme="light"]) select,html:not([data-theme="light"]) textarea,html:not([data-theme="light"]) .field input:not([type=checkbox]):not([type=radio]):not([type=range]),html:not([data-theme="light"]) .field select,html:not([data-theme="light"]) .field textarea{background-color:rgba(7,14,34,.62)!important;border:1px solid rgba(138,176,255,.2)!important;border-radius:13px!important;color:var(--text)!important}
html:not([data-theme="light"]) input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,html:not([data-theme="light"]) select:focus,html:not([data-theme="light"]) textarea:focus{border-color:#5aa2ff!important;box-shadow:0 0 0 4px rgba(77,155,255,.16)!important;background-color:rgba(8,17,40,.8)!important}
html:not([data-theme="light"]) input::placeholder,html:not([data-theme="light"]) textarea::placeholder{color:#6b7fa6!important}
html:not([data-theme="light"]) .nav-logo-icon,html:not([data-theme="light"]) .qa-icon,html:not([data-theme="light"]) .feature-icon,html:not([data-theme="light"]) .faq-icon,html:not([data-theme="light"]) .s-icon,html:not([data-theme="light"]) .panel-hero-icon,html:not([data-theme="light"]) .status-card-icon,html:not([data-theme="light"]) .payment-brand-icon{background:linear-gradient(145deg,rgba(77,155,255,.22),rgba(124,107,255,.10))!important;border:1px solid rgba(140,182,255,.24)!important;color:#9ccbff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important}
html:not([data-theme="light"]) .nav-logo-icon:after{display:none!important}
html:not([data-theme="light"]) .tab-btn,html:not([data-theme="light"]) .seg-btn,html:not([data-theme="light"]) .partner-subtab{background:rgba(22,36,70,.6)!important;border:1px solid rgba(138,176,255,.16)!important;color:var(--text-dim)!important;border-radius:12px!important}
html:not([data-theme="light"]) .tab-btn.active,html:not([data-theme="light"]) .seg-btn.active,html:not([data-theme="light"]) .partner-subtab.active{background:linear-gradient(135deg,rgba(77,155,255,.26),rgba(124,107,255,.16))!important;border-color:rgba(130,185,255,.55)!important;color:#fff!important;box-shadow:0 10px 26px -12px rgba(60,120,255,.7)!important}
html:not([data-theme="light"]) .balance-chip{background:linear-gradient(135deg,rgba(77,155,255,.18),rgba(124,107,255,.12))!important;border:1px solid rgba(130,185,255,.34)!important;color:#bfe0ff!important}
html:not([data-theme="light"]) .hero-badge{background:rgba(90,150,255,.12)!important;border:1px solid rgba(138,190,255,.28)!important;color:#b7dcff!important}
html:not([data-theme="light"]) ::-webkit-scrollbar-thumb{background:rgba(120,165,255,.28)!important;border-radius:8px}
html:not([data-theme="light"]) .c-top{background:linear-gradient(135deg,rgba(24,40,78,.86),rgba(12,22,46,.92))!important;border-color:rgba(138,176,255,.2)!important}
html:not([data-theme="light"]) .terminal{background:#050b1a!important;border-top:1px solid rgba(138,176,255,.12)}
.dikz-mark{background:url('/assets/img/dikz-icon.svg') center/contain no-repeat!important;border:0!important;box-shadow:0 8px 24px -8px rgba(47,107,255,.65)!important;overflow:visible!important}
.dikz-mark:before,.dikz-mark:after{display:none!important;content:none!important}.dikz-mark b{display:none!important}
.nav .brand:before{background:url('/assets/img/dikz-icon.svg') center/contain no-repeat!important;border:0!important;box-shadow:0 8px 24px -8px rgba(47,107,255,.65)!important;clip-path:none!important;width:32px!important;height:32px!important;border-radius:0!important}
.topbar .brand:not(:has(.dikz-mark)):before{content:'';display:inline-block;width:30px;height:30px;margin-right:10px;vertical-align:middle;background:url('/assets/img/dikz-icon.svg') center/contain no-repeat!important;border:0!important;box-shadow:0 8px 24px -8px rgba(47,107,255,.65)!important}
.topbar .brand:not(:has(.dikz-mark)){display:inline-flex;align-items:center}
.brand-mark{background:url('/assets/img/dikz-icon.svg') center/contain no-repeat!important;border:0!important;box-shadow:0 8px 24px -8px rgba(47,107,255,.65)!important;font-size:0!important;color:transparent!important}.brand-mark *{display:none!important}
.c-logo{background:url('/assets/img/dikz-icon.svg') center/contain no-repeat!important;border:0!important;box-shadow:0 8px 24px -8px rgba(47,107,255,.65)!important;color:transparent!important}.c-logo i{display:none!important}
.auth-logo .mark{border:1px solid rgba(130,185,255,.38)!important;box-shadow:0 0 0 6px rgba(77,155,255,.06),0 10px 34px -6px rgba(47,107,255,.55)!important}
.login-success-logo{box-shadow:0 0 0 10px rgba(77,155,255,.07),0 18px 60px -10px rgba(47,107,255,.6)!important}
@media(max-width:700px){.dikz-mark{width:28px!important;height:28px!important}}

/* ===== v2 — Dark Bento + sidebar icons ===== */
html:not([data-theme="light"]) .stat-card,html:not([data-theme="light"]) .status-card,html:not([data-theme="light"]) .qa-card,html:not([data-theme="light"]) .feature-card,html:not([data-theme="light"]) .stat-mini,html:not([data-theme="light"]) .profile-mini-card,html:not([data-theme="light"]) .c-panel,html:not([data-theme="light"]) .c-top,html:not([data-theme="light"]) .faq-card,html:not([data-theme="light"]) .trust-item{background:linear-gradient(180deg,#111f3f 0%,#0d1830 100%)!important;border:1px solid rgba(120,160,235,.17)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html:not([data-theme="light"]) .stat-card:hover,html:not([data-theme="light"]) .qa-card:hover,html:not([data-theme="light"]) .feature-card:hover,html:not([data-theme="light"]) .faq-card:hover{border-color:rgba(130,180,255,.38)!important;transform:translateY(-2px)}
html:not([data-theme="light"]) .c-top{border-radius:22px!important;padding:18px!important;gap:14px}
html:not([data-theme="light"]) .stat-row .stat-card{text-align:left!important;display:flex;flex-direction:column;align-items:flex-start;padding:16px 14px!important;border-radius:18px!important}
html:not([data-theme="light"]) .stat-icon-circle{width:38px!important;height:38px!important;border-radius:12px!important;margin:0 0 14px!important;background:rgba(var(--ic,96,165,250),.14)!important;color:rgb(var(--ic,96,165,250))!important;border:1px solid rgba(var(--ic,96,165,250),.30)}
html:not([data-theme="light"]) .stat-row .stat-card:nth-child(1){--ic:96,165,250}
html:not([data-theme="light"]) .stat-row .stat-card:nth-child(2){--ic:52,211,153}
html:not([data-theme="light"]) .stat-row .stat-card:nth-child(3){--ic:167,139,250}
html:not([data-theme="light"]) .stat-num{font-size:26px!important;letter-spacing:-.03em;line-height:1.1}
html:not([data-theme="light"]) .stat-label{font-size:12px!important;margin-top:6px!important}
html:not([data-theme="light"]) .qa-card{border-radius:18px!important;padding:16px 14px!important;gap:12px!important}
html:not([data-theme="light"]) .qa-card:nth-child(1){--ic:96,165,250}
html:not([data-theme="light"]) .qa-card:nth-child(2){--ic:167,139,250}
html:not([data-theme="light"]) .qa-card:nth-child(3){--ic:52,211,153}
html:not([data-theme="light"]) .qa-card{background:linear-gradient(180deg,rgba(var(--ic,96,165,250),.15),rgba(var(--ic,96,165,250),.06))!important;border-color:rgba(var(--ic,96,165,250),.34)!important}
html:not([data-theme="light"]) .qa-icon{background:rgba(var(--ic,96,165,250),.16)!important;border:1px solid rgba(var(--ic,96,165,250),.34)!important;color:rgb(var(--ic,96,165,250))!important;border-radius:13px!important;width:42px!important;height:42px!important}
html:not([data-theme="light"]) .qa-label{color:#f1f6ff;font-size:13px!important}
html:not([data-theme="light"]) .status-card-icon{border-radius:13px!important}
html:not([data-theme="light"]) .online-pill{background:rgba(52,211,153,.12)!important;border:1px solid rgba(52,211,153,.36)!important;color:#6ee7b7!important}
html:not([data-theme="light"]) .sidebar-head .dikz-mark{width:46px!important;height:46px!important;flex:0 0 46px!important;border-radius:15px!important}
html:not([data-theme="light"]) .sidebar-brand{gap:12px!important}
html:not([data-theme="light"]) .sidebar-brand-copy strong{font-size:16px!important;letter-spacing:-.025em!important;color:#fff}
html:not([data-theme="light"]) .sidebar-brand-copy span{font-size:9.5px!important;letter-spacing:.16em!important;color:#7f93ba!important}
html:not([data-theme="light"]) .profile-mini-card{border-radius:16px!important;padding:12px!important}
html:not([data-theme="light"]) .profile-mini-avatar{border-radius:12px!important;border:1px solid rgba(130,185,255,.35)!important}
html:not([data-theme="light"]) .side-menu-label{margin:18px 6px 8px!important;font-size:9.5px!important;display:flex;align-items:center;gap:10px}
html:not([data-theme="light"]) .side-menu-label:after{content:'';flex:1;height:1px;background:linear-gradient(90deg,rgba(138,176,255,.18),transparent)}
html:not([data-theme="light"]) .side-item{--ic:96,165,250;min-height:48px!important;padding:7px 10px!important;gap:12px!important;font-weight:600!important;margin-bottom:3px}
html:not([data-theme="light"]) #side-home,html:not([data-theme="light"]) #side-system{--ic:96,165,250}
html:not([data-theme="light"]) #side-deposit,html:not([data-theme="light"]) #side-deposit-history,html:not([data-theme="light"]) #side-referral{--ic:52,211,153}
html:not([data-theme="light"]) #side-orders,html:not([data-theme="light"]) #side-receipts,html:not([data-theme="light"]) #side-qris,html:not([data-theme="light"]) #side-myservers,html:not([data-theme="light"]) #side-adp,html:not([data-theme="light"]) #side-buyrole,html:not([data-theme="light"]) #side-script,html:not([data-theme="light"]) #side-warranty{--ic:34,211,238}
html:not([data-theme="light"]) #side-security,html:not([data-theme="light"]) #side-sessions,html:not([data-theme="light"]) #side-activity,html:not([data-theme="light"]) #side-notifications,html:not([data-theme="light"]) #side-settings{--ic:167,139,250}
html:not([data-theme="light"]) #side-support,html:not([data-theme="light"]) #side-cs,html:not([data-theme="light"]) #side-partner{--ic:251,191,36}
html:not([data-theme="light"]) .side-item.logout{--ic:251,113,133;color:#fda4af!important}
html:not([data-theme="light"]) .side-item .nav-logo-icon{width:36px!important;height:36px!important;flex:0 0 36px!important;border-radius:12px!important;background:rgba(var(--ic),.14)!important;border:1px solid rgba(var(--ic),.30)!important;color:rgb(var(--ic))!important;box-shadow:none!important}
html:not([data-theme="light"]) .side-item .nav-logo-icon i{font-size:14px!important}
html:not([data-theme="light"]) .side-item:hover{background:rgba(var(--ic),.07)!important;color:#fff!important}
html:not([data-theme="light"]) .side-item:hover .nav-logo-icon{transform:translateY(-1px);background:rgba(var(--ic),.22)!important}
html:not([data-theme="light"]) .side-item.active{background:linear-gradient(90deg,rgba(var(--ic),.18),rgba(var(--ic),.02))!important;border-color:rgba(var(--ic),.28)!important;color:#fff!important;box-shadow:inset 3px 0 0 rgb(var(--ic))!important}
html:not([data-theme="light"]) .side-item.active .nav-logo-icon{background:linear-gradient(135deg,rgba(var(--ic),1),rgba(var(--ic),.68))!important;border-color:transparent!important;color:#06122a!important;box-shadow:0 10px 22px -8px rgba(var(--ic),.8)!important}
html:not([data-theme="light"]) .bn-item i{padding:5px 20px;border-radius:99px;transition:background .2s ease}
html:not([data-theme="light"]) .bn-item.active i{background:rgba(77,155,255,.20);color:#8fc4ff}
html:not([data-theme="light"]) .chat-fab{background:linear-gradient(135deg,#4f9dff,#2f6bff 55%,#5a52ff)!important;color:#fff!important;border:1px solid rgba(170,208,255,.38)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 16px 36px -8px rgba(47,107,255,.75)!important}
html:not([data-theme="light"]) .chat-panel{border-radius:20px!important}
html:not([data-theme="light"]) .feature-card{border-radius:20px!important}
html:not([data-theme="light"]) .feature-icon{width:44px!important;height:44px!important;border-radius:14px!important;margin-bottom:16px!important}
html:not([data-theme="light"]) .feature-card:nth-child(4n+1) .feature-icon{--ic:96,165,250}
html:not([data-theme="light"]) .feature-card:nth-child(4n+2) .feature-icon{--ic:52,211,153}
html:not([data-theme="light"]) .feature-card:nth-child(4n+3) .feature-icon{--ic:167,139,250}
html:not([data-theme="light"]) .feature-card:nth-child(4n+4) .feature-icon{--ic:34,211,238}
html:not([data-theme="light"]) .feature-card .feature-icon{background:rgba(var(--ic,96,165,250),.14)!important;border:1px solid rgba(var(--ic,96,165,250),.32)!important;color:rgb(var(--ic,96,165,250))!important}
html:not([data-theme="light"]) .trust-row{gap:10px!important}
html:not([data-theme="light"]) .trust-item{padding:10px 16px!important;border-radius:14px!important;font-size:12px!important}
html:not([data-theme="light"]) .trust-item i{color:#6ee7b7!important}
html:not([data-theme="light"]) .faq-icon{border-radius:13px!important}
html:not([data-theme="light"]) .step-num{background:rgba(77,155,255,.14)!important;border:1px solid rgba(130,185,255,.34)!important;border-radius:14px!important;color:#9ccbff!important}
html:not([data-theme="light"]) .c-actions{display:grid!important;grid-template-columns:auto repeat(3,minmax(96px,1fr));gap:10px!important;width:auto;align-items:stretch}
html:not([data-theme="light"]) .c-actions .c-btn{display:inline-flex!important;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:66px!important;padding:10px 8px!important;border-radius:16px!important;font-size:14px!important;font-weight:700!important;flex:none}
html:not([data-theme="light"]) .c-actions .c-btn i{font-size:15px}
html:not([data-theme="light"]) .c-actions .c-btn:has(.fa-arrow-left){order:0;flex-direction:row;gap:8px;min-height:66px;background:rgba(26,42,82,.55)!important;color:var(--text-dim)!important}
html:not([data-theme="light"]) .c-actions .c-btn.primary{order:1;background:rgba(34,197,94,.13)!important;border:1px solid rgba(52,211,153,.42)!important;color:#6ee7b7!important;box-shadow:none!important;text-shadow:none}
html:not([data-theme="light"]) .c-actions .c-btn.danger{order:2;background:rgba(244,63,94,.13)!important;border:1px solid rgba(251,113,133,.42)!important;color:#fda4af!important}
html:not([data-theme="light"]) .c-actions .c-btn:has(.fa-rotate){order:3;background:rgba(59,130,246,.15)!important;border:1px solid rgba(96,165,250,.45)!important;color:#93c5fd!important}
html:not([data-theme="light"]) .c-actions .c-btn.primary:hover{background:rgba(34,197,94,.22)!important;filter:none;box-shadow:none!important}
html:not([data-theme="light"]) .c-actions .c-btn.danger:hover{background:rgba(244,63,94,.22)!important}
html:not([data-theme="light"]) .c-actions .c-btn:has(.fa-rotate):hover{background:rgba(59,130,246,.26)!important}
html:not([data-theme="light"]) .c-title{font-family:var(--font-display);font-weight:800;letter-spacing:-.03em}
html:not([data-theme="light"]) .c-sub{color:#8ea3cc!important}
html:not([data-theme="light"]) .c-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;padding:14px!important}
html:not([data-theme="light"]) .stat-mini{padding:16px 14px!important;border-radius:18px!important}
html:not([data-theme="light"]) .stat-mini:before{font-family:'Font Awesome 6 Free';font-weight:900;display:block;font-size:20px;color:#4d9bff;margin-bottom:12px}
html:not([data-theme="light"]) .stat-mini:nth-child(1):before{content:'\f2db'}
html:not([data-theme="light"]) .stat-mini:nth-child(2):before{content:'\f538'}
html:not([data-theme="light"]) .stat-mini:nth-child(3):before{content:'\f0a0'}
html:not([data-theme="light"]) .stat-mini small{font-size:13px!important;color:#9fb3da!important;font-weight:500}
html:not([data-theme="light"]) .stat-mini b{font:800 24px/1.15 var(--font-display)!important;letter-spacing:-.03em;margin-top:8px!important;color:#fff}
html:not([data-theme="light"]) .meter{height:6px!important;background:#1a2745!important;margin-top:12px!important}
html:not([data-theme="light"]) .stat-mini:nth-child(1) .meter span{background:linear-gradient(90deg,#1f7bff,#3d95ff)!important}
html:not([data-theme="light"]) .stat-mini:nth-child(2) .meter span{background:linear-gradient(90deg,#4aa8ff,#7cc8ff)!important}
html:not([data-theme="light"]) .stat-mini:nth-child(3) .meter span{background:linear-gradient(90deg,#2f7bff,#4d9bff)!important}
html:not([data-theme="light"]) .c-panel-head{padding:16px 18px!important;background:transparent!important;border-bottom:0!important}
html:not([data-theme="light"]) .c-panel-head strong{text-transform:uppercase;letter-spacing:.03em;font-size:14px!important;font-weight:800}
html:not([data-theme="light"]) .c-status{display:inline-flex;align-items:center;padding:5px 12px;border-radius:99px;font-size:11px!important;font-weight:700;background:rgba(251,191,36,.10);border:1px solid rgba(251,191,36,.30);color:#fcd34d!important}
html:not([data-theme="light"]) .c-status.online{background:rgba(52,211,153,.12);border-color:rgba(52,211,153,.36);color:#6ee7b7!important}
html:not([data-theme="light"]) .c-status.offline{background:rgba(244,63,94,.12);border-color:rgba(251,113,133,.36);color:#fda4af!important}
html:not([data-theme="light"]) .status-dot{background:currentColor!important;box-shadow:0 0 8px currentColor}
html:not([data-theme="light"]) .terminal{background:#060b18!important;font-family:'JetBrains Mono',ui-monospace,Menlo,monospace!important;border-top:1px solid rgba(120,160,235,.12)!important;border-bottom:1px solid rgba(120,160,235,.12)}
html:not([data-theme="light"]) .terminal-form{background:#0a1226!important;padding:12px!important;gap:10px!important;align-items:center}
html:not([data-theme="light"]) .terminal-form:before{content:'$';color:#4d9bff;font:700 17px 'JetBrains Mono',monospace;padding-left:6px}
html:not([data-theme="light"]) .terminal-form input{background:#080f21!important;border:1px solid rgba(120,160,235,.2)!important;border-radius:14px!important;padding:14px!important}
html:not([data-theme="light"]) .terminal-form .c-btn.primary{width:48px;min-height:48px!important;padding:0!important;border-radius:14px!important;background:rgba(59,130,246,.16)!important;border:1px solid rgba(96,165,250,.42)!important;color:#93c5fd!important;box-shadow:none!important}
html:not([data-theme="light"]) .notice{background:rgba(59,130,246,.07)!important;border:1px solid rgba(96,165,250,.18)!important;border-radius:16px!important}
html:not([data-theme="light"]) .file-path{color:#8fc4ff!important}
@media(max-width:850px){
.c-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important}
.c-actions .c-btn:has(.fa-arrow-left){grid-column:1/-1;min-height:46px!important}
.c-layout{display:flex!important;flex-direction:column;gap:14px!important}
.c-layout>div{display:contents!important}
.c-layout>div>section:first-child{order:-1}
.c-layout>div>section:last-child{order:1}
}
@media(max-width:430px){.stat-mini b{font-size:20px!important}.c-stats{gap:8px!important;padding:10px!important}.stat-mini{padding:13px 11px!important}}