@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-dark: #0f172a;--bg-panel: #1e293b;--bg-input: #334155;--border-color: #334155;--border-highlight: #475569;--accent-color: #3b82f6;--accent-hover: #2563eb;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--text-main: #f8fafc;--text-muted: #94a3b8}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;display:flex;justify-content:center;align-items:center}#root{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.admin-card{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:12px;padding:32px;box-shadow:0 10px 25px -5px #00000080;width:100%;max-width:400px;display:flex;flex-direction:column;gap:24px}.cloud-dashboard{width:100%;max-width:1200px;height:100%;max-height:900px;background-color:var(--bg-dark);display:grid;grid-template-columns:240px 1fr;grid-template-rows:64px 1fr;border-radius:16px;overflow:hidden;border:1px solid var(--border-color);box-shadow:0 20px 40px #0009}.sidebar{background-color:var(--bg-panel);grid-column:1 / 2;grid-row:1 / 3;border-right:1px solid var(--border-color);padding:24px 0;display:flex;flex-direction:column}.brand{padding:0 24px 24px;font-size:1.25rem;font-weight:700;color:#fff;border-bottom:1px solid var(--border-color);margin-bottom:24px;letter-spacing:1px}.nav-link{padding:12px 24px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;gap:12px;font-weight:500;transition:all .2s}.nav-link:hover,.nav-link.active{color:var(--accent-color);background-color:#3b82f61a;border-right:3px solid var(--accent-color)}.topbar{grid-column:2 / 3;grid-row:1 / 2;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;padding:0 32px;background-color:var(--bg-dark)}.content-area{grid-column:2 / 3;grid-row:2 / 3;padding:32px;overflow-y:auto}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px}.stat-card{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:10px;padding:24px}.stat-title{color:var(--text-muted);font-size:.85rem;font-weight:500;text-transform:uppercase;margin-bottom:8px}.stat-value{font-size:2rem;font-weight:700;color:#fff}.data-table{width:100%;border-collapse:collapse;background-color:var(--bg-panel);border-radius:10px;overflow:hidden;border:1px solid var(--border-color)}.data-table th,.data-table td{padding:16px 24px;text-align:left;border-bottom:1px solid var(--border-color)}.data-table th{background-color:#ffffff05;color:var(--text-muted);font-weight:600;font-size:.85rem;text-transform:uppercase}.data-table tr:hover td{background-color:#ffffff05}.btn{padding:10px 16px;border-radius:6px;border:none;font-family:inherit;font-weight:500;cursor:pointer;transition:all .2s;font-size:.9rem}.btn-primary{background-color:var(--accent-color);color:#fff}.btn-primary:hover{background-color:var(--accent-hover)}.tag{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.tag.active{background-color:#10b98126;color:var(--success)}.tag.expired{background-color:#ef444426;color:var(--danger)}.input-field{width:100%;padding:12px;background-color:var(--bg-input);border:1px solid var(--border-highlight);border-radius:6px;color:#fff;outline:none}.input-field:focus{border-color:var(--accent-color)}