@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Share+Tech+Mono&family=Rajdhani:wght@300;400;500;600;700&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{margin:0;background:#0a0c10;color:#e8e4d8;overflow:hidden}#root{height:100vh}::selection{background:#c8aa504d;color:#e8d070}:root{--gar-bg: #0a0c10;--gar-bg-secondary: #0f1218;--gar-panel: rgba(15, 20, 30, .92);--gar-border: rgba(200, 170, 80, .25);--gar-border-bright: rgba(200, 170, 80, .6);--gar-gold: #c8aa50;--gar-gold-bright: #e8d070;--gar-gold-dim: #8a7535;--gar-gold-glow: rgba(200, 170, 80, .3);--gar-blue: #3a8fd4;--gar-blue-bright: #5eb3f5;--gar-blue-dim: #1a4a7a;--gar-blue-glow: rgba(58, 143, 212, .25);--gar-red: #d44040;--gar-red-bright: #ff5555;--gar-red-glow: rgba(212, 64, 64, .3);--gar-green: #40d470;--gar-green-glow: rgba(64, 212, 112, .3);--text-primary: #e8e4d8;--text-secondary: rgba(232, 228, 216, .6);--text-dim: rgba(232, 228, 216, .35);--font-display: "Orbitron", monospace;--font-mono: "Share Tech Mono", monospace;--font-body: "Rajdhani", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{background:var(--gar-bg);color:var(--text-primary);font-family:var(--font-body)}.loading-screen{position:fixed;inset:0;z-index:9999;background:radial-gradient(ellipse at center,#111520,#060810 70%);display:flex;align-items:center;justify-content:center;transition:opacity 1s ease-out}.loading-screen.fade-out{opacity:0;pointer-events:none}.loading-content{text-align:center;position:relative}.logo-container{position:relative;display:inline-block;margin-bottom:2rem}.gar-logo{width:150px;height:150px;filter:invert(1) brightness(.8) sepia(1) saturate(3) hue-rotate(15deg);animation:logoPulse 3s ease-in-out infinite,logoSpin 20s linear infinite;position:relative;z-index:2}.logo-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid var(--gar-gold);animation:ringExpand 3s ease-out infinite;opacity:0}.logo-ring{width:160px;height:160px}.ring-2{animation-delay:1s}.ring-3{animation-delay:2s}@keyframes logoPulse{0%,to{filter:invert(1) brightness(.7) sepia(1) saturate(3) hue-rotate(15deg) drop-shadow(0 0 15px var(--gar-gold-glow))}50%{filter:invert(1) brightness(1) sepia(1) saturate(4) hue-rotate(15deg) drop-shadow(0 0 40px var(--gar-gold))}}@keyframes logoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ringExpand{0%{width:160px;height:160px;opacity:.8;border-color:var(--gar-gold)}to{width:350px;height:350px;opacity:0;border-color:transparent}}.loading-title{font-family:var(--font-display);font-size:1.6rem;font-weight:800;color:var(--gar-gold);letter-spacing:6px;text-shadow:0 0 30px var(--gar-gold-glow),0 0 60px rgba(200,170,80,.15);margin-bottom:.3rem}.loading-subtitle{font-family:var(--font-mono);font-size:.85rem;color:var(--text-secondary);letter-spacing:4px;margin-bottom:2.5rem;font-weight:400}.progress-container{width:400px;margin:0 auto 1rem;display:flex;align-items:center;gap:1rem}.progress-bar{flex:1;height:4px;background:#c8aa501a;border-radius:2px;overflow:hidden;border:1px solid var(--gar-border)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--gar-gold-dim),var(--gar-gold),var(--gar-gold-bright));transition:width .1s linear;box-shadow:0 0 12px var(--gar-gold-glow);position:relative}.progress-fill:after{content:"";position:absolute;right:0;top:-2px;bottom:-2px;width:20px;background:linear-gradient(90deg,transparent,var(--gar-gold-bright));filter:blur(3px)}.progress-text{font-family:var(--font-mono);font-size:.9rem;color:var(--gar-gold);min-width:40px;text-align:right}.status-text{font-family:var(--font-mono);font-size:.75rem;color:var(--gar-gold-dim);letter-spacing:2px;animation:textFlicker 4s ease-in-out infinite}@keyframes textFlicker{0%,to{opacity:.7}50%{opacity:1}92%{opacity:.7}94%{opacity:.2}96%{opacity:.9}}.scan-line{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--gar-gold-glow),transparent);animation:scanDown 4s linear infinite;z-index:10}@keyframes scanDown{0%{top:-5px}to{top:100vh}}.app-container{height:100vh;display:flex;flex-direction:column;position:relative;background:radial-gradient(circle at 20% 20%,rgba(200,170,80,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(58,143,212,.03) 0%,transparent 50%),var(--gar-bg);animation:appFadeIn .8s ease-out}@keyframes appFadeIn{0%{opacity:0}to{opacity:1}}.ambient-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(200,170,80,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(200,170,80,.02) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}.scan-overlay{position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:100}.gar-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background:linear-gradient(180deg,#0f1218fa,#0a0c10f2);border-bottom:1px solid var(--gar-border);position:relative;z-index:10;flex-shrink:0}.gar-header:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gar-gold),transparent);opacity:.5}.header-left{display:flex;align-items:center;gap:1rem}.header-logo{width:40px;height:40px;filter:invert(1) brightness(.8) sepia(1) saturate(3) hue-rotate(15deg);animation:logoPulse 4s ease-in-out infinite}.header-title{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--gar-gold);letter-spacing:3px}.header-sub{font-family:var(--font-mono);font-size:.65rem;color:var(--text-dim);letter-spacing:2px;margin-top:2px}.header-right{display:flex;align-items:center;gap:1.5rem}.status-indicator{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.7rem;color:var(--gar-green);letter-spacing:1px}.status-dot{width:8px;height:8px;background:var(--gar-green);border-radius:50%;animation:dotPulse 2s ease-in-out infinite;box-shadow:0 0 8px var(--gar-green-glow)}@keyframes dotPulse{0%,to{opacity:1;box-shadow:0 0 8px var(--gar-green-glow)}50%{opacity:.5;box-shadow:0 0 3px var(--gar-green-glow)}}.header-time{font-family:var(--font-mono);font-size:.8rem;color:var(--gar-gold-dim)}.main-content{display:flex;flex:1;overflow:hidden;position:relative;z-index:1}.terminal-log{width:320px;background:#080a0ff2;border-right:1px solid var(--gar-border);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.terminal-header{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;font-family:var(--font-display);font-size:.65rem;font-weight:600;letter-spacing:2px;color:var(--gar-gold-dim);border-bottom:1px solid var(--gar-border);background:#c8aa5008}.terminal-dot{width:6px;height:6px;background:var(--gar-gold);border-radius:50%;animation:dotPulse 3s ease-in-out infinite}.terminal-body{padding:.75rem;flex:1}.terminal-line{font-family:var(--font-mono);font-size:.68rem;line-height:1.6;padding:.2rem 0;border-bottom:1px solid rgba(200,170,80,.05);word-break:break-word}.terminal-line.system{color:var(--text-dim)}.terminal-line.error{color:var(--gar-red)}.terminal-line.success{color:var(--gar-green)}.terminal-line.info{color:var(--gar-blue-bright)}.terminal-line.directive{color:var(--gar-gold-bright);font-weight:700;background:#c8aa5014;padding:.4rem;border:1px solid var(--gar-border);margin:.3rem 0}.line-time{color:var(--text-dim);margin-right:.3rem}.comm-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;overflow-y:auto}.panel-section{width:100%;max-width:700px}.login-panel{animation:panelSlideIn .5s ease-out}@keyframes panelSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.panel-header{text-align:center;margin-bottom:2.5rem}.holo-icon{font-size:2.5rem;color:var(--gar-gold);text-shadow:0 0 30px var(--gar-gold-glow);margin-bottom:1rem;animation:holoFloat 3s ease-in-out infinite}@keyframes holoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.panel-header h2{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--gar-gold);letter-spacing:4px;margin-bottom:.5rem}.panel-desc{font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary);letter-spacing:1px}.login-form{background:var(--gar-panel);border:1px solid var(--gar-border);padding:2rem;position:relative}.login-form:before{content:"";position:absolute;top:-1px;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,var(--gar-gold),transparent)}.input-group{margin-bottom:1.5rem}.input-group label{display:block;font-family:var(--font-display);font-size:.65rem;font-weight:600;color:var(--gar-gold-dim);letter-spacing:3px;margin-bottom:.5rem}.gar-input{width:100%;padding:.9rem 1.2rem;background:#0006;border:1px solid var(--gar-border);color:var(--gar-gold-bright);font-family:var(--font-mono);font-size:1rem;letter-spacing:2px;outline:none;transition:all .3s ease;text-transform:uppercase}.gar-input::placeholder{color:var(--text-dim);text-transform:none;letter-spacing:1px;font-size:.8rem}.gar-input:focus{border-color:var(--gar-gold);box-shadow:0 0 15px var(--gar-gold-glow),inset 0 0 15px #c8aa500d}.error-msg{font-family:var(--font-mono);font-size:.8rem;color:var(--gar-red-bright);padding:.7rem 1rem;background:#d4404014;border:1px solid rgba(212,64,64,.3);margin-bottom:1rem;animation:errorShake .4s ease-out}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.gar-button{width:100%;padding:1rem;background:linear-gradient(135deg,#c8aa5026,#c8aa5014);border:1px solid var(--gar-gold);color:var(--gar-gold);font-family:var(--font-display);font-size:.8rem;font-weight:700;letter-spacing:4px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.gar-button:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(200,170,80,.1),transparent);transform:translate(-100%);transition:transform .5s ease}.gar-button:hover{background:linear-gradient(135deg,#c8aa5040,#c8aa501f);box-shadow:0 0 25px var(--gar-gold-glow);text-shadow:0 0 10px var(--gar-gold-glow)}.gar-button:hover:before{transform:translate(100%)}.gar-button:active{transform:scale(.98)}.gar-button.secondary{background:linear-gradient(135deg,#3a8fd426,#3a8fd414);border-color:var(--gar-blue);color:var(--gar-blue-bright);margin-top:1.5rem}.gar-button.secondary:hover{box-shadow:0 0 25px var(--gar-blue-glow)}.btn-icon{margin-right:.5rem}.security-notice{text-align:center;margin-top:1.5rem;font-family:var(--font-mono);font-size:.65rem;color:var(--text-dim);letter-spacing:1px;display:flex;align-items:center;justify-content:center;gap:.4rem}.order-panel{animation:panelSlideIn .5s ease-out;max-height:calc(100vh - 150px);overflow-y:auto;padding-right:.5rem}.order-panel::-webkit-scrollbar{width:4px}.order-panel::-webkit-scrollbar-track{background:#c8aa500d}.order-panel::-webkit-scrollbar-thumb{background:var(--gar-gold-dim)}.order-header{margin-bottom:1.5rem}.order-badge{display:flex;gap:.75rem;margin-bottom:.75rem}.badge-path{font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:2px;padding:.3rem .8rem;background:#c8aa5026;border:1px solid var(--gar-border-bright);color:var(--gar-gold-bright)}.badge-step{font-family:var(--font-mono);font-size:.7rem;letter-spacing:2px;padding:.3rem .8rem;background:#3a8fd41a;border:1px solid rgba(58,143,212,.3);color:var(--gar-blue-bright)}.order-title{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--gar-gold);letter-spacing:2px;line-height:1.6}.decoding{color:var(--gar-blue);animation:textFlicker 1s ease-in-out infinite}.cursor-blink{animation:cursorBlink .7s step-end infinite;color:var(--gar-gold)}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.order-content{background:var(--gar-panel);border:1px solid var(--gar-border);position:relative}.order-content:before{content:"// TRANSMISJA ZASZYFROWANA — DEKODOWANIE ZAKOŃCZONE";display:block;font-family:var(--font-mono);font-size:.6rem;color:var(--gar-green);letter-spacing:2px;padding:.5rem 1.5rem;background:#40d4700d;border-bottom:1px solid var(--gar-border)}.order-body{padding:1.5rem}.order-section-title{font-family:var(--font-display);font-size:.75rem;font-weight:700;color:var(--gar-gold);letter-spacing:2px;margin-top:1rem;margin-bottom:.5rem;padding-bottom:.3rem;border-bottom:1px solid var(--gar-border)}.order-text{font-family:var(--font-body);font-size:.9rem;color:var(--text-primary);line-height:1.7;margin-bottom:.3rem}.order-bullet{font-family:var(--font-body);font-size:.85rem;color:var(--gar-blue-bright);padding-left:.5rem;margin-bottom:.3rem;line-height:1.6}.order-warning{font-family:var(--font-mono);font-size:.8rem;color:var(--gar-red-bright);background:#d4404014;padding:.6rem .8rem;border-left:3px solid var(--gar-red);margin:.5rem 0}.order-spacer{height:.3rem}.fade-in{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.response-section{padding:0;border-top:1px solid var(--gar-border)}.comlink-instruction{padding:1.5rem;background:#3a8fd40d;border-bottom:1px solid var(--gar-border);text-align:center}.comlink-icon{font-size:2rem;margin-bottom:.5rem;animation:holoFloat 3s ease-in-out infinite}.comlink-instruction h3{font-family:var(--font-display);font-size:.75rem;font-weight:700;color:var(--gar-blue-bright);letter-spacing:3px;margin-bottom:.75rem}.comlink-text{font-family:var(--font-body);font-size:.9rem;color:var(--text-primary);line-height:1.6;margin-bottom:.4rem}.comlink-text.dim{color:var(--text-secondary);font-size:.8rem;font-style:italic}.comlink-text strong{color:var(--gar-gold-bright)}.return-password-section{padding:1.5rem;background:#c8aa5008}.return-password-section h3{font-family:var(--font-display);font-size:.75rem;font-weight:700;color:var(--gar-gold);letter-spacing:3px;margin-bottom:.75rem}.return-password-section .comlink-text{font-size:.8rem;color:var(--text-secondary);margin-bottom:1rem}.return-password-section .input-group{margin-bottom:1rem}.next-info{display:flex;flex-direction:column;gap:.75rem}.next-row{display:flex;align-items:center;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--gar-border)}.next-row:last-child{border-bottom:none}.next-label{font-family:var(--font-display);font-size:.65rem;font-weight:700;color:var(--gar-gold-dim);letter-spacing:2px;min-width:100px}.next-value{font-family:var(--font-mono);font-size:1.1rem;color:var(--gar-gold-bright);text-shadow:0 0 12px var(--gar-gold-glow);letter-spacing:3px}.mission-end{border-color:var(--gar-green);background:#40d4700d}.mission-end .directive-label{color:var(--gar-green);font-size:.85rem;text-align:center;letter-spacing:4px}.mission-end .directive-content{color:var(--gar-green);text-shadow:0 0 15px var(--gar-green-glow);text-align:center}.mission-end:before{background:linear-gradient(90deg,transparent,var(--gar-green),transparent)}.next-point-display{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 0}.point-label{font-family:var(--font-display);font-size:.75rem;font-weight:700;color:var(--gar-gold-dim);letter-spacing:4px}.point-number{font-family:var(--font-display);font-size:4rem;font-weight:900;color:var(--gar-gold-bright);text-shadow:0 0 30px var(--gar-gold-glow),0 0 60px rgba(200,170,80,.2);line-height:1;animation:pointPulse 2s ease-in-out infinite}@keyframes pointPulse{0%,to{text-shadow:0 0 20px var(--gar-gold-glow),0 0 40px rgba(200,170,80,.15)}50%{text-shadow:0 0 40px var(--gar-gold-glow),0 0 80px rgba(200,170,80,.3)}}.point-hint{font-family:var(--font-mono);font-size:.75rem;color:var(--text-dim);text-align:center;letter-spacing:1px;margin-top:.75rem;font-style:italic}.complete-panel{text-align:center;animation:panelSlideIn .5s ease-out}.complete-icon{width:80px;height:80px;border:2px solid var(--gar-green);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--gar-green);margin:0 auto 1.5rem;box-shadow:0 0 30px var(--gar-green-glow);animation:completePulse 2s ease-in-out infinite}@keyframes completePulse{0%,to{box-shadow:0 0 20px var(--gar-green-glow)}50%{box-shadow:0 0 40px var(--gar-green-glow),0 0 60px #40d4701a}}.complete-panel h2{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--gar-green);letter-spacing:4px;margin-bottom:.5rem}.complete-order{font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);letter-spacing:2px;margin-bottom:2rem}.next-directive{background:var(--gar-panel);border:1px solid var(--gar-gold);padding:1.5rem 2rem;margin-bottom:1rem;text-align:left;position:relative}.next-directive:before{content:"";position:absolute;top:-1px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--gar-gold-bright),transparent)}.directive-label{font-family:var(--font-display);font-size:.65rem;font-weight:700;color:var(--gar-gold-dim);letter-spacing:3px;margin-bottom:.75rem}.directive-content{font-family:var(--font-mono);font-size:1rem;color:var(--gar-gold-bright);line-height:1.6;text-shadow:0 0 10px var(--gar-gold-glow)}.gar-footer{display:flex;justify-content:space-between;padding:.5rem 1.5rem;background:#080a0ff2;border-top:1px solid var(--gar-border);font-family:var(--font-mono);font-size:.6rem;color:var(--text-dim);letter-spacing:2px;position:relative;z-index:10;flex-shrink:0}.gar-footer:before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gar-gold-dim),transparent);opacity:.4}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#c8aa5008}::-webkit-scrollbar-thumb{background:var(--gar-gold-dim);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--gar-gold)}@media(max-width:900px){.terminal-log{display:none}.comm-panel{padding:1rem}.loading-title{font-size:1.1rem;letter-spacing:3px}.progress-container{width:280px}.gar-logo{width:100px;height:100px}.header-title{font-size:.75rem;letter-spacing:2px}.header-sub{display:none}}