:root{--bg-dark: #0f0d0b;--bg-gradient: radial-gradient(circle at 50% 30%, #1a1612 0%, #0f0d0b 80%);--surface-color: #1e1b18;--surface-highlight: #2a2622;--primary: #ffaa00;--primary-glow: rgba(255, 170, 0, .6);--accent: #d45d00;--success: #00ff9d;--text-main: #ebdcb2;--text-dim: #7a6f5f;--border-color: #4a4238;--font-tech: "Courier Prime", "Courier New", monospace;--radius-none: 0px;--radius-sm: 4px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;padding:0;background:var(--bg-color);color:var(--text-main);font-family:var(--font-tech);overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-dark);background-image:var(--bg-gradient)}.bg-grid{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(74,66,56,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(74,66,56,.1) 1px,transparent 1px);background-size:40px 40px;z-index:1;pointer-events:none}.bg-vignette{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.8) 100%);z-index:2;pointer-events:none}.bg-dust{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.07'/%3E%3C/svg%3E");z-index:3;pointer-events:none;opacity:.4}.scanline{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0000001a 50%,#0000001a);background-size:100% 4px;z-index:999;pointer-events:none;opacity:.3}.tech-border{border:1px solid var(--border-color);position:relative;background:#1e1b18d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px #0006;transition:border-color .3s}.tech-border:before{content:"";position:absolute;top:-1px;left:-1px;width:8px;height:8px;border-top:2px solid var(--primary);border-left:2px solid var(--primary)}.tech-border:after{content:"";position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;border-bottom:2px solid var(--primary);border-right:2px solid var(--primary)}.icon{width:22px;height:22px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;background:#0f0d0bf2;border-bottom:2px solid var(--border-color);position:sticky;top:0;z-index:100;box-shadow:0 4px 20px #00000080}.brand{font-weight:700;font-size:1.2rem;letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;gap:12px;color:var(--primary);text-shadow:0 0 12px var(--primary-glow)}.brand-icon{width:28px;height:28px;border:2px solid var(--primary);border-radius:4px;display:flex;align-items:center;justify-content:center;background:#ffaa001a}.status-light{width:8px;height:8px;background:var(--primary);border-radius:50%;box-shadow:0 0 10px var(--primary);animation:blink 3s infinite;transition:background-color .3s ease,box-shadow .3s ease}@keyframes blink{0%,to{opacity:.4}50%{opacity:1}}.status-light.offline{background:#ff3b3b;box-shadow:0 0 12px #ff3b3bb3}.status-light.online{background:var(--primary);box-shadow:0 0 12px var(--primary-glow)}.auth-shell{display:flex;align-items:center;gap:12px;position:relative}.auth-trigger,.auth-user{padding:8px 14px;font-size:.75rem}.auth-user{text-transform:none;letter-spacing:.5px;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-dropdown{position:absolute;right:0;top:calc(100% + 12px);background:#0f0d0bfa;border:1px solid var(--border-color);padding:16px;min-width:280px;box-shadow:0 8px 20px #0009;opacity:0;transform:translateY(8px) scale(.98);pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:300}.auth-dropdown.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.auth-section{margin-bottom:16px}.auth-section:last-child{margin-bottom:0}.auth-app-list{display:flex;flex-direction:column;gap:8px}.auth-app{background:#0003;border:1px solid var(--border-color);color:var(--text-main);font-family:var(--font-tech);text-align:left;padding:10px;cursor:pointer;transition:.2s}.auth-app:hover{border-color:var(--primary);color:var(--primary);background:#ffaa000d}.auth-app-name{display:block;font-size:.85rem}.auth-app-meta{display:block;font-size:.7rem;color:var(--text-dim);margin-top:4px}.auth-action{width:100%;justify-content:flex-start;padding:10px 12px;font-size:.75rem}.auth-muted{color:var(--text-dim);font-size:.75rem;margin:0}.auth-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2100;animation:authFade .2s ease}.auth-modal{width:min(92vw,420px);padding:16px;animation:powerUp .35s cubic-bezier(.16,1,.3,1) forwards}@keyframes authFade{0%{opacity:0}to{opacity:1}}.profile-panel{padding:16px;margin-bottom:24px}.profile-panel:last-child{margin-bottom:0}.profile-header{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.profile-name{font-size:.95rem;color:var(--primary);letter-spacing:1px;text-transform:uppercase}.profile-meta{margin:6px 0 0;font-size:.75rem;color:var(--text-dim)}.profile-plan{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.profile-plan-name{font-size:.85rem;color:var(--primary);text-transform:uppercase;letter-spacing:1px}.profile-section-header{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:flex-start}.usage-range{display:flex;gap:8px;flex-wrap:wrap}.range-toggle{padding:6px 12px;font-size:.7rem}.range-toggle.active{border-color:var(--primary);color:var(--primary);box-shadow:0 0 12px #fa03}.usage-chart{margin-top:16px;height:160px;display:flex;align-items:flex-end;gap:8px;padding:12px;border:1px solid var(--border-color);background:#0006;position:relative}.usage-bar{flex:1;position:relative;height:var(--bar-height);min-height:8px;background:linear-gradient(180deg,var(--accent),var(--primary));box-shadow:0 0 12px var(--primary-glow);animation:barRise .6s ease forwards}.usage-bar:after{content:attr(data-label);position:absolute;bottom:-18px;left:50%;transform:translate(-50%);font-size:.6rem;color:var(--text-dim)}.usage-bar-value{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:.6rem;color:var(--text-dim)}@keyframes barRise{0%{height:0}to{height:var(--bar-height)}}.usage-summary{margin-top:24px}.profile-apps{display:flex;flex-direction:column;gap:12px}.profile-app-card{border:1px solid var(--border-color);background:#0000004d;padding:12px}.profile-app-header{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.profile-app-name{font-size:.95rem;color:var(--text-main)}.profile-app-url{display:inline-block;font-size:.75rem;color:var(--primary);margin-top:4px;text-decoration:none;word-break:break-all}.profile-app-status{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.profile-app-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.profile-app-actions .btn-tech{padding:6px 10px;font-size:.65rem}main{flex:1;padding:24px;max-width:600px;margin:0 auto;width:100%;position:relative;z-index:10;display:flex;flex-direction:column}.view{display:none;opacity:0;transition:opacity .3s ease}.view.active{display:flex;flex-direction:column;opacity:1;animation:powerUp .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes powerUp{0%{opacity:0;transform:scale(.98);filter:blur(4px)}to{opacity:1;transform:scale(1);filter:blur(0)}}h1{font-size:2.2rem;line-height:1;margin-bottom:20px;color:var(--text-main);text-shadow:0 2px 10px rgba(0,0,0,.5);border-left:4px solid var(--accent);padding-left:16px}h2{font-size:1.5rem;margin-bottom:16px;color:var(--text-main)}p{color:var(--text-dim);font-size:1rem;line-height:1.6}.terminal-input{width:100%;background:#0006;border:1px solid var(--border-color);color:var(--primary);font-family:var(--font-tech);font-size:1.1rem;resize:none;min-height:140px;outline:none;padding:16px;transition:.3s}.terminal-input:focus{border-color:var(--primary);background:#ffaa000d;box-shadow:0 0 15px #ffaa001a}.quick-picks{display:flex;gap:10px;margin-top:16px}.data-chip{font-size:.75rem;padding:6px 14px;background:var(--surface-highlight);border:1px solid var(--border-color);color:var(--text-dim);cursor:pointer;text-transform:uppercase;transition:.2s}.data-chip:hover{border-color:var(--primary);color:var(--text-main);background:#2a2622}.btn-tech{background:#ffaa000d;color:var(--primary);border:1px solid var(--primary);padding:16px 28px;font-family:var(--font-tech);font-weight:700;text-transform:uppercase;font-size:.9rem;cursor:pointer;position:relative;transition:all .2s;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);display:inline-flex;align-items:center;justify-content:center;gap:10px;overflow:hidden}.btn-tech:hover{background:var(--primary);color:#000;box-shadow:0 0 20px var(--primary-glow);transform:translateY(-2px)}.btn-tech:active{transform:translateY(1px)}.btn-tech.block{width:100%}.btn-tech.secondary{background:transparent;border-color:var(--border-color);color:var(--text-dim)}.btn-tech.secondary:hover{background:var(--surface-highlight);color:var(--text-main);box-shadow:none}.blueprint-section{margin-bottom:28px}.label-tech{display:block;font-size:.75rem;text-transform:uppercase;color:var(--text-dim);margin-bottom:12px;letter-spacing:1.5px;font-weight:600}.input-group{display:flex;align-items:stretch;background:#0000004d;border:1px solid var(--border-color)}.input-group:focus-within{border-color:var(--primary);background:#ffaa0005}.input-group input,.input-group select{background:transparent;border:none;color:var(--text-main);font-family:var(--font-tech);font-size:1.1rem;padding:14px;outline:none;width:100%;appearance:none}.input-suffix{background:var(--surface-highlight);color:var(--text-dim);display:flex;align-items:center;padding:0 14px;font-size:.9rem;border-left:1px solid var(--border-color);white-space:nowrap;font-family:monospace}.tier-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px}.tier-card{border:1px solid var(--border-color);background:#0000004d;padding:16px;cursor:pointer;transition:.3s;position:relative;display:flex;flex-direction:column;justify-content:space-between}.tier-card:hover{border-color:var(--text-dim)}.tier-card.selected{border-color:var(--primary);background:#ffaa000d;box-shadow:0 0 10px var(--primary-dim)}.tier-name{font-weight:700;font-size:1rem;color:var(--text-main);display:block;margin-bottom:4px}.tier-price{font-size:.9rem;color:var(--primary)}.tier-desc{font-size:.75rem;color:var(--text-dim);margin-top:8px;line-height:1.3}.hyper-badge{position:absolute;top:-10px;right:-5px;background:var(--accent);color:#fff;font-size:.6rem;padding:2px 6px;text-transform:uppercase;font-weight:700;border-radius:2px;display:none}.tier-card.advanced .hyper-badge{display:block}.db-options{display:flex;gap:10px;margin-bottom:10px}.db-option{flex:1;border:1px solid var(--border-color);background:#0000004d;padding:12px;text-align:center;cursor:pointer;font-size:.8rem;color:var(--text-dim)}.db-option.selected{border-color:var(--success);color:var(--success);background:#00ff9d0d}.provider-select-container{margin-top:12px;padding:10px;border:1px dashed var(--border-color);background:#0003;display:none}.provider-select-container.show{display:block;animation:fadeIn .3s}.chassis-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.chassis-card{background:var(--surface-highlight);border:1px solid var(--border-color);padding:20px 10px;text-align:center;cursor:pointer;position:relative;transition:.3s cubic-bezier(.175,.885,.32,1.275)}.chassis-card:hover{border-color:var(--text-dim);transform:translateY(-3px)}.chassis-card.selected{border-color:var(--primary);background:#ffaa0014;box-shadow:0 4px 15px #0000004d}.chassis-card.selected:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:40px;height:3px;background:var(--primary)}.style-name{display:block;margin-top:12px;font-size:.8rem;color:var(--text-dim)}.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.module-toggle{background:#0003;border:1px solid var(--border-color);padding:16px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;color:var(--text-dim);transition:.2s;position:relative}.module-toggle.locked{opacity:.5;cursor:not-allowed;border-style:dashed}.module-toggle.locked:hover{border-color:var(--border-color);background:transparent;color:var(--text-dim)}.lock-icon{position:absolute;top:4px;right:4px;width:12px;height:12px;color:var(--accent)}.module-toggle.selected{border-color:var(--primary);color:var(--primary);background:#ffaa000d}.indicator{width:18px;height:18px;border:1px solid var(--text-dim);border-radius:2px;display:flex;align-items:center;justify-content:center;transition:.2s}.module-toggle.selected .indicator{border-color:var(--primary);background:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.check-icon{width:12px;height:12px;stroke:#000;stroke-width:3;display:none}.module-toggle.selected .check-icon{display:block}.forge-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70%;text-align:center}.schematic-frame{width:140px;height:280px;border:2px solid var(--border-color);background:#000;position:relative;margin-bottom:40px;overflow:hidden;box-shadow:0 0 30px #000c}.schematic-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,170,0,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,170,0,.1) 1px,transparent 1px);background-size:20px 20px;pointer-events:none;z-index:10}.schematic-fill{position:absolute;bottom:0;left:0;width:100%;height:0%;background:repeating-linear-gradient(45deg,#fa03,#fa03 2px,#1e1b18cc 2px 6px);border-top:3px solid var(--primary);box-shadow:0 -10px 30px var(--primary-glow);transition:height .4s linear}.loading-bar-container{width:100%;max-width:320px;height:12px;background:#000;border:1px solid var(--border-color);margin-bottom:24px;position:relative;padding:2px;box-shadow:inset 0 2px 5px #00000080}.loading-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--primary));position:relative;box-shadow:0 0 10px var(--primary);mask-image:linear-gradient(to right,black calc(100% - 15px),transparent 100%);-webkit-mask-image:linear-gradient(to right,black calc(100% - 15px),transparent 100%);transition:width .3s ease-out}.loading-bar:after{content:"";position:absolute;right:0;top:0;bottom:0;width:20px;background:#fffc;filter:blur(8px);opacity:.7}.cursor-blink{display:inline-block;width:8px;height:1.2em;background:var(--primary);animation:cursorAnim .8s infinite;vertical-align:text-bottom;margin-left:4px}@keyframes cursorAnim{0%,to{opacity:1}50%{opacity:0}}.result-container{text-align:center}.unit-badge{width:90px;height:90px;margin:0 auto 24px;background:#000;border:2px solid var(--primary);display:flex;align-items:center;justify-content:center;border-radius:12px;position:relative;box-shadow:0 0 40px var(--primary-glow)}.unit-badge svg{stroke:var(--primary);width:40px;height:40px}.data-readout{background:#0009;border:1px solid var(--border-color);padding:20px;margin-bottom:24px;text-align:left;font-size:.95rem;position:relative}.data-readout:before{content:"";position:absolute;top:0;left:0;width:10px;height:10px;border-top:1px solid var(--primary);border-left:1px solid var(--primary)}.data-row{display:flex;justify-content:space-between;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:8px}.data-row:last-child{border:none;margin:0;padding:0}.data-label{color:var(--text-dim);font-family:monospace}.data-val{color:var(--primary);font-weight:700}#toast{position:fixed;bottom:40px;left:50%;transform:translate(-50%) translateY(20px);background:#000000e6;border:1px solid var(--primary);color:var(--primary);padding:12px 30px;font-weight:700;text-transform:uppercase;font-size:.85rem;opacity:0;transition:all .3s;z-index:2000;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);letter-spacing:1px;box-shadow:0 0 20px #000c}#toast.show{transform:translate(-50%) translateY(0);opacity:1}