@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-color:#0f111a;--panel-bg:#16192b99;--panel-border:#ffffff14;--primary-glow:#6366f166;--primary:#6366f1;--primary-hover:#4f46e5;--text-main:#f8fafc;--text-muted:#94a3b8;--danger:#ef4444;--danger-hover:#dc2626;--success:#10b981;--glass-blur:blur(12px);--chart-line:#818cf8}[data-theme=obsidian]{--bg-color:#0a0a0a;--panel-bg:#141414cc;--panel-border:#ffffff0d;--primary-glow:#ffffff1a;--primary:#fafafa;--primary-hover:#d4d4d4;--text-main:#fff;--text-muted:#a3a3a3;--danger:#b91c1c;--danger-hover:#991b1b;--success:#059669;--chart-line:#d4d4d4}[data-theme=cyber]{--bg-color:#0d0221;--panel-bg:#0d0221b3;--panel-border:#0fc3;--primary-glow:#00ffcc80;--primary:#0fc;--primary-hover:#00cca3;--text-main:#fff;--text-muted:#b8b8d1;--danger:#f05;--danger-hover:#c04;--success:#0fc;--chart-line:#f0e}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif;transition:background-color .4s,border-color .4s,box-shadow .4s}body{background-color:var(--bg-color);color:var(--text-main);background-image:radial-gradient(circle at 15% 50%, var(--primary-glow), transparent 25%), radial-gradient(circle at 85% 30%, #ffffff05, transparent 25%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--panel-border);border-radius:16px;box-shadow:0 8px 32px #0000004d}.app-container{height:100vh;display:flex}.sidebar{border-right:1px solid var(--panel-border);width:260px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:#0003;flex-direction:column;padding:24px;display:flex}.brand{align-items:center;gap:12px;margin-bottom:48px;display:flex}.brand-icon{width:40px;height:40px;box-shadow:0 0 15px var(--primary-glow);border-radius:10px;display:block}.brand-text{letter-spacing:-.5px;background:linear-gradient(to right, var(--text-main), var(--text-muted));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:24px;font-weight:700}.nav-menu{flex-direction:column;gap:8px;display:flex}.nav-item{color:var(--text-muted);cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:var(--text-main);background:#ffffff08;transform:translate(4px)}.nav-item.active{background:var(--primary-glow);color:var(--primary);border-color:#ffffff1a;box-shadow:inset 0 0 20px #0003}.rtl-layout{direction:rtl}.rtl-layout .sidebar{border-right:none;border-left:1px solid var(--panel-border)}.rtl-layout .nav-item:hover{transform:translate(-4px)}.rtl-layout .status-dot{margin-left:6px;margin-right:0}.main-content{flex:1;padding:40px;overflow-y:auto}.page-header{margin-bottom:32px;animation:.5s fadeDown}.page-title{margin-bottom:8px;font-size:32px;font-weight:700}.page-subtitle{color:var(--text-muted);font-size:16px}.grid-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.card{opacity:0;padding:24px;animation:.5s forwards fadeUp;position:relative;overflow:hidden;transform:translateY(10px)}.card:first-child{animation-delay:.1s}.card:nth-child(2){animation-delay:.2s}.card:nth-child(3){animation-delay:.3s}.card:before{content:"";background:linear-gradient(90deg, transparent, var(--primary), transparent);opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.card:hover:before{opacity:1}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:var(--bg-color);box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 6px 20px var(--primary-glow);transform:translateY(-2px)}.btn-danger{color:var(--danger);background:#ef44441a;border:1px solid #ef444433}.btn-danger:hover{background:var(--danger);color:#fff}.btn-outline{color:var(--text-main);border:1px solid var(--panel-border);background:0 0}.btn-outline:hover{background:#ffffff0d}.device-item{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;padding:16px;transition:background .2s;display:flex}.device-item:hover{background:#ffffff05}.device-item:last-child{border-bottom:none}.device-info{align-items:center;gap:16px;display:flex}.device-icon{width:48px;height:48px;color:var(--primary);background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;display:flex}.status-dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.status-online{background:var(--success);box-shadow:0 0 10px var(--success)}.status-offline{background:var(--text-muted)}.command-box{color:var(--primary);border:1px solid var(--panel-border);background:#0006;border-radius:8px;justify-content:space-between;align-items:center;margin-top:16px;padding:16px;font-family:monospace;display:flex}.toggle-switch{cursor:pointer;background:#ffffff1a;border-radius:12px;width:44px;height:24px;transition:all .3s;position:relative}.toggle-switch.active{background:var(--primary)}.toggle-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;top:2px;left:2px}.toggle-switch.active .toggle-knob{transform:translate(20px)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.main-content{min-width:0}.sidebar{flex-shrink:0}.cx-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cx-note{color:var(--text-muted);font-size:12px;line-height:1.65}.cx-mono,.cx-command,.cx-terminal pre{font-family:Consolas,Courier New,monospace}.cx-badge{border:1px solid var(--panel-border);color:var(--text-muted);background:var(--panel-bg);border-radius:6px;padding:4px 9px;font-size:11px;line-height:1.5;display:inline-block}.cx-plan-features{flex-direction:column;gap:12px;margin-bottom:32px;padding:0;list-style:none;display:flex}.cx-plan-features li{align-items:center;gap:8px;display:flex}.cx-plan-features svg{flex-shrink:0}.cx-billing-meta{color:var(--text-muted);justify-content:space-between;gap:16px;margin-top:20px;font-size:12px}.cx-billing-meta>span{align-items:center;gap:6px;display:inline-flex}.cx-device-group:not(:last-child){border-bottom:1px solid var(--panel-border)}.cx-device-group>.device-item{border-bottom:none}.cx-device-details{border-top:1px solid var(--panel-border);background:#ffffff03;padding:24px}.cx-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.cx-detail-grid>div{overflow-wrap:anywhere;min-width:0}.cx-device-actions{flex-shrink:0}.cx-device-meta{flex-wrap:wrap}.cx-devices-header{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.cx-command{overflow-wrap:anywhere;min-width:0}.command-box{gap:16px}.cx-terminal{border:1px solid var(--panel-border);color:var(--primary);background:#0000004d;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding:18px;font-size:12px;display:flex}.cx-terminal pre{line-height:1.7}.cx-stat-number{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:32px;font-weight:700}.cx-stat-number>span{color:var(--text-muted);font-size:14px;font-weight:400}.cx-meter{background:#ffffff1a;border-radius:2px;height:4px;margin-top:16px;overflow:hidden}.cx-meter>div{background:var(--primary);height:100%}.cx-chart-bar{cursor:pointer;border:0;min-width:0;padding:0}.cx-breakdown-row{grid-template-columns:150px minmax(0,1fr) 70px;align-items:center;gap:20px;margin-top:16px;font-size:14px;display:grid}.cx-breakdown-row .cx-meter{margin:0}.cx-breakdown-row>span:last-child{text-align:end;font-variant-numeric:tabular-nums}.cx-theme-choice{color:var(--text-main);cursor:pointer;text-align:start;font-size:16px}.cx-full-width{grid-column:1/-1}.cx-input{border:1px solid var(--panel-border);background:var(--bg-color);width:100%;color:var(--text-main);border-radius:8px;min-width:0;padding:10px 12px;font-size:14px}select.cx-input{width:auto;max-width:100%}.cx-mode{flex-shrink:0}.cx-field{flex-direction:column;gap:8px;margin-bottom:20px;font-size:14px;display:flex}.cx-permission-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.cx-permission{border:1px solid var(--panel-border);background:#ffffff05;border-radius:8px;min-width:0;padding:16px}.cx-permission-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.cx-permission h4{font-size:14px;font-weight:500}.cx-permission summary{color:var(--text-muted);cursor:pointer;font-size:12px}.cx-folder-settings{border-top:1px solid var(--panel-border);margin-top:24px;padding-top:24px}.cx-consent-preview{border:1px solid color-mix(in srgb, var(--primary) 36%, var(--panel-border));background:linear-gradient(140deg, color-mix(in srgb, var(--primary-glow) 54%, var(--panel-bg)), var(--panel-bg));border-radius:16px;margin:22px 0 26px;padding:22px;box-shadow:0 18px 42px #0000002e}.cx-consent-top{align-items:center;gap:12px;display:flex}.cx-consent-mark{width:42px;height:42px;color:var(--primary);background:var(--primary-glow);border:1px solid var(--panel-border);letter-spacing:-.04em;border-radius:13px;flex:none;place-items:center;font-size:13px;font-weight:800;display:grid}.cx-consent-heading{min-width:0}.cx-consent-eyebrow{color:var(--primary);letter-spacing:.14em;margin-bottom:3px;font-size:9px;font-weight:750;display:block}.cx-consent-heading h4{font-size:16px;font-weight:650;line-height:1.35}.cx-consent-intro{color:var(--text-muted);margin:12px 0 16px;font-size:12px;line-height:1.65}.cx-consent-request{border:1px solid var(--panel-border);background:color-mix(in srgb, var(--bg-color) 76%, transparent);border-radius:11px;grid-template-columns:minmax(130px,.7fr) minmax(180px,1.3fr);align-items:center;gap:8px 12px;margin-bottom:16px;padding:13px 14px;display:grid}.cx-consent-request>span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:700}.cx-consent-select{width:100%}.cx-consent-request code{color:var(--text-muted);overflow-wrap:anywhere;grid-column:2;font-size:10px}.cx-consent-request small{color:var(--text-muted);grid-column:1/-1;font-size:10px}.cx-consent-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.cx-consent-group{align-content:start;gap:7px;min-width:0;display:grid}.cx-consent-group>span{color:var(--text-muted);letter-spacing:.12em;margin:0 0 1px;font-size:9px;font-weight:750}.cx-consent-choice{border:1px solid var(--panel-border);background:color-mix(in srgb, var(--panel-bg) 78%, #fff 2%);width:100%;color:var(--text-main);text-align:start;cursor:pointer;border-radius:10px;padding:10px 12px;transition:border-color .16s,background .16s,transform .16s}.cx-consent-choice:hover{border-color:color-mix(in srgb, var(--primary) 65%, var(--panel-border));background:var(--primary-glow);transform:translateY(-1px)}.cx-consent-choice:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.cx-consent-choice strong,.cx-consent-choice small{display:block}.cx-consent-choice strong{font-size:11px;font-weight:700}.cx-consent-choice small{color:var(--text-muted);margin-top:3px;font-size:9px;line-height:1.45}.cx-consent-choice.primary{border-color:color-mix(in srgb, var(--primary) 65%, var(--panel-border));background:var(--primary-glow)}.cx-consent-choice.danger{border-color:color-mix(in srgb, var(--danger) 38%, var(--panel-border))}.cx-consent-choice.danger:hover{background:color-mix(in srgb, var(--danger) 13%, var(--panel-bg))}.cx-consent-complete{border:1px solid color-mix(in srgb, var(--success) 40%, var(--panel-border));color:var(--success);background:color-mix(in srgb, var(--success) 9%, var(--panel-bg));border-radius:10px;align-items:center;gap:8px;padding:12px 14px;font-size:12px;font-weight:650;display:flex}.cx-consent-reset{min-height:36px;margin-top:9px;padding:8px 12px;font-size:11px}.cx-consent-foot{color:var(--text-muted);margin:13px 0 0;font-size:10px;line-height:1.5}.cx-dialog{width:min(520px,100% - 32px);max-height:calc(100dvh - 40px);color:var(--text-main);background:var(--bg-color);margin:auto;padding:28px;position:fixed;inset:0;overflow-y:auto}.cx-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000a6}.cx-dialog-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.cx-dialog-heading h2{font-size:22px}.cx-icon-button{padding:8px}.cx-payment-price{margin:24px 0 8px;font-size:36px;font-weight:700}.cx-payment-price span{color:var(--text-muted);font-size:14px;font-weight:400}.cx-toast{bottom:24px;z-index:5;background:var(--bg-color);align-items:center;gap:10px;max-width:calc(100% - 32px);padding:14px 16px;font-size:13px;display:flex;position:fixed;inset-inline-end:24px}.cx-toast>svg{flex-shrink:0}.cx-login{place-items:center;min-height:100dvh;padding:24px;display:grid}.cx-login-card{width:min(100%,480px);padding:36px}.cx-login-card .brand{margin-bottom:24px}.cx-login-card .page-title{font-size:28px}.btn:disabled{cursor:default;opacity:.6;transform:none}.cx-sidebar-footer{padding-top:24px}.cx-badge{align-items:center;gap:6px;display:inline-flex}.cx-account-avatar{background:var(--primary-glow);border:1px solid var(--panel-border);width:52px;height:52px;color:var(--primary);border-radius:16px;place-items:center;font-size:18px;font-weight:600;display:grid}.cx-select{min-width:0;max-width:100%;position:relative}.cx-select-trigger{border:1px solid var(--panel-border);width:100%;color:var(--text-main);cursor:pointer;text-align:start;background:#ffffff06;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:11px 13px;font-size:13px;display:flex}.cx-select-trigger:hover{border-color:var(--text-muted);background:#ffffff0d}.cx-select-trigger:focus-visible,.cx-select-trigger[aria-expanded=true]{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.cx-select-trigger:disabled{opacity:.5;cursor:default}.cx-select-value{align-items:center;gap:8px;min-width:0;display:inline-flex}.cx-select-dot{background:var(--text-muted);border-radius:50%;flex-shrink:0;width:6px;height:6px}.cx-value-allow .cx-select-dot{background:var(--success)}.cx-value-ask .cx-select-dot{background:#fbbf24}.cx-value-deny .cx-select-dot{background:var(--danger)}.cx-select-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .18s}.cx-select-chevron.is-open{transform:rotate(180deg)}.cx-select-menu{z-index:30;background:var(--bg-color);color:var(--text-main);border:1px solid var(--panel-border);scrollbar-width:thin;border-radius:12px;padding:6px;animation:.14s cx-menu-in;position:fixed;overflow-y:auto;box-shadow:0 16px 48px #00000080}.cx-select-option{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:11px 10px;font-size:13px;display:flex}.cx-select-option.is-active{background:var(--primary-glow)}.cx-select-option[aria-selected=true]>svg{color:var(--primary);flex-shrink:0}.cx-select-description{color:var(--text-muted);margin-top:5px;padding-inline-start:14px;font-size:11px;line-height:1.5;display:block}.cx-mode{width:166px}.cx-device-select{width:240px}.cx-connect-panel{align-items:flex-start;gap:24px;display:flex}.cx-connect-icon{width:64px;height:64px;color:var(--primary);background:var(--primary-glow);border:1px solid var(--panel-border);border-radius:16px;flex-shrink:0;place-items:center;display:grid}.cx-connect-content{flex:auto;min-width:0}.cx-connect-content textarea.cx-input{resize:vertical;overflow-wrap:anywhere;min-height:112px;line-height:1.5}.cx-platforms{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.cx-platforms span{border:1px solid var(--panel-border);color:var(--text-muted);border-radius:6px;padding:5px 10px;font-size:12px}.cx-connect-steps{counter-reset:setup;flex-direction:column;gap:10px;margin:0 0 24px;font-size:13px;list-style:none;display:flex}.cx-connect-steps li{counter-increment:setup;align-items:center;gap:10px;display:flex}.cx-connect-steps li:before{content:counter(setup);border:1px solid var(--panel-border);width:22px;height:22px;color:var(--text-muted);border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;display:grid}@keyframes cx-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (width<=1100px){.cx-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cx-permission-grid{grid-template-columns:1fr}.cx-device-actions .btn{padding:10px 12px}.cx-consent-groups{grid-template-columns:1fr}}@media (width<=850px){.sidebar{width:220px;padding:20px}.main-content{padding:24px}.grid-2,.grid-3{grid-template-columns:1fr}.cx-device-actions,.cx-devices-header{flex-wrap:wrap}.cx-device-group .device-item{flex-direction:column;align-items:flex-start;gap:16px}.cx-device-actions{margin-inline-start:64px}.cx-chart-bars{gap:8px!important}.cx-breakdown-row{grid-template-columns:100px minmax(0,1fr) 50px;gap:12px}}@media (width<=620px){.app-container{flex-direction:column;height:auto;min-height:100dvh}.sidebar{border-right:0;border-bottom:1px solid var(--panel-border);width:100%;padding:20px}.rtl-layout .sidebar{border-left:0}.brand{margin-bottom:24px}.nav-menu{flex-flow:wrap;gap:6px}.nav-item{gap:8px;padding:10px 12px;font-size:13px}.nav-item svg{width:17px;height:17px}.cx-sidebar-footer{padding-top:16px}.cx-sidebar-footer>.btn{align-self:flex-start;padding:8px 12px;width:auto!important}.cx-sidebar-footer>div{padding:12px!important}.main-content{padding:24px 20px;overflow-y:visible}.page-title{font-size:28px}.page-subtitle{font-size:14px;line-height:1.6}.card{padding:20px}.cx-dialog{padding:22px}.cx-permission-heading{flex-wrap:wrap}.cx-consent-preview{padding:17px}.cx-consent-request{grid-template-columns:1fr}.cx-consent-request code,.cx-consent-request small{grid-column:1}.cx-connect-panel{flex-direction:column;gap:16px}.cx-mode{font-size:14px}.cx-detail-grid{gap:16px}.cx-chart-bars{gap:6px!important}.cx-login-card{padding:24px}.cx-toast{bottom:16px;inset-inline-end:16px}}@media (prefers-reduced-motion:reduce){*,:before{transition:none!important}.card,.page-header{opacity:1;animation:none;transform:none}.cx-select-menu{animation:none}}.cx-google-signin{color:#e3e3e3;background:#131314;border:1px solid #8e918f;gap:10px;min-height:44px;padding:12px;font:500 14px/20px Google Sans,Arial,sans-serif}.cx-google-signin:hover{background:#252527}.cx-google-g{object-fit:contain;background:#fff;border-radius:50%;flex:0 0 20px;width:20px;height:20px}.cx-google-signin{font-family:CommandX Google Sans,Arial,sans-serif}@font-face{font-family:CommandX Google Sans;src:url(/google-sans-medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}