*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;line-height:1.5}img,svg{max-width:100%;display:block}input,button{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}[hidden]{display:none!important}:root{--color-bg: #c8d0e0;--color-text: #1a2340;--color-text-muted: #7c87a6;--color-surface: #ffffff;--color-border: #dde3ef;--color-border-strong: #c5d0ef;--color-border-dashed: #b0bcd8;--color-primary: #2d5be3;--color-primary-hover: #1a47cc;--color-primary-soft: #eef2fd;--color-primary-soft-bg: #f8f9fd;--color-header-bg: #1a2340;--color-error: #b91c1c;--color-error-strong: #dc2626;--color-error-bg: #fef2f2;--color-error-border: #fca5a5;--color-success: #1a7c42;--color-badge-xlsx-bg: #e8f5e9;--color-badge-xlsx-fg: #2e7d32;--color-badge-dwg-bg: #fff3e0;--color-badge-dwg-fg: #e65100;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-sm: 6px;--radius-md: 7px;--radius-lg: 10px;--radius-xl: 16px;--shadow-card: 0 4px 24px rgba(26, 35, 64, .13);--card-max-width: 560px}html,body{min-height:100%;font-family:var(--font-body);color:var(--color-text);padding:40px 16px;background-color:var(--color-bg);background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMjg1Ljk5OTk5OTk5OTk5OTk0IDAgMTA2Mi4wMDAwMDAwMDAwMDAyIDkwMCIgd2lkdGg9IjEwNjQiIGhlaWdodD0iOTAwIj4KCTxzdHlsZT4KCQkuczAgeyBmaWxsOiAjMjc0Mjg0IH0gCgkJLnMxIHsgZmlsbDogIzRlNzVhZiB9IAoJPC9zdHlsZT4KCTxwYXRoIGlkPSJGb3JtYSA0IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsYXNzPSJzMCIgZD0ibTMyNCA4NzcuODVsMzI2LjM3LTg1NC44NWgxMzEuMTFsMzI1LjggODU0Ljg1aC0xMjAuMjRsLTAuOC0yLjI0IDMuMDkgMC4wMS02OC4zLTE4My42Ni0xMS44Ni0zMy40MWgtMC41NmwtMzUuNzgtOTYuMTloMC4yN2wtMTU3LjQ2LTQyNS40Mi0wLjUgMS4zNi01LjYtMTUuMDctMjYyLjg1IDc0OS4wMiAxLjI1IDAuMDEtMS45OCA1LjU5eiIvPgoJPHBhdGggaWQ9IkZvcm1hIDQgY29weSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGFzcz0iczEiIGQ9Im01MTkuNDQgODc3Ljg1bDMyNi4zNi04NTQuODVoMTMxLjEybDMyNS43OSA4NTQuODVoLTEyMC4yNGwtMC43OS0yLjI0IDMuMDkgMC4wMS02OC4zLTE4My42Ni0xMS44Ny0zMy40MWgtMC41NmwtMzUuNzctOTYuMTloMC4yNmwtMTU3LjQ1LTQyNS40Mi0wLjUgMS4zNi01LjYtMTUuMDctMjYyLjg2IDc0OS4wMiAxLjI2IDAuMDEtMS45OSA1LjU5eiIvPgoJPGcgaWQ9IkxheWVyIDEiPgoJPC9nPgo8L3N2Zz4=);background-repeat:no-repeat;background-position:center center;background-size:70%;background-attachment:fixed}.card{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border-strong);width:100%;max-width:var(--card-max-width);margin:0 auto;overflow:hidden;box-shadow:var(--shadow-card)}.card-header{background:var(--color-header-bg);padding:20px 24px;display:flex;align-items:center;gap:16px}.header-logo{height:40px;object-fit:contain;flex-shrink:0}.header-divider{width:1px;height:36px;background:#fff3;flex-shrink:0}.header-title{font-size:14px;font-weight:700;color:#fff}.header-sub{font-size:11px;color:#fff9;margin-top:3px}.card-body{padding:24px}.field{margin-bottom:20px}.field-label{font-size:13px;font-weight:700;color:var(--color-text);margin-bottom:3px}.field-hint{font-size:11px;color:var(--color-text-muted);margin-bottom:8px}.field-badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.3px;padding:2px 7px;border-radius:20px;margin-left:6px;vertical-align:middle;position:relative;top:-1px}.badge-xlsx{background:var(--color-badge-xlsx-bg);color:var(--color-badge-xlsx-fg)}.badge-dwg{background:var(--color-badge-dwg-bg);color:var(--color-badge-dwg-fg)}.drop-zone{border:1.5px dashed var(--color-border-dashed);border-radius:var(--radius-lg);padding:20px 16px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;background:var(--color-primary-soft-bg);display:flex;flex-direction:column;align-items:center;gap:6px}.drop-zone:hover,.drop-zone--over{border-color:var(--color-primary);background:var(--color-primary-soft)}.drop-zone input[type=file]{display:none}.dz-text{font-size:12px;color:var(--color-text-muted)}.dz-text strong{color:var(--color-primary)}.file-list{margin-top:8px;display:flex;flex-direction:column;gap:4px}.file-item{display:flex;justify-content:space-between;align-items:center;padding:7px 11px;background:var(--color-primary-soft);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);font-size:11px;color:var(--color-text)}.file-item__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:8px}.file-item__size{color:var(--color-text-muted);margin-right:8px;white-space:nowrap}.file-item__remove{color:var(--color-error-strong);cursor:pointer;font-weight:700;font-size:14px;flex-shrink:0;line-height:1;padding:0 2px}.file-item__remove:hover{color:var(--color-error)}.divider{height:1px;background:var(--color-border);margin:4px 0 20px}.btn-enviar{display:block;width:100%;padding:13px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-lg);font-size:14px;font-weight:700;cursor:pointer;transition:background .15s;margin-top:4px}.btn-enviar:hover:not(:disabled){background:var(--color-primary-hover)}.btn-enviar:disabled{background:var(--color-border-dashed);cursor:not-allowed}.btn-enviar--secondary{display:block;background:var(--color-surface);color:var(--color-primary);border:1.5px solid var(--color-primary);margin:24px auto 0;max-width:280px}.btn-enviar--secondary:hover:not(:disabled){background:var(--color-primary-soft)}.error-msg{color:var(--color-error);font-size:12px;margin-top:10px;padding:8px 12px;background:var(--color-error-bg);border-radius:var(--radius-md);border:1px solid var(--color-error-border)}.progress{margin-top:16px}.progress-text{font-size:12px;color:var(--color-text-muted);text-align:center;margin-bottom:8px}.bar-wrap{background:var(--color-border);border-radius:var(--radius-sm);height:6px;overflow:hidden}.bar{height:6px;background:linear-gradient(90deg,var(--color-primary),#5b82f0);width:0%;transition:width .3s;border-radius:var(--radius-sm)}.state-loading,.state-token-error,.state-success{padding:48px 24px;text-align:center;background:var(--color-surface)}.state-loading{display:flex;flex-direction:column;align-items:center;gap:16px}.spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}.loading-text{font-size:13px;color:var(--color-text-muted)}.token-error-icon,.success-icon{margin-bottom:16px;display:inline-block}.token-error-title{font-size:18px;font-weight:700;color:var(--color-error);margin-bottom:8px}.token-error-sub,.success-sub{font-size:13px;color:var(--color-text-muted);line-height:1.6}.success-title{font-size:20px;font-weight:700;color:var(--color-success);margin-bottom:8px}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}