@import url("https://fonts.googleapis.com/css2?family=Anuphan:wght@300;400;500;600;700&display=swap");:root{--bg-primary:#f8f9fa;--bg-secondary:#fff;--bg-tertiary:#f1f3f5;--bg-elevated:#fff;--surface-1:rgba(0,0,0,.02);--surface-2:rgba(0,0,0,.04);--surface-3:rgba(0,0,0,.07);--border-subtle:rgba(0,0,0,.04);--border-default:rgba(0,0,0,.07);--border-strong:rgba(0,0,0,.12);--border-accent:rgba(234,122,59,.25);--text-primary:#1e293b;--text-secondary:#475569;--text-tertiary:#94a3b8;--text-disabled:#cbd5e1;--accent-primary:#ea7a3b;--accent-primary-light:#f39c12;--accent-secondary:#d35400;--accent-warm:#f39c12;--gradient-accent:linear-gradient(135deg,#ea7a3b,#f39c12);--gradient-accent-soft:linear-gradient(135deg,rgba(234,122,59,.08),rgba(243,156,18,.08));--gradient-accent-vivid:linear-gradient(135deg,#d35400,#ea7a3b 50%,#f39c12);--status-green:#22c55e;--status-green-bg:rgba(34,197,94,.08);--status-green-border:rgba(34,197,94,.18);--status-red:#ef4444;--status-red-bg:rgba(239,68,68,.08);--status-red-border:rgba(239,68,68,.18);--status-yellow:#f59e0b;--status-yellow-bg:rgba(245,158,11,.08);--status-yellow-border:rgba(245,158,11,.18);--status-blue:#3b82f6;--status-blue-bg:rgba(59,130,246,.08);--status-blue-border:rgba(59,130,246,.18);--status-gray:#6b7280;--status-gray-bg:hsla(220,9%,46%,.08);--status-gray-border:hsla(220,9%,46%,.18);--shadow-sm:0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.05),0 4px 6px -2px rgba(0,0,0,.02);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.06),0 10px 10px -5px rgba(0,0,0,.03);--shadow-accent:0 4px 12px rgba(234,122,59,.2);--shadow-glow:0 0 30px rgba(234,122,59,.05);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease;--sidebar-width:240px;--topbar-height:64px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{font-size:14px}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Anuphan,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.12);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.2)}.glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:hsla(0,0%,100%,.45);border:1px solid rgba(0,0,0,.05)}.glass-strong{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.75);border:1px solid rgba(0,0,0,.08)}.glass-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:hsla(0,0%,100%,.9);border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.layout-root{background:var(--bg-primary)}.layout-root,.sidebar{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-default);flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:100;transition:transform var(--transition-base)}.sidebar-logo{padding:20px 20px 16px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:10px}.sidebar-logo-icon{width:36px;height:36px;background:var(--gradient-accent);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-accent);flex-shrink:0}.sidebar-logo-text{font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:.5px}.sidebar-logo-sub{font-size:11px;color:var(--text-tertiary);font-weight:400}.sidebar-nav{flex:1 1;padding:12px 10px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.sidebar-section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-tertiary);padding:8px 10px 4px;margin-top:8px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:13.5px;font-weight:500;transition:all var(--transition-fast);cursor:pointer;border:1px solid transparent;background:transparent;width:100%;text-align:left}.nav-item:hover{background:var(--surface-2);color:var(--text-primary);border-color:var(--border-subtle)}.nav-item.active{background:var(--gradient-accent-soft);border-color:var(--border-accent)}.nav-item.active,.nav-item.active svg{color:var(--accent-primary-light)}.nav-item svg{width:16px;height:16px;flex-shrink:0}.sidebar-footer{padding:12px 10px;border-top:1px solid var(--border-subtle)}.main-wrapper{flex:1 1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh}.topbar{height:var(--topbar-height);background:rgba(10,10,15,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-default);justify-content:space-between;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.topbar,.topbar-title{display:flex;align-items:center}.topbar-title{font-size:15px;font-weight:600;color:var(--text-primary);gap:8px}.topbar-right{display:flex;align-items:center;gap:12px}.user-badge{gap:8px;padding:6px 12px;background:var(--surface-2);border:1px solid var(--border-default);font-size:13px;color:var(--text-secondary)}.user-avatar,.user-badge{display:flex;align-items:center;border-radius:var(--radius-full)}.user-avatar{width:24px;height:24px;background:var(--gradient-accent);justify-content:center;font-size:11px;font-weight:600;color:#fff}.page-content{flex:1 1;padding:24px;overflow-y:auto}.card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:20px;transition:border-color var(--transition-fast)}.card:hover{border-color:var(--border-strong)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-title{font-size:14px;font-weight:600;color:var(--text-primary)}.card-subtitle{font-size:12px;color:var(--text-tertiary);margin-top:2px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:20px;position:relative;overflow:hidden;transition:all var(--transition-base)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-accent);opacity:0;transition:opacity var(--transition-base)}.stat-card:hover:before{opacity:1}.stat-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.stat-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.stat-value{font-size:28px;font-weight:700;color:var(--text-primary);letter-spacing:-1px;line-height:1;margin-bottom:4px}.stat-label{font-size:12px;color:var(--text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.4px}.stat-change{font-size:12px;margin-top:8px;display:flex;align-items:center;gap:4px}.stat-change.positive{color:var(--status-green)}.stat-change.negative{color:var(--status-red)}.gpu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:16px;gap:16px;margin-bottom:24px}.gpu-grid-2col{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.gpu-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:20px;position:relative;overflow:hidden;transition:all var(--transition-base)}.gpu-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity var(--transition-base)}.gpu-card.status-free{border-color:var(--status-green-border)}.gpu-card.status-free:after{box-shadow:inset 0 0 0 1px rgba(34,197,94,.2);background:radial-gradient(circle at top right,rgba(34,197,94,.04),transparent 60%);opacity:1}.gpu-card.status-busy{border-color:var(--status-red-border)}.gpu-card.status-busy:after{background:radial-gradient(circle at top right,rgba(239,68,68,.04),transparent 60%);opacity:1}.gpu-card.status-locked{border-color:var(--status-yellow-border)}.gpu-card.status-locked:after{background:radial-gradient(circle at top right,rgba(245,158,11,.04),transparent 60%);opacity:1}.gpu-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.gpu-index-badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:3px 8px;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border-default)}.gpu-name{font-size:15px;font-weight:600;color:var(--text-primary);margin-top:6px}.gpu-metric{margin-bottom:12px}.gpu-metric-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px;color:var(--text-secondary)}.gpu-metric-value{font-size:12px;font-weight:600;color:var(--text-primary)}.progress-bar{width:100%;height:6px;background:var(--surface-3);overflow:hidden}.progress-bar,.progress-fill{border-radius:var(--radius-full)}.progress-fill{height:100%;transition:width var(--transition-slow);position:relative}.progress-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;width:20px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2))}.progress-fill.util{background:var(--gradient-accent)}.progress-fill.memory{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.progress-fill.power{background:linear-gradient(135deg,#f59e0b,#ef4444)}.progress-fill.low{background:linear-gradient(135deg,#22c55e,#16a34a)}.progress-fill.medium{background:linear-gradient(135deg,#f59e0b,#ea580c)}.progress-fill.high{background:linear-gradient(135deg,#ef4444,#dc2626)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;border:1px solid transparent}.badge-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.badge.active,.badge.free,.badge.running{background:var(--status-green-bg);color:var(--status-green);border-color:var(--status-green-border)}.badge.active .badge-dot,.badge.free .badge-dot,.badge.running .badge-dot{background:var(--status-green);animation:pulse-green 2s infinite}.badge.busy,.badge.error{background:var(--status-red-bg);color:var(--status-red);border-color:var(--status-red-border)}.badge.locked,.badge.pending,.badge.queued{background:var(--status-yellow-bg);color:var(--status-yellow);border-color:var(--status-yellow-border)}.badge.locked .badge-dot,.badge.pending .badge-dot,.badge.queued .badge-dot{background:var(--status-yellow);animation:pulse-yellow 2s infinite}.badge.inactive,.badge.stopped{background:var(--status-gray-bg);color:var(--status-gray);border-color:var(--status-gray-border)}.badge.admin{background:var(--gradient-accent-soft);color:var(--accent-primary-light);border-color:var(--border-accent)}.badge.user{background:var(--status-blue-bg);color:var(--status-blue);border-color:var(--status-blue-border)}.temp-cool{color:var(--status-green)}.temp-warm{color:var(--status-yellow)}.temp-hot{color:var(--status-red)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;text-decoration:none;white-space:nowrap;outline:none;font-family:inherit}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--accent-primary);color:#fff;border-color:transparent;box-shadow:0 4px 12px rgba(234,122,59,.25)}.btn-primary:hover{background:var(--accent-primary-light);box-shadow:0 6px 16px rgba(234,122,59,.35);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#fff;color:var(--text-secondary);border-color:var(--border-strong);box-shadow:0 2px 4px rgba(0,0,0,.03)}.btn-secondary:hover{background:var(--bg-primary);color:var(--text-primary);border-color:var(--text-tertiary);box-shadow:0 4px 8px rgba(0,0,0,.05)}.btn-danger{background:var(--status-red-bg);color:var(--status-red);border-color:var(--status-red-border)}.btn-danger:hover{background:rgba(239,68,68,.22)}.btn-success{background:var(--status-green-bg);color:var(--status-green);border-color:var(--status-green-border)}.btn-success:hover{background:rgba(34,197,94,.22)}.btn-warning{background:var(--status-yellow-bg);color:var(--status-yellow);border-color:var(--status-yellow-border)}.btn-warning:hover{background:rgba(245,158,11,.22)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover{background:var(--surface-2);color:var(--text-primary)}.btn-sm{padding:5px 10px;font-size:12px;border-radius:var(--radius-sm)}.btn-lg{padding:12px 24px;font-size:15px;border-radius:var(--radius-lg)}.btn-icon{padding:7px;border-radius:var(--radius-md)}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border-default)}table{width:100%;border-collapse:collapse;font-size:13px}thead{background:var(--bg-tertiary)}thead th{padding:11px 16px;text-align:left;font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-default);white-space:nowrap}tbody tr{border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast)}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--surface-1)}tbody td{padding:12px 16px;color:var(--text-primary);vertical-align:middle}td.text-secondary{color:var(--text-secondary)}td.text-mono{font-family:JetBrains Mono,Fira Code,monospace;font-size:12px}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-label{font-size:12px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px}.form-input{width:100%;padding:10px 14px;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;font-family:inherit;transition:all var(--transition-fast);outline:none}.form-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(230,126,34,.15)}.form-input::placeholder{color:var(--text-disabled)}.form-input:hover:not(:focus){border-color:var(--border-strong)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b697a' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.input-wrapper{position:relative}.input-icon{left:12px;pointer-events:none}.input-icon,.input-icon-right{position:absolute;top:50%;transform:translateY(-50%);color:var(--text-tertiary)}.input-icon-right{right:12px;cursor:pointer;background:none;border:none;display:flex;align-items:center;transition:color var(--transition-fast)}.input-icon-right:hover{color:var(--text-secondary)}.has-icon-left .form-input{padding-left:38px}.has-icon-right .form-input{padding-right:38px}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease;padding:20px}.modal{background:var(--bg-secondary);border:1px solid var(--border-strong);border-radius:var(--radius-xl);padding:28px;width:100%;max-width:480px;box-shadow:var(--shadow-xl);animation:slideUp .2s ease;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-title{font-size:16px;font-weight:600;color:var(--text-primary)}.modal-close{width:28px;height:28px;border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border-default);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:all var(--transition-fast);flex-shrink:0}.modal-close:hover{background:var(--surface-3);color:var(--text-primary)}.modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-subtle)}.tabs{gap:2px;background:var(--bg-tertiary);padding:4px;border-radius:var(--radius-md);margin-bottom:20px;width:-moz-fit-content;width:fit-content}.tab,.tabs{display:flex}.tab{padding:7px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border:none;background:none;font-family:inherit;align-items:center;gap:6px}.tab:hover{background:var(--surface-2)}.tab.active,.tab:hover{color:var(--text-primary)}.tab.active{background:var(--bg-elevated);box-shadow:var(--shadow-sm)}.tab-count{font-size:10px;font-weight:700;padding:1px 6px;border-radius:var(--radius-full);background:var(--surface-3);color:var(--text-secondary)}.tab.active .tab-count{background:var(--gradient-accent);color:#fff}.filter-group{display:flex;gap:6px;flex-wrap:wrap}.filter-btn{padding:6px 14px;border-radius:var(--radius-full);font-size:12px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--border-default);background:var(--surface-1);font-family:inherit}.filter-btn:hover{border-color:var(--border-strong);color:var(--text-primary)}.filter-btn.active{background:var(--gradient-accent-soft);color:var(--accent-primary-light);border-color:var(--border-accent)}.alert{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--radius-md);font-size:13px;border:1px solid transparent;margin-bottom:16px}.alert-error{background:var(--status-red-bg);color:var(--status-red);border-color:var(--status-red-border)}.alert-success{background:var(--status-green-bg);color:var(--status-green);border-color:var(--status-green-border)}.alert-warning{background:var(--status-yellow-bg);color:var(--status-yellow);border-color:var(--status-yellow-border)}.alert-info{background:var(--status-blue-bg);color:var(--status-blue);border-color:var(--status-blue-border)}.spinner{display:inline-block;width:18px;height:18px;border-radius:50%;border:2px solid hsla(0,0%,100%,.15);border-top-color:hsla(0,0%,100%,.7);animation:spin .7s linear infinite;flex-shrink:0}.spinner-sm{width:14px;height:14px}.spinner-lg{width:28px;height:28px;border-width:3px}.spinner-accent{border-color:rgba(230,126,34,.2);border-top-color:var(--accent-primary)}.loading-overlay{min-height:200px;gap:14px;color:var(--text-tertiary);font-size:13px}.empty-state,.loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-state{padding:60px 24px;text-align:center;gap:12px}.empty-state-icon{width:56px;height:56px;border-radius:var(--radius-xl);background:var(--surface-2);border:1px solid var(--border-default);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);margin-bottom:4px}.empty-state h3{font-size:15px;font-weight:600;color:var(--text-primary)}.empty-state p{font-size:13px;color:var(--text-tertiary);max-width:300px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.page-title{font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.4px}.page-subtitle{font-size:13px;color:var(--text-tertiary);margin-top:3px}.divider{height:1px;background:var(--border-subtle);margin:20px 0}[data-tooltip]{position:relative}[data-tooltip]:before{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);padding:4px 8px;background:var(--bg-elevated);color:var(--text-primary);font-size:11px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);z-index:100}[data-tooltip]:hover:before{opacity:1}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:20px;position:relative;overflow:hidden}.login-bg{position:fixed;inset:0;z-index:0;overflow:hidden}.login-bg-gradient{position:absolute;border-radius:50%;filter:blur(120px)}.login-bg-gradient-1{width:800px;height:800px;background:rgba(230,126,34,.06);top:-250px;left:-150px;animation:float-orb-1 12s ease-in-out infinite}.login-bg-gradient-2{width:600px;height:600px;background:rgba(243,156,18,.04);bottom:-200px;right:-100px;animation:float-orb-2 10s ease-in-out infinite}.login-bg-gradient-3{width:400px;height:400px;background:rgba(211,84,0,.03);top:40%;left:50%;animation:float-orb-3 14s ease-in-out infinite}.login-orbit{position:absolute;border:1px solid rgba(230,126,34,.08);border-radius:50%;pointer-events:none}.login-orbit-1{width:600px;height:600px;animation:orbit-spin 30s linear infinite}.login-orbit-1,.login-orbit-2{top:50%;left:50%;transform:translate(-50%,-50%)}.login-orbit-2{width:400px;height:400px;animation:orbit-spin 25s linear infinite reverse;border-color:rgba(243,156,18,.06)}.login-orbit-3{width:800px;height:800px;top:50%;left:50%;transform:translate(-50%,-50%);animation:orbit-spin 40s linear infinite;border-color:rgba(230,126,34,.04)}.orbit-dot{position:absolute;width:4px;height:4px;background:var(--accent-primary);border-radius:50%;box-shadow:0 0 8px rgba(230,126,34,.6)}.orbit-dot-1{top:0}.orbit-dot-1,.orbit-dot-2{left:50%;transform:translateX(-50%)}.orbit-dot-2{bottom:0}.orbit-dot-3{top:50%;right:0;transform:translateY(-50%)}.login-particle{position:absolute;border-radius:50%;pointer-events:none;opacity:0}.login-particle-1{width:3px;height:3px;background:rgba(230,126,34,.5);top:20%;left:15%;animation:particle-float 8s ease-in-out infinite}.login-particle-2{width:2px;height:2px;background:rgba(243,156,18,.6);top:70%;left:25%;animation:particle-float 6s ease-in-out 1s infinite}.login-particle-3{width:4px;height:4px;background:rgba(230,126,34,.4);top:30%;right:20%;animation:particle-float 10s ease-in-out 2s infinite}.login-particle-4{width:2px;height:2px;background:rgba(245,166,35,.5);top:60%;right:15%;animation:particle-float 7s ease-in-out 3s infinite}.login-particle-5{width:3px;height:3px;background:rgba(211,84,0,.4);top:80%;left:60%;animation:particle-float 9s ease-in-out .5s infinite}.login-particle-6{width:2px;height:2px;background:rgba(230,126,34,.5);top:15%;right:35%;animation:particle-float 11s ease-in-out 4s infinite}.login-hex{position:absolute;pointer-events:none;opacity:.04;animation:hex-rotate 20s linear infinite}.login-hex-1{top:10%;right:10%;width:80px;height:80px;border:1px solid var(--accent-primary);transform:rotate(30deg)}.login-hex-2{bottom:15%;left:8%;width:60px;height:60px;border:1px solid var(--accent-warm);animation-direction:reverse;animation-duration:25s}.login-card{position:relative;z-index:1;width:100%;max-width:440px;background:hsla(0,0%,100%,.95);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-xl);padding:44px;box-shadow:var(--shadow-xl),0 8px 30px rgba(0,0,0,.05),inset 0 1px 0 hsla(0,0%,100%,.6);animation:login-card-appear .6s cubic-bezier(.16,1,.3,1)}.login-logo{width:64px;height:64px;background:var(--gradient-accent-vivid);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;box-shadow:var(--shadow-accent),0 0 40px rgba(230,126,34,.2);position:relative;overflow:hidden}.login-logo:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.2),transparent 50%);border-radius:inherit}.login-title{text-align:center;font-size:24px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px;margin-bottom:6px}.login-subtitle{text-align:center;font-size:13px;color:var(--text-tertiary);margin-bottom:32px;line-height:1.5}.session-status-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:28px;margin-bottom:24px;position:relative;overflow:hidden}.session-status-card.running{border-color:var(--status-green-border);background:linear-gradient(135deg,rgba(34,197,94,.05),var(--bg-secondary))}.session-status-card.queued{border-color:var(--status-yellow-border);background:linear-gradient(135deg,rgba(245,158,11,.05),var(--bg-secondary))}.launch-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:48px;text-align:center}.launch-icon{width:72px;height:72px;background:var(--gradient-accent-soft);border:1px solid var(--border-accent);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--accent-primary-light)}.gradient-text{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:14px;display:flex;align-items:center;gap:8px}.section-title:after{content:"";flex:1 1;height:1px;background:var(--border-subtle)}.status-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-indicator.running{background:var(--status-green);box-shadow:0 0 0 0 rgba(34,197,94,.4);animation:pulse-green 2s infinite}.status-indicator.queued{background:var(--status-yellow);animation:pulse-yellow 2s infinite}.status-indicator.error{background:var(--status-red)}.status-indicator.offline{background:var(--status-gray)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.05)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}@keyframes pulse-green{0%{box-shadow:0 0 0 0 rgba(34,197,94,.5)}70%{box-shadow:0 0 0 6px rgba(34,197,94,0)}to{box-shadow:0 0 0 0 rgba(34,197,94,0)}}@keyframes pulse-yellow{0%{box-shadow:0 0 0 0 rgba(245,158,11,.5)}70%{box-shadow:0 0 0 6px rgba(245,158,11,0)}to{box-shadow:0 0 0 0 rgba(245,158,11,0)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes float-orb-1{0%,to{transform:translateY(0) translateX(0) scale(1)}33%{transform:translateY(-40px) translateX(20px) scale(1.05)}66%{transform:translateY(20px) translateX(-15px) scale(.97)}}@keyframes float-orb-2{0%,to{transform:translateY(0) translateX(0) scale(1)}50%{transform:translateY(-35px) translateX(-25px) scale(1.08)}}@keyframes float-orb-3{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%,-50px) scale(1.1)}}@keyframes orbit-spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes particle-float{0%,to{opacity:0;transform:translateY(0) scale(.5)}10%{opacity:.8}50%{opacity:1;transform:translateY(-40px) scale(1)}90%{opacity:.8}}@keyframes hex-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes login-card-appear{0%{opacity:0;transform:translateY(30px) scale(.96);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px rgba(230,126,34,.15)}50%{box-shadow:0 0 40px rgba(230,126,34,.3)}}.animate-fadeIn{animation:fadeIn .3s ease}.animate-slideUp{animation:slideUp .3s ease}.animate-pulse{animation:pulse 2s ease-in-out infinite}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.flex-1{flex:1 1}.w-full{width:100%}.text-sm{font-size:12px}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-right{text-align:right}.font-mono{font-family:JetBrains Mono,Fira Code,monospace}.font-semibold{font-weight:600}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.gpu-grid-2col{grid-template-columns:1fr}.sidebar{transform:translateX(-100%)}.main-wrapper{margin-left:0}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.login-card{padding:28px 20px}}