:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#10233b;background:radial-gradient(circle at top,rgba(234,174,88,.22),transparent 36%),linear-gradient(180deg,#f6efe3,#e8f0f5,#d9e7ef);line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select{font:inherit}button{border:0;cursor:pointer}.shell{width:min(1180px,calc(100vw - 32px));margin:0 auto;padding:32px 0 48px}.shell-login{min-height:100vh;display:grid;place-items:center}.login-panel,.hero-card,.workspace-card{border:1px solid rgba(16,35,59,.08);background:#ffffffd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 24px 60px #10233b1f}.login-panel{width:min(520px,100%);border-radius:28px;padding:32px}.hero-card{border-radius:28px;padding:28px 30px;display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:20px}.hero-copy,.brand{display:grid;gap:10px}.brand-logo,.hero-logo{width:auto;height:78px;object-fit:contain}.workspace-card{border-radius:28px;padding:28px}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;color:#8c5a15}h1,h3,p{margin-top:0}h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;margin-bottom:0}.lead{max-width:62ch;color:#41556d;margin-bottom:0}.login-form,.upload-form{display:grid;gap:18px}.upload-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;margin-bottom:20px}.field{display:grid;gap:8px;color:#31475d;font-weight:600}.field input,.field select{width:100%;border:1px solid #c9d8e4;border-radius:14px;padding:14px 16px;background:#fbfdff;color:#10233b}.field-file input{padding:12px}.primary-action,.secondary-action{border-radius:999px;padding:14px 22px;font-weight:700;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.primary-action{color:#fff8ef;background:linear-gradient(135deg,#af5e1a,#d98528);box-shadow:0 14px 28px #af5e1a47}.secondary-action{color:#17314b;background:#edf4f8}.zoom-action{min-width:72px;padding:10px 16px}.primary-action:hover,.secondary-action:hover,.result-card:hover{transform:translateY(-2px)}.status-container p{border-radius:18px;padding:16px 18px;font-weight:600}.processing{background:#e3f1ff;color:#0f4570}.success{background:#e7f7eb;color:#236238}.error,.inline-error{background:#ffeceb;color:#8f302f}.inline-error{border-radius:14px;padding:12px 14px}.column-selector-container{margin-top:16px;border:1px solid #cfe0ea;border-radius:20px;background:#f4f9fc;padding:18px}.column-selector-actions{display:flex;gap:12px;flex-wrap:wrap}.results-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin-top:24px}.result-card{border:1px solid rgba(16,35,59,.1);border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 16px 30px #10233b14;transition:transform .2s ease,box-shadow .2s ease}.image-container{padding:14px}.image-original{display:block;width:100%;height:220px;object-fit:contain;border-radius:18px;background:linear-gradient(180deg,#f8fbfd,#ebf2f6)}.image-label{text-align:center;color:#5b6f84;font-size:.9rem;margin:10px 0 0}.card-content{padding:0 18px 18px;color:#32485f}.modal-ficha-zoom{position:fixed;inset:0;display:grid;place-items:center;z-index:1000}.modal-ficha-zoom-bg{position:absolute;inset:0;background:#091018b3}.modal-ficha-zoom-content{position:relative;z-index:1;width:min(1120px,calc(100vw - 16px));height:min(100vh - 16px,980px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;border-radius:26px;background:#fff;overflow:hidden;box-shadow:0 24px 70px #00000040}.modal-topbar,.modal-bottombar{position:sticky;z-index:2;background:#fff}.modal-topbar{top:0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 18px 12px;border-bottom:1px solid #e5edf2}.modal-bottombar{bottom:0;padding:12px 18px 18px;border-top:1px solid #e5edf2;box-shadow:0 -8px 18px #10233b0f}.modal-ficha-zoom-close{flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:#eff4f8;color:#17314b}.zoom-container{width:100%}.zoom-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.zoom-toolbar-group{display:flex;gap:8px;flex-wrap:wrap}.zoom-hint{margin:0;color:#5b6f84;font-size:.95rem}.zoom-wrapper{min-height:0;overflow:auto;background:#f5f8fa;border-top:1px solid #d6e1e9;border-bottom:1px solid #d6e1e9;display:flex;align-items:flex-start;justify-content:center;padding:24px}.modal-ficha-zoom-img{display:block;max-width:100%;transform-origin:top center;transition:transform .15s ease;will-change:transform}.suggestion-list{display:grid;gap:8px;margin:0 0 14px;max-height:180px;overflow:auto}.suggestion-item{width:100%;text-align:left;padding:12px 14px;border-radius:14px;background:#eef5f9;color:#17314b;font-weight:600}.suggestion-item:hover{background:#ddebf4}.modal-field{margin:0}.modal-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}@media(max-width:760px){.shell{width:min(100vw - 20px,100%);padding-top:20px}.hero-card{flex-direction:column}.brand-logo,.hero-logo{height:64px}.upload-form{grid-template-columns:1fr}.modal-ficha-zoom{place-items:stretch}.modal-ficha-zoom-content{width:100vw;height:100vh;border-radius:0}.modal-topbar{padding:12px 12px 10px}.zoom-wrapper{padding:12px}.modal-bottombar{padding:10px 12px calc(12px + env(safe-area-inset-bottom))}.modal-actions,.column-selector-actions,.zoom-toolbar{display:grid;grid-template-columns:1fr}.zoom-toolbar-group{display:grid;grid-template-columns:repeat(3,1fr)}}.notice-overlay{position:fixed;inset:0;display:grid;place-items:center;background:#09101880;z-index:2000;padding:20px}.notice-card{width:min(460px,100%);background:#fff;border-radius:24px;padding:24px;box-shadow:0 24px 70px #00000040;border:1px solid #e3ebf1}.notice-card h3{margin:0 0 10px}.notice-card p{margin:0;color:#41556d}.notice-button{margin-top:18px;width:100%}.notice-success{border-color:#bfe5c9}.notice-warning{border-color:#f0d8a6}.notice-error{border-color:#f0b7b3}