:root{--font-heading: "Space Grotesk", -apple-system, sans-serif;--font-body: "Space Grotesk", -apple-system, sans-serif;--bg-primary: #0a0807;--bg-secondary: #14100e;--bg-card: #1c1613;--fire-crimson: #d00000;--fire-orange: #ff6a00;--fire-gold: #ffb703;--border-warm: rgba(255, 106, 0, .15);--border-focus: rgba(255, 106, 0, .5);--shadow-glow: rgba(255, 77, 0, .15);--text-primary: #fbf5f3;--text-secondary: #d5c3be;--text-muted: #8e7a75;--grad-fire: linear-gradient(135deg, var(--fire-crimson) 0%, var(--fire-orange) 50%, var(--fire-gold) 100%);--grad-text: linear-gradient(135deg, #ff4d00 0%, #ff9e00 60%, #ffea00 100%);--color-success: #ffb703;--color-success-bg: rgba(255, 183, 3, .08);--color-success-border: rgba(255, 183, 3, .2);--color-danger: #ff3333;--color-danger-bg: rgba(255, 51, 51, .08);--color-danger-border: rgba(255, 51, 51, .25);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 24px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);font-size:16px;line-height:1.6;min-height:100vh;position:relative;display:flex;justify-content:center;align-items:center;overflow-x:hidden}.bg-gradient-orb{position:fixed;border-radius:50%;filter:blur(160px);z-index:-1;opacity:.18;pointer-events:none}.orb-1{width:600px;height:600px;background:radial-gradient(circle,var(--fire-crimson) 0%,transparent 80%);top:-15%;left:-10%;animation:heatPulse 10s infinite alternate ease-in-out}.orb-2{width:700px;height:700px;background:radial-gradient(circle,var(--fire-orange) 0%,transparent 80%);bottom:-20%;right:-10%;animation:heatPulse 12s infinite alternate-reverse ease-in-out}.orb-3{width:500px;height:500px;background:radial-gradient(circle,var(--fire-gold) 0%,transparent 80%);top:35%;left:45%;opacity:.1}@keyframes heatPulse{0%{transform:scale(1);opacity:.15}to{transform:scale(1.15);opacity:.23}}.app-container{width:100%;max-width:1200px;min-height:100vh;padding:60px 24px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:40px}.portal-header{text-align:center;animation:fadeInDown .6s var(--transition-normal)}.logo{font-family:var(--font-heading);font-weight:900;font-size:3.2rem;letter-spacing:-.05em;background:var(--grad-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-flex;align-items:center;gap:12px;text-transform:uppercase}.logo-accent{font-weight:300;color:var(--text-primary);-webkit-text-fill-color:var(--text-primary)}.logo-badge{font-size:1.1rem;font-weight:800;letter-spacing:.08em;padding:4px 12px;border-radius:8px;background:#ff6a001a;border:2px solid var(--fire-orange);-webkit-text-fill-color:var(--fire-orange);margin-left:6px;box-shadow:0 0 20px #ff6a0033}.subtitle{color:var(--text-secondary);font-size:1.1rem;margin-top:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;opacity:.85}.main-content{width:100%;display:flex;justify-content:center;align-items:center;flex-grow:1}.view-panel{display:none;width:100%;max-width:520px;opacity:0;transform:scale(.97) translateY(10px);transition:all var(--transition-normal)}.view-panel.active{display:block;opacity:1;transform:scale(1) translateY(0)}#view-dashboard.view-panel{max-width:1100px}.card{background:linear-gradient(var(--bg-card),var(--bg-card)) padding-box,linear-gradient(to bottom,transparent 4px,var(--border-warm) 4px) border-box,var(--grad-fire) border-box;border-width:4px 2px 2px 2px;border-style:solid;border-color:transparent;border-radius:var(--radius-lg);padding:50px;box-shadow:0 16px 40px -10px #0009,0 0 30px 0 var(--shadow-glow);position:relative;transition:box-shadow var(--transition-normal)}.card:hover{background:linear-gradient(var(--bg-card),var(--bg-card)) padding-box,linear-gradient(to bottom,transparent 4px,rgba(255,106,0,.25) 4px) border-box,var(--grad-fire) border-box;box-shadow:0 20px 48px -10px #000000b3,0 0 40px #ff4d0040}.card.border-danger{background:linear-gradient(var(--bg-card),var(--bg-card)) padding-box,linear-gradient(to bottom,transparent 4px,var(--color-danger-border) 4px) border-box,linear-gradient(var(--fire-crimson),var(--fire-crimson)) border-box}.card.border-danger:hover{background:linear-gradient(var(--bg-card),var(--bg-card)) padding-box,linear-gradient(to bottom,transparent 4px,rgba(255,51,51,.25) 4px) border-box,linear-gradient(var(--fire-crimson),var(--fire-crimson)) border-box;box-shadow:0 20px 48px -10px #000000b3,0 0 40px #ff333340}.card-title{font-family:var(--font-heading);font-size:2.2rem;font-weight:800;margin-bottom:8px;letter-spacing:-.03em;color:var(--text-primary)}.card-description{color:var(--text-secondary);margin-bottom:40px;font-size:1rem;font-weight:400}.form-group{margin-bottom:28px}.label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}label{display:block;font-size:.9rem;font-weight:600;color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase}input{width:100%;padding:16px 20px;border-radius:var(--radius-sm);background:var(--bg-secondary);border:2px solid var(--border-warm);color:var(--text-primary);font-family:var(--font-body);font-size:1.05rem;font-weight:500;transition:all var(--transition-fast)}input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 4px #ff6a0026,0 0 20px #ff6a001a;background:#000}input::placeholder{color:var(--text-muted)}.btn{width:100%;padding:18px 30px;border-radius:var(--radius-sm);font-family:var(--font-heading);font-weight:800;font-size:1.1rem;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;gap:12px;transition:all var(--transition-fast);position:relative}.btn-primary{background:var(--grad-fire);color:#000;box-shadow:0 6px 24px #ff4d0059;background-size:200% 100%;background-position:0% 0%}.btn-primary:hover{background-position:100% 0%;box-shadow:0 8px 30px #ff4d008c;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#ffffff08;border:2px solid var(--border-warm);color:var(--text-primary)}.btn-secondary:hover{background:#ff6a0014;border-color:var(--fire-orange);transform:translateY(-1px)}.btn-sm{padding:12px 20px;font-size:.9rem;width:auto}.btn-block{width:100%}.text-link{color:var(--fire-orange);text-decoration:none;font-weight:700;transition:color var(--transition-fast)}.text-link:hover{color:var(--fire-gold)}.card-footer{margin-top:36px;text-align:center;font-size:.95rem;color:var(--text-secondary)}.notification{padding:16px 20px;border-radius:var(--radius-sm);margin-bottom:28px;font-size:.95rem;font-weight:600;line-height:1.5;border-left:4px solid transparent;animation:shake .4s ease-in-out}.notification.error{background:var(--color-danger-bg);border:2px solid var(--color-danger-border);border-left-color:var(--color-danger);color:#fcc}.notification.success{background:var(--color-success-bg);border:2px solid var(--color-success-border);border-left-color:var(--color-success);color:#ffecb3;animation:fadeIn .3s ease}.loading-card{text-align:center;padding:50px}.loading-card h3{font-family:var(--font-heading);margin-top:32px;font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.loading-card p{color:var(--text-secondary);font-size:1rem;margin-top:10px}.spinner{width:64px;height:64px;border:4px solid rgba(255,106,0,.1);border-radius:50%;border-top-color:var(--fire-crimson);border-bottom-color:var(--fire-gold);margin:0 auto;animation:spin 1s infinite linear}.btn-spinner{width:22px;height:22px;border:3px solid rgba(0,0,0,.2);border-radius:50%;border-top-color:#000;animation:spin .8s infinite linear}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-nav{display:flex;justify-content:space-between;align-items:center;padding:24px 36px;border-radius:var(--radius-md);border:2px solid var(--border-warm);background:var(--bg-card);margin-bottom:32px;box-shadow:0 10px 30px #0006}.logo-small{font-family:var(--font-heading);font-weight:900;font-size:1.6rem;background:var(--grad-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase}.nav-user-info{display:flex;align-items:center;gap:16px}.user-avatar{width:48px;height:48px;border-radius:50%;background:var(--grad-fire);display:flex;align-items:center;justify-content:center;font-weight:900;color:#000;font-size:1.15rem;box-shadow:0 0 20px #ff6a0059}.user-details-mini{display:flex;flex-direction:column}.mini-name{font-weight:700;font-size:1rem;color:var(--text-primary)}.mini-email{font-size:.85rem;color:var(--text-secondary)}.dashboard-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:20px}@media (max-width: 950px){.dashboard-grid{grid-template-columns:1fr}}.card-dashboard{padding:24px 28px;margin-bottom:20px;border-radius:16px;border:1px solid rgba(255,106,0,.12);background:#1c1613a6;box-shadow:0 10px 30px #00000059;transition:border-color .25s ease,box-shadow .25s ease}.card-dashboard:hover{border-color:#ff6a0040;box-shadow:0 12px 36px #00000073}.card-dashboard:last-child{margin-bottom:0}.card-dashboard .form-group{margin-bottom:16px}.card-dashboard input{padding:10px 14px;font-size:.92rem;border-width:1px}.card-section-title{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(255,106,0,.1)}.card-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.badge{font-size:.72rem;font-weight:700;background:#ffb70314;color:var(--fire-gold);border:1px solid rgba(255,183,3,.2);padding:2px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.04em}.section-description{font-size:.85rem;color:var(--text-secondary);margin-bottom:18px}.sessions-list-container{border-radius:var(--radius-sm);border:1px solid rgba(255,106,0,.1);overflow:hidden}.sessions-table{width:100%;border-collapse:collapse;text-align:left;font-size:.85rem}.sessions-table th{background:#ff6a000a;color:var(--text-secondary);font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:12px 16px;border-bottom:1px solid rgba(255,106,0,.1)}.sessions-table td{padding:12px 16px;border-bottom:1px solid rgba(255,106,0,.05);color:var(--text-primary);vertical-align:middle}.sessions-table tr:last-child td{border-bottom:none}.sessions-table tr:hover td{background:#ff6a0005}.session-info{display:flex;flex-direction:column;gap:4px}.session-client{font-weight:700;color:var(--text-primary)}.session-current-indicator{display:inline-block;font-size:.75rem;font-weight:700;background:#ffb70326;color:var(--fire-gold);border:1px solid rgba(255,183,3,.4);padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;width:max-content}.session-os{font-size:.8rem;color:var(--text-secondary)}.session-ip{font-family:monospace;color:var(--text-secondary);font-size:.95rem}.session-date{color:var(--text-secondary)}.error-icon-container{color:var(--fire-crimson);margin-bottom:24px;text-align:center}.error-svg{width:64px;height:64px;filter:drop-shadow(0 0 10px rgba(208,0,0,.4))}.text-danger{color:#f99}.error-explanation{font-size:1rem;color:var(--text-secondary);line-height:1.7;margin-bottom:24px}.error-meta{font-family:monospace;font-size:.9rem;background:#0006;padding:12px 16px;border-radius:var(--radius-sm);color:#f99;margin-bottom:32px;border:2px solid rgba(208,0,0,.25)}.portal-footer{text-align:center;color:var(--text-muted);font-size:.85rem}.portal-footer p{margin-bottom:8px;font-weight:500}.footer-links a{color:var(--text-muted);text-decoration:none;font-weight:600;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--text-secondary)}.bullet{margin:0 10px;color:#ff6a0033;vertical-align:middle}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.dashboard-hero-banner{box-shadow:0 8px 32px #0006,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.dashboard-hero-banner:hover{border-color:#ff6a0066;box-shadow:0 12px 40px #ff4d0026,inset 0 1px #ffffff1f}.btn-logout{background:#ff33331a!important;color:#f66!important;border:1px solid rgba(255,51,51,.3)!important}.btn-logout:hover{background:#f333!important;border-color:#ff333380!important}