@import"https://fonts.googleapis.com/css2?family=Antonio:wght@400;700&family=Orbitron:wght@400;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f1117;--bg-card: #1a1d27;--bg-hover: #232733;--border: #2a2e3a;--text: #e4e4e7;--text-dim: #8b8fa3;--accent: #6366f1;--accent-hover: #818cf8;--danger: #ef4444;--success: #22c55e;--warning: #f59e0b}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}.app{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--bg-card);border-right:1px solid var(--border);padding:24px 16px;display:flex;flex-direction:column;gap:8px;position:fixed;top:0;left:0;bottom:0}.sidebar h1{font-size:1.25rem;font-weight:700;margin-bottom:24px;padding:0 8px;letter-spacing:-.02em}.sidebar a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:var(--text-dim);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .15s}.sidebar a:hover{background:var(--bg-hover);color:var(--text)}.sidebar a.active{background:var(--accent);color:#fff}.sidebar-logout{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:var(--text-dim);font-size:.875rem;font-weight:500;background:none;border:none;cursor:pointer;transition:all .15s;margin-top:auto}.sidebar-logout:hover{background:var(--bg-hover);color:var(--danger)}.main{margin-left:240px;flex:1;padding:32px 40px;max-width:1400px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.page-header h2{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:none;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-hover);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--text-dim)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:var(--success)}.btn-danger{background:transparent;color:var(--danger);border:1px solid var(--danger)}.btn-danger:hover{background:var(--danger);color:#fff}.btn-sm{padding:4px 10px;font-size:.8rem}.btn-icon{padding:6px;background:transparent;color:var(--text-dim);border:none;cursor:pointer}.btn-icon:hover{color:var(--text)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px}.card+.card{margin-top:16px}table{width:100%;border-collapse:collapse}th{text-align:left;padding:12px 16px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);border-bottom:1px solid var(--border)}td{padding:12px 16px;border-bottom:1px solid var(--border);font-size:.875rem}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg-hover)}input,textarea,select{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 12px;color:var(--text);font-size:.875rem;width:100%;outline:none;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent)}label{font-size:.8rem;font-weight:600;color:var(--text-dim);margin-bottom:4px;display:block}.form-group{margin-bottom:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:600}.badge-pending{background:#2a2e3a;color:var(--text-dim)}.badge-running{background:#1e3a5f;color:#60a5fa}.badge-completed{background:#14532d;color:#4ade80}.badge-failed{background:#450a0a;color:#f87171}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.screenshot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:16px}.screenshot-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.screenshot-card img{width:100%;display:block;cursor:pointer}.screenshot-card .info{padding:12px;font-size:.8rem}.screenshot-card .url{color:var(--accent);word-break:break-all}.screenshot-card.error{border-color:var(--danger)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:32px;min-width:500px;max-width:800px;max-height:90vh;overflow-y:auto}.modal h3{margin-bottom:20px;font-size:1.2rem}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.filters{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.filters input,.filters select{width:auto;min-width:180px}.compare-pair{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:24px;padding:16px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px}.compare-pair .pair-url{grid-column:1 / -1;font-size:.85rem;color:var(--accent);margin-bottom:8px;word-break:break-all}.compare-pair img{width:100%;border-radius:8px;border:1px solid var(--border);cursor:pointer}.compare-label{font-size:.75rem;color:var(--text-dim);margin-bottom:4px;font-weight:600}.dummy-image{background:var(--bg);border:2px dashed var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-dim);font-size:.85rem}.segment-block{background:var(--bg);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:8px;padding:16px;margin-bottom:12px}.segment-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.segment-icon{color:var(--accent);flex-shrink:0}.segment-title{flex:1;font-size:1rem;font-weight:600;cursor:default;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.segment-actions{display:flex;gap:2px;flex-shrink:0}.inline-edit-input{flex:1}.url-list{display:flex;flex-direction:column;gap:2px;border-left:2px solid var(--border);margin-left:6px;padding-left:20px}.url-row{display:flex;gap:8px;align-items:center;padding:3px 0}.url-row .inline-edit-input{flex:1}.url-display{flex:1;font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;font-size:.82rem;color:var(--text);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 8px;border-radius:4px;display:flex;align-items:center;gap:6px;min-width:0}.url-display:hover{background:var(--bg-hover)}.url-warning-icon{color:var(--warning);flex-shrink:0}.url-row.invalid .url-display{color:var(--warning)}.url-row.invalid .inline-edit-input{border-color:var(--warning)}.url-actions{display:flex;gap:2px;flex-shrink:0}.url-list-actions{display:flex;gap:8px;margin-top:8px}.tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:1px solid var(--border)}.tab{padding:8px 16px;background:transparent;border:none;color:var(--text-dim);font-size:.875rem;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.lightbox-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:200;cursor:pointer}.lightbox-overlay img{max-width:95vw;max-height:95vh;object-fit:contain}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px;text-align:center}.stat-card .stat-value{font-size:2rem;font-weight:700}.stat-card .stat-label{font-size:.8rem;color:var(--text-dim);margin-top:4px}.empty-state{text-align:center;padding:60px 20px;color:var(--text-dim)}.empty-state h3{margin-bottom:8px;color:var(--text)}.viewport-toggle{display:flex;background:var(--bg);border:1px solid var(--border);border-radius:8px;overflow:hidden}.viewport-toggle button{padding:6px 14px;background:transparent;border:none;color:var(--text-dim);font-size:.8rem;cursor:pointer}.viewport-toggle button.active{background:var(--accent);color:#fff}.segment-header{cursor:pointer}.segment-chevron{display:flex;align-items:center;color:var(--text-dim);flex-shrink:0}.segment-url-count{font-size:.75rem;background:var(--bg-hover);color:var(--text-dim);padding:2px 8px;border-radius:999px;white-space:nowrap;flex-shrink:0}.progress-section{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:16px 20px}.progress-bar-container{width:100%;height:8px;background:var(--bg);border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--accent);border-radius:4px;transition:width .3s ease}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:.8rem;color:var(--text-dim)}.progress-current-url{color:var(--accent);max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-item-header{display:flex;align-items:center;gap:8px}.settings-item-label{font-size:.8rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.settings-item-value{font-size:1.25rem;font-weight:600;margin-top:8px}.lcars-page{background:#000;color:#f90;font-family:Antonio,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.lcars-frame{position:relative;width:540px;animation:lcars-frame-in .8s cubic-bezier(.22,1,.36,1) both}@keyframes lcars-frame-in{0%{opacity:0;transform:scale(.92);filter:brightness(2)}to{opacity:1;transform:scale(1);filter:brightness(1)}}.lcars-top{display:flex;align-items:stretch;height:48px;gap:4px}.lcars-top .end-cap{width:80px;background:#c9f;border-radius:24px 0 0;animation:lcars-bar-slide-left .6s .2s cubic-bezier(.22,1,.36,1) both}.lcars-top .bar{flex:1;background:#c9f;animation:lcars-bar-grow .5s .3s cubic-bezier(.22,1,.36,1) both;transform-origin:left;position:relative;overflow:hidden}.lcars-top .bar-2{width:60px;background:#99f;animation:lcars-bar-fade .4s .5s both}.lcars-top .bar-3{width:120px;background:#f96;border-radius:0 24px 0 0;animation:lcars-bar-slide-right .6s .4s cubic-bezier(.22,1,.36,1) both}@keyframes lcars-bar-slide-left{0%{transform:translate(-40px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes lcars-bar-slide-right{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes lcars-bar-grow{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes lcars-bar-fade{0%{opacity:0}to{opacity:1}}.lcars-top .bar .data-scroll{position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;font-size:.6rem;font-weight:700;color:#00000059;letter-spacing:.1em;animation:lcars-scroll-text 20s 2s linear infinite}@keyframes lcars-scroll-text{0%{transform:translateY(-50%) translate(100%)}to{transform:translateY(-50%) translate(-200%)}}.lcars-body{display:flex;margin-top:4px}.lcars-sidebar{width:80px;display:flex;flex-direction:column;gap:4px}.lcars-sidebar .block{border-radius:0 0 0 24px;animation:lcars-sb-slide .5s cubic-bezier(.22,1,.36,1) both;transform-origin:top;position:relative;overflow:hidden}.lcars-sidebar .block:first-child{border-radius:0}.sb-1{background:#c9f;height:60px;animation-delay:.3s}.sb-2{background:#f96;height:40px;animation-delay:.4s}.sb-3{background:#c69;height:50px;animation-delay:.5s}.sb-4{background:#99f;height:30px;animation-delay:.6s}.sb-5{background:#f90;flex:1;min-height:60px;animation-delay:.7s}@keyframes lcars-sb-slide{0%{transform:translateY(-20px) scaleY(.5);opacity:0}to{transform:translateY(0) scaleY(1);opacity:1}}.lcars-sidebar .block .ticker{position:absolute;bottom:4px;right:6px;font-size:.55rem;font-weight:700;color:#00000080;letter-spacing:.05em;font-family:Antonio,sans-serif}.lcars-sidebar .block .block-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.55rem;font-weight:700;color:#0009;letter-spacing:.05em;text-align:center;white-space:nowrap;line-height:1.2;font-family:Antonio,sans-serif}.block-label .label-title{font-size:.45rem;letter-spacing:.12em;text-transform:uppercase;display:block;opacity:.5}.block-label .label-value{font-size:.7rem;display:block;font-variant-numeric:tabular-nums}.status-dots{position:absolute;top:6px;left:8px;display:flex;gap:4px}.status-dots .dot{width:5px;height:5px;border-radius:50%;background:#0006}.status-dots .dot:nth-child(1){animation:lcars-dot-blink 2s 2s infinite}.status-dots .dot:nth-child(2){animation:lcars-dot-blink 3s 2.5s infinite}.status-dots .dot:nth-child(3){animation:lcars-dot-blink 2.5s 3s infinite}@keyframes lcars-dot-blink{0%,40%,to{background:#0006}20%{background:#000c}}.lcars-content{flex:1;margin-left:4px;padding:32px 40px;border:2px solid #333;border-left:none;display:flex;flex-direction:column;align-items:center;min-height:340px;position:relative;overflow:hidden}.lcars-content:before{content:"";position:absolute;left:0;right:0;height:60px;background:linear-gradient(180deg,transparent,rgba(255,153,0,.03),transparent);animation:lcars-content-scan 5s ease-in-out infinite;pointer-events:none}@keyframes lcars-content-scan{0%{top:-60px}to{top:100%}}.starfleet-badge{width:50px;height:60px;margin-bottom:16px;animation:lcars-badge-in .8s .8s cubic-bezier(.22,1,.36,1) both}@keyframes lcars-badge-in{0%{opacity:0;transform:scale(.5) rotate(-10deg);filter:brightness(3)}60%{transform:scale(1.1) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0);filter:brightness(1)}}.starfleet-badge svg{width:100%;height:100%}.starfleet-badge path:first-child{animation:lcars-badge-glow 3s ease-in-out 2s infinite}@keyframes lcars-badge-glow{0%,to{filter:drop-shadow(0 0 4px rgba(255,153,0,.3))}50%{filter:drop-shadow(0 0 12px rgba(255,153,0,.6))}}.lcars-title{font-family:Orbitron,sans-serif;font-size:1.6rem;font-weight:700;letter-spacing:.15em;color:#f90;margin-bottom:6px;animation:lcars-text-in .6s 1s both}.lcars-subtitle{font-size:.75rem;color:#c9f;letter-spacing:.3em;text-transform:uppercase;margin-bottom:32px;animation:lcars-text-in .6s 1.1s both}.lcars-subtitle:after{content:"";display:inline-block;width:2px;height:.75rem;background:#c9f;margin-left:4px;vertical-align:middle;animation:lcars-blink 1s step-end infinite}@keyframes lcars-blink{50%{opacity:0}}@keyframes lcars-text-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.lcars-form{width:100%;max-width:280px;display:flex;flex-direction:column;align-items:center}.lcars-field{width:100%;margin-bottom:16px;animation:lcars-text-in .6s 1.2s both}.lcars-field label{display:block;font-size:.7rem;letter-spacing:.2em;color:#99f;text-transform:uppercase;margin-bottom:6px}.lcars-field .input-wrapper{position:relative}.lcars-field input{width:100%;padding:10px 14px;background:#111;border:2px solid #ff9900;border-radius:0 16px 16px 0;color:#f90;font-family:Antonio,sans-serif;font-size:1rem;letter-spacing:.05em;outline:none;transition:border-color .3s,box-shadow .3s}.lcars-field input:focus{border-color:#c9f;box-shadow:0 0 16px #c9f3,inset 0 0 8px #cc99ff0d}.lcars-field input::placeholder{color:#640}.lcars-field .input-wrapper:after{content:"";position:absolute;bottom:0;left:0;height:2px;width:0;background:#c9f;border-radius:0 0 0 2px;transition:width .4s ease}.lcars-field .input-wrapper:focus-within:after{width:100%}button.engage{width:100%;max-width:280px;padding:12px;background:#f90;border:none;border-radius:0 20px 20px 0;color:#000;font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.2em;cursor:pointer;transition:all .25s;position:relative;overflow:hidden;animation:lcars-text-in .6s 1.3s both}button.engage:hover{background:#fb3;box-shadow:0 0 24px #f906;transform:translate(2px)}button.engage:disabled{opacity:.6;cursor:not-allowed}button.engage:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .5s}button.engage:hover:after{left:120%}.auth-msg{margin-top:12px;font-size:.75rem;letter-spacing:.1em;min-height:1.2em;animation:lcars-text-in .3s both}.auth-msg.error{color:#f44}.auth-msg.success{color:#2c4}.lcars-bottom{display:flex;align-items:stretch;height:32px;gap:4px;margin-top:4px}.lcars-bottom .end-cap{width:80px;background:#f96;border-radius:0 0 0 16px;animation:lcars-bar-slide-left .6s .9s cubic-bezier(.22,1,.36,1) both}.lcars-bottom .bar{flex:1;background:#f96;animation:lcars-bar-grow .5s 1s cubic-bezier(.22,1,.36,1) both;transform-origin:left;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.lcars-bottom .bar .bar-url{font-size:.6rem;font-weight:700;color:#00000080;letter-spacing:.08em;font-family:Antonio,sans-serif;white-space:nowrap}.lcars-bottom .bar-2{width:80px;background:#c9f;animation:lcars-bar-fade .4s 1.1s both;position:relative;overflow:hidden}.lcars-bottom .bar-2:after{content:"";position:absolute;top:0;left:-30%;width:30%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:lcars-bar-light 3s 2s linear infinite}@keyframes lcars-bar-light{0%{left:-30%}to{left:130%}}.lcars-bottom .bar-3{width:100px;background:#99f;border-radius:0 0 16px;animation:lcars-bar-slide-right .6s 1s cubic-bezier(.22,1,.36,1) both}.lcars-frame:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(transparent,transparent 2px,rgba(0,0,0,.06) 2px,rgba(0,0,0,.06) 4px);pointer-events:none;animation:lcars-scanline-fade .8s .5s both}@keyframes lcars-scanline-fade{0%{opacity:0}to{opacity:1}}