QisCode — Quantum IDE

/* ================= ADMIN DASHBOARD & MODAL STYLES ================= */ .admin-modal-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.85); z-index: 5000; overflow-y: auto; backdrop-filter: blur(8px); } .admin-container { max-width: 1280px; margin: 20px auto; background: var(--bg-card); border: 1px solid var(--border); border-radius: 12px; box-shadow: 0 20px 50px rgba(0,0,0,0.5); overflow: hidden; display: flex; flex-direction: column; min-height: 90vh; } .admin-header { background: var(--bg-panel); border-bottom: 1px solid var(--border); padding: 16px 24px; display: flex; align-items: center; justify-content: space-between; gap: 15px; } .admin-header-title { display: flex; align-items: center; gap: 12px; font-size: 18px; font-weight: 800; } .admin-nav { display: flex; gap: 8px; background: var(--bg-panel); padding: 10px 24px; border-bottom: 1px solid var(--border); overflow-x: auto; } .admin-tab-btn { background: transparent; border: none; color: var(--text-muted); font-size: 13px; font-weight: 700; padding: 8px 16px; border-radius: 6px; cursor: pointer; transition: all 0.2s ease; display: flex; align-items: center; gap: 6px; } .admin-tab-btn:hover { color: var(--text-light); background: rgba(0,122,204,0.08); } .admin-tab-btn.active { color: #ffffff; background: #007acc; } .admin-body { padding: 24px; flex: 1; overflow-y: auto; } .admin-section { display: none; } .admin-section.active { display: block; } .kpi-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; margin-bottom: 24px; } .kpi-card { background: var(--bg-panel); border: 1px solid var(--border); border-radius: 8px; padding: 18px; display: flex; flex-direction: column; } .kpi-title { font-size: 11px; text-transform: uppercase; font-weight: 800; color: var(--text-muted); letter-spacing: 0.5px; } .kpi-value { font-size: 26px; font-weight: 900; margin: 8px 0 4px; color: var(--text-light); } .kpi-sub { font-size: 11px; color: #22c55e; } .charts-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(450px, 1fr)); gap: 20px; margin-bottom: 24px; } .chart-box { background: var(--bg-panel); border: 1px solid var(--border); border-radius: 8px; padding: 18px; min-height: 280px; } .chart-box h4 { margin: 0 0 15px; font-size: 14px; font-weight: 700; } .admin-table-controls { display: flex; gap: 12px; margin-bottom: 16px; flex-wrap: wrap; align-items: center; justify-content: space-between; } .admin-table-wrap { overflow-x: auto; border: 1px solid var(--border); border-radius: 8px; background: var(--bg-panel); } .admin-table { width: 100%; border-collapse: collapse; font-size: 13px; text-align: left; } .admin-table th { background: rgba(0,122,204,0.08); padding: 12px 14px; font-weight: 700; border-bottom: 1px solid var(--border); } .admin-table td { padding: 12px 14px; border-bottom: 1px solid var(--border); } .admin-table tr:hover { background: rgba(255,255,255,0.03); } .badge { padding: 3px 8px; border-radius: 999px; font-size: 10px; font-weight: 800; text-transform: uppercase; } .badge-active { background: rgba(34,197,94,0.15); color: #22c55e; } .badge-inactive { background: rgba(239,68,68,0.15); color: #ef4444; } .badge-admin { background: rgba(168,85,247,0.15); color: #a855f7; } .badge-user { background: rgba(59,130,246,0.15); color: #3b82f6; } .ad-campaign-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin-top: 16px; } .ad-card-item { background: var(--bg-panel); border: 1px solid var(--border); border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; } .ad-card-img { width: 100%; height: 140px; object-fit: cover; background: #000; } .ad-card-body { padding: 16px; flex: 1; display: flex; flex-direction: column; gap: 8px; } .ad-stats-bar { display: flex; justify-content: space-between; background: rgba(0,0,0,0.2); padding: 8px 12px; border-radius: 6px; font-size: 11px; margin-top: 8px; } .toggle-switch { position: relative; display: inline-block; width: 44px; height: 24px; } .toggle-switch input { opacity: 0; width: 0; height: 0; } .toggle-slider { position: absolute; cursor: pointer; inset: 0; background-color: #4b5563; transition: .3s; border-radius: 24px; } .toggle-slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 3px; background-color: white; transition: .3s; border-radius: 50%; } input:checked + .toggle-slider { background-color: #007acc; } input:checked + .toggle-slider:before { transform: translateX(20px); }

Sign Up

Already have an account? Sign In

PROFILE

Explorer

NAME:

Extensions Matrix

Qiskit Quantum SDK

Enables structural tracking of quantum circuit matrices.

Google Cirq SDK

Enables modeling and simulation of NISQ circuits.

PennyLane Quantum SDK

Enables differentiable simulation on quantum hardware.

Workspace Actions

Quantum Algorithm Library

CONSOLE MONITOR

System streams connected. Work environment ready.

INPUT ▶

ACCOUNT INFORMATION

WORKSPACE CONTROLS

⚡ QISCODE Administrator Control Center Master Node

Total Users

+0 this week

Active Users

Verified Developers

Human Footfall

-- Unique

Bot & Crawler Traffic

Classified Indexers

Total Pageviews

Platform Traffic

Ad Performance

0.0%

0 Impressions

Traffic Velocity: Human Visitors vs Crawlers

User Registrations Growth

User	Username	Role	Status	Files	Created At	Actions
Loading users...

Showing page 1 of 1

Traffic Breakdown & Crawler Intelligence

Device Breakdown

Browser Breakdown

Top Visited Routes

Crawler / Bot Detections

Live Advertisement Campaigns

Published ads automatically appear on the public IDE without rebuilds.

Loading campaigns...

Platform Feature Governance & Global Toggles

Quantum Simulator Backends

Allow users to run Aer, Cirq, and PennyLane simulations.

AI Syntax Hints & Diagnostics

Provide automated compiler fix recommendations on errors.

Allow New User Registrations

Enable or pause onboarding of new developer accounts.

Maintenance Mode

Show maintenance notification to non-admin visitors.

Max Execution Timeout (Seconds)

Administrator Security & Password Management

Current Password

New Password

Confirm New Password