[hidden]{display:none!important} :root{--bg:#f4f5f7;--radius:14px;--ink:#172b3a;--ink-soft:#647381}button,input,select{font-family:inherit}button:disabled{opacity:.5;cursor:not-allowed} :focus-visible{outline:3px solid #e2231b55;outline-offset:3px}.app-header{height:76px;padding:0 36px}.app-header:after{content:'GESTIÓN DOCUMENTAL';font-size:10px;letter-spacing:.16em;color:var(--ink-soft);order:-1}.app-header .logo-link{order:-2}.content-wrap{max-width:1360px;padding:30px 36px}.content{padding:28px;min-height:65vh}.main-nav{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.main-nav button{border:0;background:transparent;color:var(--ink-soft);padding:12px 18px}.main-nav button.active{background:#172b3a;color:white}.main-nav .upload-nav{margin-left:auto;background:var(--primary);color:white}#panel-home{min-height:0;align-items:stretch;justify-content:flex-start;text-align:left;gap:24px}.home-heading{font-size:32px;letter-spacing:-1px}.home-subheading{font-size:15px;margin-top:10px}#homeSearchWrap{max-width:760px}.search-pill{border-radius:12px;padding:18px}.home-actions{justify-content:flex-start}.dashboard-intro{font-size:11px;font-weight:700;letter-spacing:.15em;color:var(--primary);margin-bottom:14px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat-card{border:1px solid var(--border);border-radius:12px;padding:22px;background:#fafbfc}.stat-card span{display:block;color:var(--ink-soft);font-size:13px}.stat-card strong{display:block;font-size:30px;margin:12px 0 4px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.quick-card{border:1px solid var(--border);border-radius:12px;padding:24px;text-align:left;white-space:normal}.quick-card strong{display:block;font-size:17px;margin-bottom:10px}.quick-card span{color:var(--ink-soft);font-size:13px;font-weight:400;line-height:1.6}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0 18px}.section-heading h2{margin:0}.eyebrow{font-size:11px;letter-spacing:.12em;color:var(--ink-soft)}.upload-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:24px}.upload-box{border:1px solid var(--border);border-radius:12px;padding:24px}.upload-box label{display:block;font-weight:600;margin-bottom:10px}.upload-box input[type=text],.upload-box input[type=number],.upload-box input[type=datetime-local],.upload-box select{width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;margin-bottom:12px;background:#fff}.drop-zone{display:block;width:100%;padding:36px 16px;border:2px dashed #ccd3da;border-radius:12px;background:#fafbfc;text-align:center;margin:16px 0}.drop-zone.drag{border-color:var(--primary);background:var(--primary-light)}.drop-zone b{display:block;font-size:17px;margin:10px}.drop-zone span{display:block;font-size:12px;color:var(--ink-soft);font-weight:400}.file-row{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--border)}.file-info{flex:1;min-width:0;overflow-wrap:anywhere}.file-info small{display:block;color:var(--ink-soft);margin-top:5px}.upload-actions{display:flex;gap:12px;align-items:center;margin-top:20px}.upload-actions .btn-primary{width:auto}.status-msg{font-size:13px;line-height:1.6;white-space:pre-wrap}.status-msg.error{color:#ad211a}.status-msg.ok{color:#177244}.guide-step{display:flex;gap:12px;margin:24px 0;color:var(--ink-soft);font-size:14px;line-height:1.6}.guide-step b{color:var(--ink)}.step-number{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--primary-light);color:var(--primary);text-align:center;font-weight:700}.folder-link{border:0;background:none;color:var(--ink);padding:0;text-align:left}.folder-link strong{display:block;color:var(--primary);font-size:14px;margin-bottom:5px}.folder-link small{display:block;color:var(--ink-soft);margin-top:5px}.badge{display:inline-block;background:#eef2f5;border-radius:6px;padding:5px 8px;font-size:11px}.pager{flex-wrap:wrap}.results-summary{color:var(--ink-soft);font-size:12px;margin:12px 0}.table-scroll{overflow:auto}dialog{width:min(740px,95vw);max-height:85vh;border:1px solid var(--border);border-radius:16px;padding:28px;color:var(--ink);box-shadow:0 20px 80px #172b3a33}dialog::backdrop{background:#172b3a88;backdrop-filter:blur(3px)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.detail-grid dt{font-size:12px;color:var(--ink-soft)}.detail-grid dd{margin:6px 0;overflow-wrap:anywhere}.login-card{max-width:430px;padding:40px;box-shadow:0 20px 80px #172b3a0d}.login-card .brand:after{content:'Tu archivo, siempre a mano.';display:block;font-size:22px;font-weight:600;margin:24px 0}.login-card .brand img{height:42px!important}#view-login{background:radial-gradient(ellipse at top left,#fcebea,transparent 55%),var(--bg)}.login-row input{padding:13px!important}.muted{color:var(--ink-soft)}@media(max-width:720px){.app-header{padding:0 16px}.app-header:after{display:none}.content-wrap{padding:16px}.content{padding:18px}.main-nav{gap:4px}.main-nav button{padding:10px}.main-nav .upload-nav{margin-left:0}.stat-grid{gap:8px}.stat-card{padding:12px}.stat-card strong{font-size:25px}.quick-grid,.upload-layout{grid-template-columns:1fr}.home-heading{font-size:27px}.footer-row{gap:12px;flex-wrap:wrap}.detail-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
#panel-help{max-width:780px;margin:0 auto}#panel-help h2{font-size:28px;margin:0 0 12px}.help-intro{color:var(--ink-soft);line-height:1.6;margin-bottom:28px}.help-form{padding:24px;border:1px solid var(--border);border-radius:12px;background:#fafbfc}.help-form label{display:block;font-weight:600;margin:0 0 10px}.help-form label span{font-weight:400;color:var(--ink-soft);font-size:12px}.help-form input,.help-form textarea{box-sizing:border-box;width:100%;font:inherit;color:var(--ink);background:white;border:1px solid var(--border);border-radius:8px;padding:12px;line-height:1.6}.help-form textarea{resize:vertical;min-height:160px}.help-form .hint{font-size:13px;line-height:1.6;color:var(--ink-soft)}#helpEmailHint{margin:8px 0 24px}.help-field-footer{display:flex;justify-content:space-between;gap:16px;align-items:baseline}.help-field-footer .hint{margin-top:8px}#helpCount{font-size:12px;white-space:nowrap;color:var(--ink-soft)}.help-form .btn-primary{width:auto;padding:12px 22px}#helpDelivery{margin:20px 0}#helpStatus:empty{display:none}@media(max-width:520px){.help-form{padding:16px}.help-field-footer{flex-wrap:wrap;gap:0}.help-form .btn-primary{width:100%}}