*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0f0f1a;--bg-card: rgba(255, 255, 255, .04);--bg-card-border: rgba(255, 255, 255, .08);--bg-input: rgba(255, 255, 255, .06);--bg-input-focus: rgba(255, 255, 255, .1);--text: #e8e8f0;--text-muted: #8888a8;--text-hint: #5c5c7a;--accent: #6c63ff;--accent-hover: #7e76ff;--accent-glow: rgba(108, 99, 255, .35);--danger: #ff4d6a;--success: #2dd4a0;--radius: 14px;--radius-sm: 10px;--transition: .25s cubic-bezier(.4, 0, .2, 1);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html{font-size:16px}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100dvh;display:flex;justify-content:center;align-items:flex-start;padding:24px 16px 40px;-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse at 20% 0%,rgba(108,99,255,.12) 0%,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(45,212,160,.08) 0%,transparent 60%)}.app{width:100%;max-width:480px;display:flex;flex-direction:column;gap:20px}.header{text-align:center;padding:8px 0 0}.header-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,var(--accent),#4f46e5);color:#fff;margin-bottom:12px;box-shadow:0 8px 24px var(--accent-glow)}.header h1{font-size:1.6rem;font-weight:700;letter-spacing:-.02em}.subtitle{color:var(--text-muted);font-size:.88rem;margin-top:4px}.card{background:var(--bg-card);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--bg-card-border);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:20px}.drop-zone{border:2px dashed rgba(255,255,255,.12);border-radius:var(--radius-sm);padding:36px 16px;text-align:center;cursor:pointer;transition:border-color var(--transition),background var(--transition);position:relative}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--accent);background:#6c63ff0f}.drop-zone-icon{color:var(--text-muted);margin-bottom:12px;transition:color var(--transition),transform var(--transition)}.drop-zone:hover .drop-zone-icon,.drop-zone.drag-over .drop-zone-icon{color:var(--accent);transform:translateY(-4px)}.drop-zone-text{font-size:.92rem;color:var(--text-muted)}.browse-link{color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:3px}.drop-zone-hint{font-size:.76rem;color:var(--text-hint);margin-top:6px}.file-info{display:flex;justify-content:center}.file-badge{display:inline-flex;align-items:center;gap:8px;background:#2dd4a01a;border:1px solid rgba(45,212,160,.2);border-radius:999px;padding:8px 14px;font-size:.84rem;color:var(--success);animation:fadeSlideIn .3s ease-out}.file-badge-icon{font-size:1rem}.file-badge-name{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-badge-remove{background:none;border:none;color:var(--danger);font-size:1.2rem;cursor:pointer;line-height:1;padding:0 2px;opacity:.7;transition:opacity var(--transition)}.file-badge-remove:hover{opacity:1}.form-grid{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.field select,.field input[type=date],.field input[type=text]{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--bg-input);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:12px 14px;font-size:.92rem;color:var(--text);font-family:var(--font);outline:none;transition:border-color var(--transition),background var(--transition),box-shadow var(--transition)}.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%238888a8' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 6l3.5 4 3.5-4z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:36px;cursor:pointer}.field select:focus,.field input[type=date]:focus,.field input[type=text]:focus{border-color:var(--accent);background:var(--bg-input-focus);box-shadow:0 0 0 3px var(--accent-glow)}.field select option{background-color:var(--bg);color:var(--text)}.field input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.6);cursor:pointer}.preview{display:flex;flex-direction:column;gap:8px;animation:fadeSlideIn .3s ease-out}.preview label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.preview-name{background:#6c63ff14;border:1px solid rgba(108,99,255,.15);border-radius:var(--radius-sm);padding:12px 14px;font-size:.9rem;font-weight:500;color:var(--accent-hover);word-break:break-all;font-family:Cascadia Code,Fira Code,Consolas,monospace}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px;border:none;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--accent),#4f46e5);color:#fff;font-family:var(--font);font-size:.95rem;font-weight:600;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),opacity var(--transition);box-shadow:0 4px 20px var(--accent-glow)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px var(--accent-glow)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.footer{text-align:center}.footer p{font-size:.74rem;color:var(--text-hint)}.hidden{display:none!important}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.app{padding:10px;gap:16px}.card{padding:20px;border-radius:var(--radius-sm)}.header h1{font-size:1.5rem}.drop-zone{padding:24px 12px}.field select,.field input[type=date],.field input[type=text],.btn-primary{padding:14px 16px;font-size:16px;min-height:52px}.field label{font-size:.85rem}}