:root{--font-display: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-primary: #0b0f19;--bg-secondary: #151c2e;--bg-tertiary: #1e2942;--accent: #3b82f6;--accent-glow: rgba(59, 130, 246, .15);--accent-hover: #2563eb;--success: #10b981;--success-glow: rgba(16, 185, 129, .15);--warning: #f59e0b;--warning-glow: rgba(245, 158, 11, .15);--error: #ef4444;--error-glow: rgba(239, 68, 68, .15);--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-muted: #6b7280;--border-color: rgba(255, 255, 255, .08);--border-focus: rgba(59, 130, 246, .5);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 10px 20px rgba(0, 0, 0, .3);--shadow-lg: 0 20px 40px rgba(0, 0, 0, .5);--transition-fast: .15s ease;--transition-normal: .25s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);line-height:1.5;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;background-image:radial-gradient(circle at 10% 20%,rgba(59,130,246,.05) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(16,185,129,.04) 0%,transparent 40%);background-attachment:fixed}.app-header{padding:24px 40px;border-bottom:1px solid var(--border-color);background:#0b0f19cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.logo-container{display:flex;align-items:center;gap:12px}.logo-icon{font-size:2rem;filter:drop-shadow(0 0 8px var(--accent))}.logo-text h1{font-family:var(--font-display);font-weight:700;font-size:1.4rem;background:linear-gradient(135deg,#fff,#9ca3af);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.logo-text p{font-size:.75rem;color:var(--text-secondary);letter-spacing:1px;text-transform:uppercase}.header-badges{display:flex;gap:12px}.badge{background:#ffffff0d;border:1px solid var(--border-color);padding:6px 14px;border-radius:var(--radius-full);font-size:.8rem;font-weight:500;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.badge-green{background:var(--success-glow);border-color:#10b9814d;color:var(--success)}.app-container{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:40px;display:grid;grid-template-columns:1fr;gap:32px}@media (min-width: 1024px){.app-container{grid-template-columns:420px 1fr}}h2,h3,h4{font-family:var(--font-display);font-weight:600;color:#fff}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-md);transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.card:hover{border-color:#ffffff26;box-shadow:var(--shadow-lg)}.dropzone{border:2px dashed var(--border-color);border-radius:var(--radius-md);padding:40px 20px;text-align:center;cursor:pointer;transition:all var(--transition-normal);background:#ffffff03;display:flex;flex-direction:column;align-items:center;gap:16px;position:relative}.dropzone.active{border-color:var(--accent);background:var(--accent-glow)}.dropzone-icon{width:64px;height:64px;border-radius:var(--radius-md);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:1.8rem;transition:transform var(--transition-normal);box-shadow:var(--shadow-sm)}.dropzone:hover .dropzone-icon{transform:translateY(-4px);background:var(--accent);color:#fff;box-shadow:0 10px 20px #3b82f64d}.dropzone-text h3{margin-bottom:6px;font-size:1.1rem}.dropzone-text p{font-size:.85rem;color:var(--text-secondary)}.quick-load-btn{margin-top:12px;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--accent);padding:8px 16px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.quick-load-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.control-section{display:flex;flex-direction:column;gap:24px}.section-title{display:flex;align-items:center;gap:8px;font-size:1.2rem;margin-bottom:4px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.btn-group{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:var(--bg-tertiary);padding:4px;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.toggle-btn{background:transparent;border:none;color:var(--text-secondary);padding:10px;border-radius:6px;cursor:pointer;font-weight:600;font-family:var(--font-sans);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:8px}.toggle-btn.active{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.time-inputs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.input-wrapper{display:flex;flex-direction:column;align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:8px}.input-wrapper:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.number-input{width:100%;background:transparent;border:none;color:#fff;font-family:var(--font-display);font-size:1.8rem;font-weight:700;text-align:center;outline:none}.number-input::-webkit-inner-spin-button,.number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-unit{font-size:.7rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.ms-input-wrapper{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.ms-input{background:transparent;border:none;color:#fff;font-family:var(--font-display);font-size:1.2rem;font-weight:600;width:120px;text-align:right;outline:none}.primary-btn{background:var(--accent);border:none;color:#fff;padding:16px 24px;border-radius:var(--radius-md);font-size:1rem;font-weight:700;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:12px;width:100%;box-shadow:0 4px 12px var(--accent-glow)}.primary-btn:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.primary-btn:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;transform:none;box-shadow:none}.success-btn{background:var(--success);box-shadow:0 4px 12px var(--success-glow)}.success-btn:hover{background:#059669;box-shadow:0 8px 20px #10b98166}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.stat-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:4px}.stat-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.stat-value{font-size:1.1rem;font-weight:700;color:#fff;font-family:var(--font-display)}.meta-list{display:flex;flex-direction:column;gap:12px;background:#ffffff05;padding:18px;border-radius:var(--radius-md);border:1px solid var(--border-color)}.meta-item{display:flex;justify-content:space-between;font-size:.85rem}.meta-label{color:var(--text-secondary)}.meta-val{font-weight:600}.time-diff-container{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;gap:16px}.time-node{display:flex;align-items:flex-start;gap:12px;position:relative}.time-node-line{position:absolute;left:16px;top:36px;bottom:-26px;width:2px;background:var(--border-color)}.time-node-icon{width:34px;height:34px;border-radius:var(--radius-full);background:var(--bg-secondary);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:.9rem;z-index:2}.time-node-icon.orig{border-color:var(--warning);color:var(--warning)}.time-node-icon.shift{border-color:var(--success);color:var(--success)}.time-node-info h4{font-size:.8rem;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px}.time-node-info p{font-family:var(--font-display);font-size:1.05rem;font-weight:600}.time-arrow-divider{margin-left:46px;color:var(--text-muted);display:flex;align-items:center;gap:8px;font-size:.85rem}.table-container{overflow-x:auto;border:1px solid var(--border-color);border-radius:var(--radius-md);background:#ffffff03}.preview-table{width:100%;border-collapse:collapse;text-align:left;font-size:.85rem}.preview-table th{background:var(--bg-tertiary);color:var(--text-secondary);font-weight:600;padding:12px 16px;border-bottom:1px solid var(--border-color);text-transform:uppercase;font-size:.75rem;letter-spacing:.5px}.preview-table td{padding:12px 16px;border-bottom:1px solid var(--border-color)}.preview-table tr:last-child td{border-bottom:none}.preview-table tr:hover td{background:#ffffff05}.time-col-orig{color:var(--warning);font-family:var(--font-display)}.time-col-new{color:var(--success);font-family:var(--font-display);font-weight:600}.alert-banner{display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:var(--radius-md);font-size:.9rem;border:1px solid transparent}.alert-info{background:var(--accent-glow);border-color:#3b82f633;color:#93c5fd}.alert-error{background:var(--error-glow);border-color:#ef444433;color:#fca5a5}.alert-success{background:var(--success-glow);border-color:#10b98133;color:#6ee7b7}.app-footer{text-align:center;padding:40px;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:.85rem}.app-footer a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.app-footer a:hover{color:var(--accent)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}