*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--green-glow:#26d96826;--green:#26d968;--green-dark:#127d68;--green-hover:#1cca5b;--bg:#07090e;--surface:#101623a6;--surface-hover:#182134cc;--surface2:#1e293b80;--border:#ffffff0d;--border-focus:#25d36666;--text:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--radius-lg:24px;--radius-md:16px;--radius-sm:10px;--shadow:0 8px 32px 0 #0000005e;--glow-shadow:0 0 30px #26d96840;--font-mono:"Space Mono", monospace;--font-sans:"DM Sans", sans-serif;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);flex-direction:column;align-items:center;min-height:100vh;padding:4rem 1.5rem;display:flex;position:relative;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;filter:blur(80px);background:radial-gradient(circle,#22c35d1f 0%,#0000 70%);width:600px;height:600px;animation:12s ease-in-out infinite alternate pulse-glow;position:absolute;top:-10%;left:20%}body:after{content:"";z-index:-1;pointer-events:none;filter:blur(100px);background:radial-gradient(circle,#127d681a 0%,#0000 70%);width:500px;height:500px;animation:15s ease-in-out infinite alternate pulse-glow-delayed;position:absolute;bottom:10%;right:15%}@keyframes pulse-glow{0%{transform:translateY(0)scale(1)}to{transform:translateY(50px)scale(1.1)}}@keyframes pulse-glow-delayed{0%{transform:translateY(0)scale(1.2)}to{transform:translateY(-50px)scale(.9)}}.app-container{z-index:1;flex-direction:column;gap:2rem;width:100%;max-width:900px;display:flex}header{text-align:center;margin-bottom:2rem;animation:.8s ease-out fade-in}.logo-wrapper{align-items:center;gap:16px;margin-bottom:1rem;display:inline-flex}.logo-glow{background:linear-gradient(135deg, var(--green), var(--green-dark));border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative;box-shadow:0 0 25px #25d36666}.logo-glow:after{content:"";background:linear-gradient(135deg, #a3e635, var(--green));z-index:-1;opacity:.5;border-radius:20px;position:absolute;inset:-2px}.logo-glow svg{fill:#06090e;width:34px;height:34px}h1{font-family:var(--font-mono);letter-spacing:-2px;font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1}h1 span{color:var(--green);text-shadow:0 0 20px #25d36659}.subtitle{color:var(--text-muted);max-width:500px;margin-top:.8rem;margin-left:auto;margin-right:auto;font-size:1.1rem;font-weight:300;line-height:1.5}.glass-card{background:var(--surface);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:var(--transition);padding:2.5rem;position:relative;overflow:hidden}.glass-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);height:1px;position:absolute;top:0;left:0;right:0}.glass-card:hover{border-color:#ffffff14;box-shadow:0 12px 40px #00000073}.section-header{justify-content:space-between;align-items:center;margin-bottom:1.75rem;display:flex}.section-title{font-family:var(--font-mono);color:var(--green);text-transform:uppercase;letter-spacing:.15em;align-items:center;gap:10px;font-size:.85rem;font-weight:700;display:flex}.section-title:after{content:"";background:#25d3664d;width:40px;height:1px}.demo-badge{color:var(--green);font-family:var(--font-sans);cursor:pointer;transition:var(--transition);background:#25d3661a;border:1px solid #25d36640;border-radius:50px;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;font-weight:500;display:inline-flex}.demo-badge:hover{background:var(--green);color:#06090e;box-shadow:var(--glow-shadow)}.dropzone-container{position:relative}#dropzone{border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:var(--transition);background:#25d36604;border:2px dashed #25d36640;padding:4rem 2rem;position:relative}#dropzone:hover,#dropzone.drag-over{border-color:var(--green);background:#25d3660a;box-shadow:inset 0 0 20px #25d3660d}#dropzone input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.drop-icon-pulse{width:68px;height:68px;transition:var(--transition);background:#25d36614;border:1px solid #25d36626;border-radius:20px;justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}#dropzone:hover .drop-icon-pulse,#dropzone.drag-over .drop-icon-pulse{background:var(--green);box-shadow:var(--glow-shadow);transform:translateY(-5px)}#dropzone:hover .drop-icon-pulse svg,#dropzone.drag-over .drop-icon-pulse svg{stroke:#06090e}.drop-icon-pulse svg{width:32px;height:32px;stroke:var(--green);fill:none;stroke-width:1.8px;stroke-linecap:round;transition:var(--transition)}.drop-title{letter-spacing:-.3px;margin-bottom:.5rem;font-size:1.2rem;font-weight:600}.drop-sub{color:var(--text-muted);font-size:.9rem;font-weight:300}.drop-sub strong{color:var(--green);font-weight:500}#file-info{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:16px;margin-top:1.5rem;padding:1.25rem 1.5rem;animation:.4s cubic-bezier(.16,1,.3,1) slide-down;display:none}@keyframes slide-down{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.file-detail-icon{background:#25d3661a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.file-detail-icon svg{width:24px;height:24px;stroke:var(--green);fill:none;stroke-width:2px}.file-info-text{flex-grow:1}.file-name{word-break:break-all;font-size:1rem;font-weight:600}.file-meta-sub{font-family:var(--font-mono);color:var(--text-muted);margin-top:3px;font-size:.8rem}.remove-btn{cursor:pointer;color:#e74c3c;transition:var(--transition);background:#e74c3c1a;border:1px solid #e74c3c33;border-radius:10px;align-items:center;padding:8px;display:flex}.remove-btn:hover{color:#fff;background:#e74c3c;transform:rotate(90deg)}.remove-btn svg{stroke:currentColor;fill:none;stroke-width:2.5px;width:18px;height:18px}.options-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:2rem;display:grid}.option-card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;display:flex}.option-card:hover{background:#1e293bb3;border-color:#ffffff14}.option-label{flex-direction:column;gap:4px;display:flex}.option-title{font-size:.95rem;font-weight:500}.option-desc{color:var(--text-muted);font-size:.8rem;font-weight:300}.toggle-switch{flex-shrink:0;width:46px;height:26px;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.slider-switch{cursor:pointer;transition:var(--transition);background:#ffffff1a;border:1px solid #ffffff0d;border-radius:30px;position:absolute;inset:0}.slider-switch:before{content:"";width:18px;height:18px;transition:var(--transition);background:#f8fafc;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0006}.toggle-switch input:checked+.slider-switch{background:var(--green);border-color:var(--green);box-shadow:0 0 15px #25d36640}.toggle-switch input:checked+.slider-switch:before{background:#06090e;transform:translate(20px)}#convert-btn{background:linear-gradient(135deg, var(--green), #10b981);color:#06090e;border-radius:var(--radius-md);width:100%;font-size:1.05rem;font-weight:700;font-family:var(--font-sans);cursor:pointer;transition:var(--transition);box-shadow:var(--glow-shadow);border:none;justify-content:center;align-items:center;gap:12px;padding:1.25rem 2rem;display:flex;position:relative;overflow:hidden}#convert-btn:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}#convert-btn:hover:not(:disabled):after{left:100%}#convert-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 35px #26d96866}#convert-btn:active:not(:disabled){transform:translateY(0)}#convert-btn:disabled{color:var(--text-dim);box-shadow:none;cursor:not-allowed;background:#1e293b;border:1px solid #ffffff08}#convert-btn svg{stroke:currentColor;fill:none;stroke-width:2px;width:22px;height:22px}#progress-wrap{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:2rem;padding:1.5rem;animation:.4s cubic-bezier(.16,1,.3,1) slide-down;display:none}.progress-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.progress-title-log{font-size:.9rem;font-weight:500}.progress-percent-count{font-family:var(--font-mono);color:var(--green);font-size:.9rem}.progress-track{background:#ffffff0d;border-radius:10px;height:8px;margin-bottom:12px;overflow:hidden}.progress-fill-glow{background:linear-gradient(90deg, var(--green-dark), var(--green));width:0%;height:100%;box-shadow:0 0 10px var(--green);border-radius:10px;transition:width .1s}.log-terminal{border-radius:var(--radius-sm);font-family:var(--font-mono);color:#10b981;background:#030712;border:1px solid #ffffff08;max-height:80px;padding:10px 14px;font-size:.75rem;overflow-y:auto}.log-line{margin-bottom:4px}.log-line:before{content:"$ ";color:#3b82f6}#stats-dashboard{display:none}.stats-intro-row{align-items:center;gap:12px;margin-bottom:1.5rem;display:flex}.success-badge-glow{background:var(--green);width:12px;height:12px;box-shadow:0 0 12px var(--green), 0 0 20px var(--green);border-radius:50%;animation:2s infinite alternate pulse-glow-dot}@keyframes pulse-glow-dot{0%{opacity:.7;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}.stats-intro-title{letter-spacing:-.5px;font-size:1.25rem;font-weight:700}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:2rem;display:grid}.stat-widget{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;transition:var(--transition);padding:1.5rem;position:relative}.stat-widget:hover{border-color:#25d36640;transform:translateY(-4px);box-shadow:0 8px 24px #25d3660d}.stat-val{font-family:var(--font-mono);color:var(--green);text-shadow:0 0 15px #25d36626;margin-bottom:6px;font-size:2rem;font-weight:700}.stat-desc{color:var(--text-muted);font-size:.8rem;font-weight:400}.charts-grid{grid-template-columns:1.2fr .8fr;gap:20px;margin-bottom:2rem;display:grid}.chart-card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;padding:1.75rem;display:flex}.chart-title{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:8px;margin-bottom:1.5rem;font-size:.8rem;display:flex}.heatmap-svg-container{flex-grow:1;align-items:flex-end;height:180px;padding-bottom:20px;display:flex}.heatmap-bar{background:linear-gradient(180deg, var(--green), var(--green-dark));min-height:2px;transition:var(--transition);cursor:pointer;border-radius:4px 4px 0 0;flex-grow:1;margin:0 2px;position:relative}.heatmap-bar:hover{filter:brightness(1.2);box-shadow:0 0 10px var(--green)}.heatmap-tooltip{border:1px solid var(--green);color:#fff;font-size:.7rem;font-family:var(--font-mono);white-space:nowrap;opacity:0;pointer-events:none;transition:var(--transition);z-index:10;background:#0f172a;border-radius:6px;padding:4px 8px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-8px)}.heatmap-bar:hover .heatmap-tooltip{opacity:1;transform:translate(-50%)translateY(-4px)}.heatmap-axis-labels{color:var(--text-dim);font-family:var(--font-mono);border-top:1px solid #ffffff0d;justify-content:space-between;padding-top:8px;font-size:.7rem;display:flex}.senders-list{flex-direction:column;gap:12px;max-height:180px;padding-right:6px;display:flex;overflow-y:auto}.senders-list::-webkit-scrollbar{width:4px}.senders-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.sender-item-row{align-items:center;gap:12px;display:flex}.sender-avatar{width:32px;height:32px;color:var(--green);background:#25d36626;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.sender-details{flex-grow:1;min-width:0}.sender-name-meta{justify-content:space-between;margin-bottom:4px;font-size:.85rem;display:flex}.sender-name-text{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sender-count-text{font-family:var(--font-mono);color:var(--text-muted)}.sender-bar-track{background:#ffffff0d;border-radius:10px;height:4px;overflow:hidden}.sender-bar-fill{background:var(--green);border-radius:10px;height:100%}.preview-controls-row{gap:12px;margin-bottom:1.25rem;display:flex}.search-box-wrapper{flex-grow:1;position:relative}.search-box-wrapper svg{width:18px;height:18px;stroke:var(--text-dim);fill:none;stroke-width:2px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input-field{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);font-family:var(--font-sans);transition:var(--transition);padding:.75rem 1rem .75rem 2.6rem;font-size:.9rem}.search-input-field:focus{border-color:var(--green);outline:none;box-shadow:0 0 15px #25d3661a}.sender-filter-select{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-sans);cursor:pointer;transition:var(--transition);outline:none;min-width:160px;padding:.75rem 1.5rem;font-size:.9rem}.sender-filter-select:focus{border-color:var(--green)}.table-scroller{border-radius:var(--radius-md);border:1px solid var(--border);background:#03071266;margin-bottom:1rem;overflow-x:auto}.table-scroller::-webkit-scrollbar{width:6px;height:6px}.table-scroller::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}thead th{color:var(--green);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border);white-space:nowrap;background:#101623e6;padding:1rem;font-size:.75rem}tbody tr{transition:var(--transition);border-bottom:1px solid #ffffff05}tbody tr:hover{background:#ffffff04}tbody td{vertical-align:top;color:var(--text);padding:.85rem 1rem}.badge-date{font-size:.72rem;font-family:var(--font-mono);color:var(--green);background:#25d36614;border:1px solid #25d36626;border-radius:30px;padding:3px 8px;display:inline-block}.time-text{color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap;font-size:.78rem}.sender-badge-cell{white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-weight:600;overflow:hidden}.message-text-cell{text-overflow:ellipsis;white-space:normal;word-break:break-word;max-width:320px;line-height:1.5;overflow:hidden}.no-results-alert{text-align:center;color:var(--text-dim);padding:2.5rem;font-size:.95rem}.pagination-row{justify-content:space-between;align-items:center;margin-top:1.25rem;display:flex}.pagination-info{color:var(--text-muted);font-size:.8rem}.pagination-buttons{gap:8px;display:flex}.pag-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text);cursor:pointer;font-family:var(--font-mono);transition:var(--transition);border-radius:8px;justify-content:center;align-items:center;padding:6px 12px;font-size:.78rem;display:flex}.pag-btn:hover:not(:disabled){border-color:var(--green);color:var(--green)}.pag-btn:disabled{opacity:.4;cursor:not-allowed}#download-btn{width:100%;color:var(--green);border:1.5px solid var(--green);border-radius:var(--radius-md);font-size:1.05rem;font-weight:700;font-family:var(--font-sans);cursor:pointer;transition:var(--transition);background:0 0;justify-content:center;align-items:center;gap:12px;margin-top:1.5rem;padding:1.1rem 2rem;display:flex;box-shadow:0 0 15px #25d3660d}#download-btn:hover{background:#25d36614;transform:translateY(-1px);box-shadow:0 0 25px #25d36626}#download-btn:active{transform:translateY(0)}#download-btn svg{stroke:currentColor;fill:none;stroke-width:2.2px;width:20px;height:20px}.steps-layout{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.step-card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);padding:1.5rem;position:relative;overflow:hidden}.step-card:after{content:"";background:var(--green);border-radius:4px;width:30px;height:3px;position:absolute;bottom:0;left:0}.step-card:hover{border-color:#25d36626;transform:translateY(-2px)}.step-order-badge{width:28px;height:28px;font-family:var(--font-mono);color:var(--green);background:#25d3661a;border:1px solid #25d36633;border-radius:8px;justify-content:center;align-items:center;margin-bottom:1rem;font-size:.78rem;font-weight:700;display:flex}.step-instruction-text{color:var(--text-muted);font-size:.88rem;line-height:1.6}.step-instruction-text strong{color:var(--text);font-weight:500}footer{color:var(--text-dim);text-align:center;font-size:.8rem;font-family:var(--font-mono);letter-spacing:.02em;margin-top:4rem}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.options-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.charts-grid{grid-template-columns:1fr}body{padding:2.5rem 1rem}.glass-card{padding:1.5rem}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}}