:root{--background: #090d16;--card: #111827;--card-border: #1f2937;--popover: #1f2937;--primary: #38bdf8;--primary-foreground: #0f172a;--muted: #6b7280;--muted-foreground: #9ca3af;--accent: #1e293b;--text-main: #f9fafb;--online-color: #10b981;--offline-color: #ef4444;--purple-accent: #a855f7}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--background);background-image:radial-gradient(at 10% 10%,rgba(56,189,248,.1) 0px,transparent 40%),radial-gradient(at 90% 90%,rgba(168,85,247,.1) 0px,transparent 40%);color:var(--text-main);min-height:100vh;padding:1.5rem}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:var(--card);border:1px solid var(--card-border);padding:1.25rem 2rem;border-radius:12px}.header-brand{display:flex;align-items:center;gap:12px}.brand-icon{font-size:2rem}.app-header h1{font-size:1.4rem;font-weight:700}.sub-text{color:var(--muted-foreground);font-size:.85rem}.simulator-grid{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:1.25rem;align-items:start}.shad-card{background:var(--card);border:1px solid var(--card-border);border-radius:12px;padding:1.25rem;box-shadow:0 4px 20px #0006}.shad-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--card-border)}.user-profile{display:flex;align-items:center;gap:10px}.avatar{font-size:1.6rem}.user-profile h2{font-size:1rem;font-weight:600}.badge{font-size:.75rem;padding:2px 8px;border-radius:99px}.badge-muted{background:#1f2937;color:var(--muted-foreground)}.badge-purple{background:#a855f733;color:#c084fc}.shad-table{width:100%;border-collapse:collapse;margin-bottom:1rem}.shad-table th{text-align:left;font-size:.75rem;color:var(--muted-foreground);padding:8px;border-bottom:1px solid var(--card-border);text-transform:uppercase}.shad-table td{padding:10px 8px;border-bottom:1px solid rgba(255,255,255,.05);font-size:.85rem;vertical-align:middle}.table-sub{display:block;font-size:.7rem;color:var(--muted-foreground)}.radio-group,.checkbox-group{display:flex;flex-direction:column;gap:6px}.radio-label,.checkbox-label{font-size:.8rem;cursor:pointer;display:flex;align-items:center;gap:6px}.shad-input{width:100%;background:#030712;border:1px solid var(--card-border);border-radius:6px;padding:6px 10px;color:var(--text-main);font-size:.85rem;outline:none}.shad-input:focus{border-color:var(--primary)}.shad-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;border:1px solid var(--card-border);transition:background .2s ease}.btn-success{background:#10b98126;color:#34d399;border-color:#10b9814d}.btn-ghost{background:transparent;color:var(--primary);border-color:transparent}.btn-ghost:hover{background:#38bdf81a}.btn-sm{padding:4px 8px;font-size:.75rem}.cloud-card{border-color:#a855f74d}.pulse-badge{background:#a855f726;color:#c084fc;font-size:.75rem;padding:4px 10px;border-radius:99px}.cloud-console{background:#030712;border:1px dashed rgba(168,85,247,.4);border-radius:8px;padding:1rem;min-height:240px;font-family:monospace;font-size:.85rem;color:#e9d5ff;white-space:pre-wrap}.shad-dialog-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999;justify-content:center;align-items:center}.shad-dialog-overlay.active{display:flex}.shad-dialog-content{background:var(--card);border:1px solid var(--card-border);border-radius:12px;width:90%;max-width:500px;padding:1.5rem;box-shadow:0 20px 40px #0009}.shad-dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--card-border)}.modal-close-btn{background:transparent;border:none;color:var(--muted-foreground);font-size:1.2rem;cursor:pointer}.modal-sub{font-size:.8rem;color:var(--muted-foreground);margin-bottom:1rem}.history-log-list{display:flex;flex-direction:column;gap:8px;max-height:250px;overflow-y:auto}.history-item{background:#030712;border:1px solid var(--card-border);border-radius:6px;padding:8px 12px;font-size:.8rem}.history-item .meta{color:var(--primary);font-size:.75rem;margin-bottom:2px}.card-footer{text-align:right;font-size:.75rem;color:var(--muted-foreground)}