:root{--tempo-brand:#2c3e50;--bg-dark:#0f172a;--glass-bg:#1e293bb3;--glass-border:#ffffff1a;--accent:#2c3e50;--accent-hover:#1a252f;--text-primary:#f8fafc;--text-secondary:#94a3b8;--success:#10b981;--error:#ef4444}body{background-color:var(--bg-dark);color:var(--text-primary);justify-content:center;align-items:center;min-height:100vh;margin:0;font-family:Inter,-apple-system,sans-serif;display:flex;overflow-x:hidden}.ambient-background{z-index:-1;pointer-events:none;background:radial-gradient(circle at 15%,#2c3e5066,#0000 35%),radial-gradient(circle at 85% 30%,#3b82f626,#0000 35%);width:100vw;height:100vh;position:fixed;top:0;left:0}.portal-container{box-sizing:border-box;width:100%;max-width:1000px;padding:2rem}input,select,textarea,pre{max-width:100%}.portal-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.logo-group{align-items:center;gap:1rem;display:flex}.tempo-logo{color:var(--text-primary);filter:drop-shadow(0 0 10px #2c3e5099)}h1{letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700}h2{margin-top:0;margin-bottom:.5rem;font-size:2rem}h3{border-bottom:1px solid var(--glass-border);margin-top:0;margin-bottom:1.5rem;padding-bottom:1rem;font-size:1.25rem}.subtitle{color:var(--text-secondary);margin-bottom:1rem}.customer-header{margin-bottom:2rem}.view-panel{flex-direction:column;animation:.4s ease-out fadeIn;display:flex}#authView{text-align:center;align-items:center;margin-top:10vh}.user-profile{color:var(--text-secondary);word-break:break-all;flex-wrap:wrap;align-items:center;gap:1rem;font-size:.9rem;display:flex}.dashboard-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (width<=768px){.dashboard-grid{grid-template-columns:1fr}.portal-container{padding:1rem}.portal-header{flex-direction:column;align-items:flex-start;gap:1rem}}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px;flex-direction:column;padding:2rem;display:flex;box-shadow:0 25px 50px -12px #00000080}.plugin-cards-container{flex-direction:column;gap:1rem;max-height:450px;padding-right:.5rem;display:flex;overflow-y:auto}.plugin-cards-container::-webkit-scrollbar{width:6px}.plugin-cards-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.plugin-cards-container::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}.plugin-card{border:1px solid var(--glass-border);background:#0f172a80;border-radius:8px;padding:1.25rem;transition:all .2s}.plugin-card:hover{border-color:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.plugin-card h4{color:var(--text-primary);margin:0 0 .5rem;font-size:1.05rem}.plugin-card p{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.85rem;line-height:1.4}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 14px #2c3e5066}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 20px #2c3e5080}.btn-primary:disabled{background:var(--text-secondary);box-shadow:none;cursor:not-allowed;transform:none}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0d}.btn-ghost:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.w-full{width:100%}.disabled-section{opacity:.4;pointer-events:none;filter:grayscale(.5);transition:opacity .3s,filter .3s}.hidden{display:none!important}.license-item{border:1px solid var(--glass-border);background:#0f172a80;border-radius:8px;margin-bottom:1rem;padding:1rem;transition:transform .2s,border-color .2s}.license-item:hover{border-color:#fff3;transform:translate(4px)}.license-id{color:#60a5fa;word-break:break-all;margin-bottom:.5rem;font-family:monospace;font-size:.85rem}.license-status{text-transform:uppercase;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.status-active{color:var(--success);background:#10b98126}.status-message{border-radius:8px;margin-top:1rem;padding:1rem;font-size:.9rem;display:none}.status-message.show{animation:.3s fadeIn;display:block}.status-message.success{color:var(--success);background:#10b98126;border:1px solid #10b9814d}.status-message.error{color:var(--error);background:#ef444426;border:1px solid #ef44444d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.toast{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);color:var(--text-primary);z-index:9999;opacity:0;border-radius:8px;align-items:center;gap:12px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),opacity .4s;display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(100px);box-shadow:0 10px 25px #00000080}.toast.show{opacity:1;transform:translateY(0)}.toast-success{border-left:4px solid var(--success)}.toast-sending{border-left:4px solid var(--accent)}