@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{--bg:#0a0f1c;--panel:#111a2e;--panel-alt:#16213a;--border:#223154;--text:#e7ecf5;--muted:#7e8aa8;--green:#33d69f;--amber:#f5a623;--red:#ff5470;--blue:#4c8dff;--mono:"JetBrains Mono", monospace;--sans:"IBM Plex Sans", sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--sans);min-height:100vh;margin:0;overflow-x:hidden}.app{max-width:1180px;margin:0 auto;padding:28px 20px 60px}.tower-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:18px;display:flex}.tower-title{align-items:center;gap:12px;display:flex}.beacon{background:var(--green);width:10px;height:10px;box-shadow:0 0 10px var(--green);border-radius:50%;animation:2.2s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}h1{font-family:var(--mono);letter-spacing:1.5px;text-transform:uppercase;margin:0;font-size:20px;font-weight:700}.subtitle{font-family:var(--mono);color:var(--muted);letter-spacing:1px;margin-top:2px;font-size:11px}.status-pill{font-family:var(--mono);color:var(--muted);border:1px solid var(--border);border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:11px;display:flex}.status-dot{background:var(--green);border-radius:50%;width:7px;height:7px}.status-dot.off{background:var(--red)}.grid{grid-template-columns:340px 1fr;gap:22px;display:grid}@media (width<=860px){.grid{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:18px}.panel+.panel{margin-top:18px}.panel-label{font-family:var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;margin:0 0 12px;font-size:11px;display:flex}textarea{background:var(--panel-alt);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--sans);resize:vertical;border-radius:6px;min-height:90px;padding:10px;font-size:13px}textarea:focus,input:focus,button:focus{outline:2px solid var(--blue);outline-offset:1px}input[type=text],input[type=password],input[type=email]{background:var(--panel-alt);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--sans);border-radius:6px;padding:9px 10px;font-size:13px}.btn{background:var(--blue);color:#04101f;font-family:var(--sans);cursor:pointer;border:none;border-radius:6px;width:100%;margin-top:10px;padding:10px 16px;font-size:13px;font-weight:600;transition:filter .15s}.btn:hover{filter:brightness(1.1)}.btn:disabled{background:var(--muted);cursor:not-allowed}.btn-secondary{border:1px solid var(--border);color:var(--muted);background:0 0}.saved-tag{font-family:var(--mono);color:var(--green);font-size:10px}.chip-row{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.chip{font-family:var(--mono);background:var(--panel-alt);border:1px solid var(--border);color:var(--text);border-radius:14px;align-items:center;gap:6px;padding:5px 9px;font-size:11px;display:flex}.chip button{color:var(--red);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;line-height:1}.chip.green{color:var(--green);background:#33d69f0d;border-color:#33d69f66}.chip.green button{color:var(--green)}.chip.blue{color:var(--blue);background:#4c8dff0d;border-color:#4c8dff66}.chip.blue button{color:var(--blue)}.add-chip-row{gap:6px;margin-top:8px;display:flex}.add-chip-row input{flex:1}.add-chip-row button{background:var(--panel-alt);border:1px solid var(--border);color:var(--text);cursor:pointer;font-family:var(--mono);border-radius:6px;padding:0 12px}.checkbox-row{flex-direction:column;gap:8px;display:flex}.checkbox-row label{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.checkbox-row input{accent-color:var(--blue);width:15px;height:15px}.queue-header{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.queue-count{font-family:var(--mono);color:var(--muted);font-size:12px}.queue-filters{gap:8px;margin-bottom:16px;display:flex}.queue-filters button{border:1px solid var(--border);color:var(--muted);font-family:var(--sans);cursor:pointer;background:0 0;border-radius:14px;padding:5px 12px;font-size:11px;transition:all .2s}.queue-filters button:hover{border-color:var(--muted);color:var(--text)}.queue-filters button.active{background:var(--blue);border-color:var(--blue);color:#04101f;font-weight:600}.empty-state{border:1px dashed var(--border);text-align:center;color:var(--muted);border-radius:10px;padding:40px 20px;font-size:13px}.empty-state strong{color:var(--text);font-family:var(--mono);margin-bottom:6px;display:block}.job-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;margin-bottom:14px;padding:16px;position:relative;overflow:hidden}.job-card.rejected{opacity:.6}.job-card.applied{border-color:var(--green)}.stamp{text-align:center;width:100%;color:var(--red);font-family:var(--mono);letter-spacing:2px;background:#ff54701f;border:1px solid #ff547066;border-radius:6px;margin-bottom:12px;padding:6px 0;font-size:11px;font-weight:700;display:block}.job-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.job-title{margin:0 0 4px;font-size:15px;font-weight:600}.field-note{color:var(--muted);margin:0 0 10px;font-size:11px;line-height:1.4}.job-title a{color:inherit;border-bottom:1px dotted var(--muted);text-decoration:none}.job-title a:hover{border-bottom-color:var(--text)}.job-meta{font-family:var(--mono);color:var(--muted);flex-wrap:wrap;gap:10px;font-size:11px;display:flex}.score-block{text-align:right;min-width:64px}.score-num{font-family:var(--mono);font-size:24px;font-weight:700;line-height:1}.score-label{font-family:var(--mono);color:var(--muted);letter-spacing:1px;font-size:9px}.meter{background:var(--panel-alt);border-radius:3px;height:6px;margin:12px 0 10px;overflow:hidden}.meter-fill{border-radius:3px;height:100%;transition:width .6s}.job-reason{color:var(--text);margin:0 0 12px;font-size:13px;line-height:1.5}.flags{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.flag{font-family:var(--mono);color:var(--red);background:#ff54701f;border:1px solid #ff547066;border-radius:4px;padding:3px 8px;font-size:10px}.job-actions{gap:8px;display:flex}.job-actions button{font-family:var(--sans);background:var(--panel-alt);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;padding:7px 12px;font-size:12px}.job-actions button.applied-btn{color:var(--green);border-color:var(--green)}.job-actions button.delete-btn{color:var(--red);border-color:var(--red)}.loading-row{font-family:var(--mono);color:var(--muted);align-items:center;gap:8px;padding:14px 0;font-size:12px;display:flex}.spinner{border:2px solid var(--border);border-top-color:var(--blue);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-box{border:1px solid var(--red);color:var(--red);background:#ff54701a;border-radius:6px;margin-top:8px;padding:10px 12px;font-size:12px}::placeholder{color:var(--muted);opacity:.7}.hero-section{text-align:center;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.sky-container{z-index:0;pointer-events:none;position:absolute;inset:0}.cloud{color:var(--muted);will-change:transform;animation:linear infinite drift;position:absolute}.cloud svg{width:100%;height:100%}.cloud-1{opacity:.15;width:120px;animation:90s ease-in-out -40s infinite drift1;top:15%}.cloud-2{opacity:.1;width:220px;animation:210s linear -90s infinite drift2;top:40%}.cloud-3{opacity:.12;width:160px;animation:130s ease-in-out -120s infinite drift3;top:75%}.cloud-4{opacity:.18;width:90px;animation:85s linear -15s infinite drift2;top:25%}.cloud-5{opacity:.1;width:100px;animation:260s ease-in-out -80s infinite drift1;top:5%}.cloud-6{opacity:.08;width:250px;animation:160s linear -150s infinite drift3;top:60%}.cloud-7{opacity:.14;width:130px;animation:115s ease-in-out -50s infinite drift1;top:85%}.cloud-8{opacity:.11;width:180px;animation:190s linear -20s infinite drift2;top:35%}@keyframes drift1{0%{transform:translate(-300px)}50%{transform:translate(50vw,-30px)}to{transform:translate(110vw,20px)}}@keyframes drift2{0%{transform:translate(-300px,20px)}50%{transform:translate(50vw,40px)}to{transform:translate(110vw,-10px)}}@keyframes drift3{0%{transform:translate(-300px,-15px)}50%{transform:translate(50vw,15px)}to{transform:translate(110vw,-20px)}}.plane-track{will-change:transform;animation:linear infinite both flyX;position:absolute;left:0}.plane-bob{will-change:transform;animation:ease-in-out infinite alternate bobY}.plane-bob svg{z-index:2;width:100%;height:100%;position:relative;transform:rotate(-2deg)}.contrail{filter:blur(1px);z-index:1;background:linear-gradient(90deg,#0000,#fff9);border-radius:2px;height:2px;animation:8s ease-in-out infinite pulseTrail;position:absolute;top:50%;right:80%;transform:translateY(-50%)}@keyframes pulseTrail{0%{opacity:0;width:0}30%{opacity:.8;width:200px}70%{opacity:.8;width:200px}to{opacity:0;width:50px}}.track-1{animation-duration:25s;animation-delay:2s;top:25%}.track-2{animation-duration:45s;animation-delay:15s;top:65%}.track-3{animation-duration:55s;animation-delay:8s;top:10%}.track-4{animation-duration:35s;animation-delay:22s;top:80%}.track-5{animation-duration:65s;animation-delay:5s;top:45%}.track-6{animation-duration:38s;animation-delay:4s;top:15%}.track-7{animation-duration:48s;animation-delay:12s;top:55%}.track-8{animation-duration:58s;animation-delay:20s;top:85%}.plane-1{width:45px;color:var(--green);filter:drop-shadow(0 0 10px #33d69f66);animation-duration:4s}.plane-2{width:30px;color:var(--blue);opacity:.6;filter:drop-shadow(0 0 8px #4c8dff4d);animation-duration:5s;animation-delay:1s}.plane-3{width:25px;color:var(--green);opacity:.7;filter:drop-shadow(0 0 5px #33d69f33);animation-duration:4.5s;animation-delay:.5s}.plane-4{width:35px;color:var(--blue);opacity:.5;filter:drop-shadow(0 0 6px #4c8dff33);animation-duration:5.5s;animation-delay:2s}.plane-5{width:20px;color:var(--muted);opacity:.4;animation-duration:3.5s;animation-delay:1.5s}.plane-6{width:32px;color:var(--green);opacity:.6;filter:drop-shadow(0 0 7px #33d69f4d);animation-duration:4.8s}.plane-7{width:28px;color:var(--blue);opacity:.5;filter:drop-shadow(0 0 6px #4c8dff33);animation-duration:5.2s}.plane-8{width:22px;color:var(--muted);opacity:.4;animation-duration:3.8s}.plane-track.reverse{animation-name:flyXReverse}@keyframes flyX{0%{transform:translate(-10vw)translateY(2vh)}to{transform:translate(110vw)translateY(-5vh)}}@keyframes flyXReverse{0%{transform:translate(110vw)translateY(2vh)scaleX(-1)}to{transform:translate(-10vw)translateY(-5vh)scaleX(-1)}}@keyframes bobY{0%{transform:translateY(-4px)}to{transform:translateY(4px)}}.hero-content{z-index:1;background:radial-gradient(#0a0f1ce6 0%,#0a0f1c00 70%);max-width:800px;padding:40px 20px;position:relative}.hero-beacon{width:16px;height:16px;margin:0 auto 24px;position:relative}.hero-beacon:before,.hero-beacon:after{content:"";pointer-events:none;z-index:-1;border:1px solid #33d69f66;border-radius:50%;animation:14s linear infinite radarWave;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-beacon:after{animation-delay:7s}@keyframes radarWave{0%{opacity:1;width:16px;height:16px}70%{opacity:.5}to{opacity:0;width:3000px;height:3000px}}.hero-title{z-index:2;background:linear-gradient(135deg, #fff 0%, var(--muted) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:24px;font-size:52px;line-height:1.1;position:relative}@media (width<=600px){.hero-title{font-size:38px}}.hero-description{z-index:2;color:var(--muted);max-width:600px;margin:0 auto 40px;font-size:20px;line-height:1.6;position:relative}.hero-btn{z-index:2;border-radius:8px;width:auto;padding:16px 40px;font-size:18px;position:relative;box-shadow:0 4px 20px #4c8dff4d}.hero-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #4c8dff80}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.onboarding-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0a0f1cd9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.onboarding-modal{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;width:100%;max-width:600px;animation:.4s cubic-bezier(.16,1,.3,1) slideIn;display:flex;overflow:hidden;box-shadow:0 10px 40px #00000080}.onboarding-header{border-bottom:1px solid var(--border);background:var(--panel-alt);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.skip-btn{color:var(--muted);font-family:var(--sans);cursor:pointer;background:0 0;border:none;font-size:12px;text-decoration:underline}.skip-btn:hover{color:var(--text)}.onboarding-body{min-height:340px;padding:32px 24px}.onboarding-step h3{font-family:var(--mono);color:var(--text);margin:0 0 12px;font-size:16px}.step-desc{color:var(--muted);margin:0 0 24px;font-size:14px;line-height:1.5}.onboarding-footer{border-top:1px solid var(--border);background:var(--panel-alt);justify-content:space-between;padding:20px 24px;display:flex}.fade-in{animation:.3s fadeIn}.import-pdf-btn{border:1px dashed var(--blue);color:var(--blue);font-family:var(--sans);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:0 0;border-radius:6px;padding:4px 8px;font-size:10px;font-weight:600;transition:all .2s}.import-pdf-btn:hover{color:#fff;background:#4c8dff1a}.import-pdf-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=768px){.grid{grid-template-columns:1fr}.col-left{display:none}.col-left.open{background:var(--bg);z-index:2000;border-right:1px solid var(--border);width:280px;padding:20px;display:block;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;box-shadow:10px 0 30px #00000080}.mobile-menu-btn,.mobile-only{display:flex!important}}.mobile-only{display:none}.mobile-menu-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:6px;padding:8px;display:none}.mobile-menu-btn:hover{background:var(--panel-alt)}
