:root{--color-text:#1f2937;--color-surface:#ffffffeb;--color-surface-soft:#ffffffd6;--color-border:#94a3b838;--color-primary:#cf3030;--color-primary-dark:#991b1b;--color-success:#059669;--color-info:#2563eb;--color-danger:#dc2626;--bg-gradient:linear-gradient(135deg, #f8fafc 0%, #fee2e2 100%);--shadow-soft:0 18px 45px #0f172a14;--shadow-strong:0 28px 70px #0f172a2e}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--color-text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.page-shell{min-height:100vh}.top-bar{z-index:20;color:#fff;background:linear-gradient(120deg,#7f1d1d 0%,#b91c1c 48%,#ef4444 100%);justify-content:space-between;align-items:center;gap:16px;padding:18px 28px;display:flex;position:sticky;top:0;box-shadow:0 12px 30px #7f1d1d38}.top-bar img{object-fit:contain;max-width:none;width:auto!important;height:40px!important}.brand-logo{object-fit:contain;max-width:none;width:auto!important;height:auto!important}.brand-logo-auth{filter:brightness(0);height:40px!important}.brand-logo-header{filter:none;height:40px!important}.top-bar>.brand-logo,.top-bar>.brand-logo-header,.top-bar>img{align-self:center}.doc-toggle-title,button.option-card>p{text-align:center}.top-bar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.admin-user-name{white-space:nowrap}@media (max-width:720px){.admin-user-name{display:none}}.account-actions-menu{position:relative}.account-menu-trigger.is-compact{justify-content:center;width:44px;min-width:44px;padding:10px}.account-actions-popover{min-width:220px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:30;background:#fffffff5;border:1px solid #94a3b838;border-radius:18px;gap:10px;padding:14px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.pill-button,.primary-button,.secondary-button,.ghost-button,.danger-button{border:1px solid #0000;border-radius:999px;min-height:44px;padding:10px 16px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.pill-button:hover,.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.danger-button:hover{transform:translateY(-1px)}.pill-button{color:#fff;background:#ffffff2e;border-color:#ffffff80}.primary-button{background:linear-gradient(120deg, var(--color-primary), var(--color-primary-dark));color:#fff}.secondary-button{color:#334155;background:#fff;border-color:#94a3b852}.ghost-button{color:#475569;background:0 0;border-color:#94a3b83d}.danger-button{background:linear-gradient(120deg, #b91c1c, var(--color-danger));color:#fff}.content-wrap{gap:24px;width:min(1200px,100% - 32px);margin:24px auto 36px;display:grid}.admin-content-wrap{width:min(1480px,100% - 32px)}.loading-screen{place-items:center;min-height:100vh;padding:32px 16px;display:grid}.loading-screen-portal{background:radial-gradient(circle at top,#ffffffeb,#fee2e2b8 55%,#f8fafce6 100%)}.loading-card{text-align:center;background:var(--color-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);width:min(460px,100%);box-shadow:var(--shadow-strong);border-radius:28px;justify-items:center;gap:20px;padding:36px 32px;display:grid}.loading-spinner{border:4px solid #cf30302e;border-top-color:var(--color-primary);border-radius:50%;width:58px;height:58px;animation:.8s linear infinite spin}.loading-copy{justify-items:center;gap:10px;display:grid}.loading-title{color:var(--color-primary-dark);margin:0;font-size:clamp(1.75rem,4vw,2.4rem)}.hero-grid{grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:20px;display:grid}.hero-card,.status-card,.surface-card,.auth-card,.modal-card{background:var(--color-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);border-radius:24px}.hero-card,.status-card,.surface-card,.auth-card{padding:24px}.surface-card{gap:20px;display:grid}.surface-card>h1,.surface-card>h2,.surface-card>h3,.surface-card>h4,.surface-card>p,.surface-card>.muted-text{margin:0}p.hero-subtitle{padding:0 0 0 7px}.hero-badge,.status-badge{width:fit-content;color:var(--color-primary-dark);letter-spacing:.05em;text-transform:uppercase;background:#cf30301a;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:.82rem;font-weight:700;display:inline-flex}.status-badge{color:#334155;background:#0f172a0f}.hero-title{color:var(--color-primary);margin:12px 0 8px;font-size:clamp(2rem,3vw,2.8rem)}.hero-title--sm{font-size:1.3rem}.auth-card-header{text-align:center;margin-bottom:20px}.hero-subtitle,.muted-text{color:#475569;margin:0;line-height:1.6}.app-grid,.admin-grid{gap:24px;display:grid}.option-row{flex-wrap:wrap;gap:16px;display:flex}.option-card{text-align:left;background:linear-gradient(#fffffff5,#fef2f2f5);border:2px solid #cf30301f;border-radius:20px;flex:220px;min-height:120px;padding:22px;transition:transform .22s,box-shadow .22s,border-color .22s,background .22s;box-shadow:0 14px 26px #0f172a0f}.option-card:hover{border-color:#cf303047;transform:translateY(-4px)scale(1.01);box-shadow:0 22px 38px #7f1d1d1f}.option-card.is-active{border-color:var(--color-primary);background:#fee2e2f5;transform:translateY(-2px);box-shadow:0 22px 40px #991b1b33}.doc-toggle-title{color:var(--color-primary-dark);margin:0 0 10px;font-size:1.32rem;transition:color .22s,transform .22s}.option-card.is-active .doc-toggle-title{color:var(--color-primary)}.file-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.doc-card{box-shadow:var(--shadow-soft);background:#fff;border:1px solid #94a3b82e;border-radius:22px;overflow:hidden}.doc-card-header{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(120deg,#991b1b,#dc2626);padding:18px 20px;font-weight:700;overflow:hidden}.doc-preview{background:#f8fafce6;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.doc-preview.is-landscape,.doc-preview.is-portrait{aspect-ratio:11/8.5}.doc-preview iframe{border:0;width:100%;height:100%;display:block}.doc-preview-canvas-shell{place-items:center;width:100%;height:100%;padding:12px;display:grid}.doc-preview-canvas{opacity:0;background:#fff;border-radius:12px;width:auto;max-width:100%;height:auto;max-height:100%;transition:opacity .18s;display:block;box-shadow:0 16px 32px #0f172a1f}.doc-preview-canvas.is-ready{opacity:1}.doc-preview-skeleton{position:absolute;inset:0}.doc-actions{gap:12px;padding:18px;display:flex}.grid-state{background:linear-gradient(#fffffff2,#f8fafcf2);border:1px solid #94a3b829;border-radius:20px;justify-items:center;gap:8px;padding:34px 28px;display:grid}.grid-state h3{color:var(--color-primary-dark);margin:0 0 8px}.grid-state p{color:#475569;margin:0}.auth-layout{place-items:center;min-height:100vh;padding:24px 16px;display:grid;overflow-x:clip}.auth-card{width:min(460px,100%)}p.muted-text:first-child{text-align:center}.signup-success-card{text-align:center;max-width:620px;padding:32px}.signup-success-badge{color:#047857;background:#0596691f;justify-content:center}.auth-tabs{border-bottom:1px solid #94a3b838;margin-bottom:20px;display:flex}.auth-tab{color:#64748b;background:0 0;border:0;border-bottom:3px solid #0000;flex:1;padding:12px;font-weight:700}.auth-tab.is-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.form-grid{gap:14px;display:grid}.field-row{gap:4px;display:grid}.password-field{position:relative}.password-field-input{padding-right:96px}.password-toggle{min-height:32px;color:var(--color-primary-dark);background:#cf30301a;border:0;border-radius:999px;padding:0 10px;font-size:.8rem;font-weight:700;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.password-toggle:focus-visible{outline-offset:2px;outline:2px solid #cf303047}.input,.select,.textarea{background:#fff;border:1px solid #94a3b852;border-radius:12px;width:100%;padding:12px 14px}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #cf30301f}.field-help{color:#64748b;text-align:center;margin:0;font-size:.84rem;display:none}.field-help.is-visible{display:block}.field-help.error{color:var(--color-danger)}.field-help.success{color:var(--color-success)}.field-help.info{color:var(--color-info)}.error-text{color:var(--color-danger)}.legal-links{white-space:normal;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;font-size:.8rem;display:flex}.legal-links--auth{margin-top:18px}.notification-card{gap:16px;display:grid}.notification-card-body{gap:10px;display:grid}.notification-card-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.notification-preference{white-space:normal;border-radius:999px;justify-content:center;align-items:center;width:fit-content;max-width:100%;padding:8px 14px;font-size:.85rem;font-weight:700;display:inline-flex}.notification-preference.is-enabled{color:#047857;background:#05966924}.notification-preference.is-disabled{color:#b91c1c;background:#dc262624}.notice-stack{top:calc(env(safe-area-inset-top,0px) + 88px);z-index:100;pointer-events:none;flex-direction:column;gap:12px;width:min(380px,100vw - 32px);display:flex;position:fixed;right:24px}.notice-card{color:#fff;box-shadow:var(--shadow-strong);pointer-events:auto;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:start;gap:14px;padding:16px 16px 18px;display:grid;position:relative;overflow:hidden}.notice-card.visible{opacity:1}.notice-success{background:linear-gradient(135deg,#0f766e,#059669)}.notice-info{background:linear-gradient(135deg,#1d4ed8,#2563eb)}.notice-error,.notice-danger{background:linear-gradient(135deg,#991b1b,#dc2626)}.notice-icon{background:#ffffff29;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-weight:800;display:inline-flex}.notice-body{gap:4px;display:grid}.notice-title{font-size:.95rem}.notice-message{color:#ffffffe6;margin:0;line-height:1.5}.notice-dismiss{color:#fff;background:0 0;border:0;width:auto;font-size:1.2rem}.notice-progress{transform-origin:0;background:#ffffffc7;width:100%;height:3px;animation:linear forwards noticeTimer;position:absolute;bottom:0;left:0}.dialog-backdrop{z-index:120;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a75;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dialog-surface,.modal-card{width:min(560px,100%);padding:24px}.webhook-inbox-modal{width:min(960px,100%)}.webhook-message-list{gap:16px;max-height:60vh;display:grid;overflow-y:auto}.webhook-message-card{gap:12px}.dialog-surface{gap:18px;display:grid}.dialog-copy{gap:6px;display:grid}.dialog-header{align-items:center;gap:16px;display:flex}.dialog-icon{width:52px;min-width:52px;height:52px;color:var(--color-danger);background:#dc26261a;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.35rem;font-weight:800;display:inline-flex}.dialog-copy h3{margin:0;font-size:1.55rem}.dialog-eyebrow{text-transform:uppercase;color:var(--color-primary-dark);margin:0 0 6px;font-size:.8rem;font-weight:700}.dialog-actions,.modal-actions,.inline-actions{flex-wrap:wrap;gap:12px;display:flex}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;background:#fff;border-radius:20px;width:100%;overflow:hidden}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #94a3b829;padding:12px 14px}.data-table th{background:#0f172a0a}.sortable-header{-webkit-user-select:none;user-select:none;cursor:pointer}.sortable-header>span:first-child{margin-right:8px}.sort-indicator{vertical-align:middle;border-top:6px solid #64748b6b;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;display:inline-block;transform:translateY(-1px)}.sort-indicator.is-asc{border-top:0;border-bottom:6px solid var(--color-primary)}.sort-indicator.is-desc{border-top:6px solid var(--color-primary)}.storage-progress-shell{background:#94a3b829;border:1px solid #94a3b833;border-radius:999px;width:100%;height:14px;overflow:hidden}.storage-progress-bar{border-radius:inherit;background:linear-gradient(120deg,#2563eb,#38bdf8);height:100%;transition:width .25s}.storage-progress-bar.is-warning{background:linear-gradient(120deg,#f59e0b,#f97316)}.storage-progress-bar.is-danger{background:linear-gradient(120deg,#b91c1c,#ef4444)}.impersonation-banner{color:#fff;background:linear-gradient(135deg,#1d4ed8,#2563eb);border-color:#3b82f647;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.impersonation-banner .muted-text,.impersonation-banner strong{color:#fff}.page-footer{gap:10px;display:grid}.modal-actions-centered{justify-content:center;margin-top:8px;display:flex}.section-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}.section-heading{margin:0}.section-heading-group{gap:4px;display:grid}.search-input{max-width:360px}.inline-actions.section-toolbar{align-items:flex-start}.table-wrap+.muted-text,.form-grid+.muted-text,.inline-actions+.muted-text{margin-top:-8px}.load-more-row{justify-content:center;padding:20px 0 4px;display:flex}.load-more-spinner{border:3px solid #94a3b84d;border-top-color:var(--color-primary);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.impersonation-banner-icon{color:#fff;background:#ffffff2e;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.35rem;font-weight:800;display:inline-flex}.impersonation-banner-admin{justify-content:flex-start}.status-pill{border-radius:999px;padding:6px 10px;font-size:.82rem;font-weight:700;display:inline-flex}.status-pill.aprobado{color:#047857;background:#0596691f}.status-pill.denegado{color:#b91c1c;background:#dc26261f}.status-pill.pendiente{color:#b45309;background:#f59e0b24}.overlay-modal{z-index:110;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a61;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}@keyframes noticeTimer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (max-width:900px){.hero-grid{grid-template-columns:1fr}}@media (min-width:1280px){.admin-content-wrap{width:min(1680px,100% - 48px)}.admin-content-wrap .table-wrap{overflow-x:visible}.admin-content-wrap .data-table{min-width:0}}@media (max-width:640px){.content-wrap{width:min(100%,100% - 20px);margin:16px auto 24px}.top-bar{align-items:flex-start;padding:16px}.dialog-actions,.modal-actions,.inline-actions{flex-direction:column}.top-bar-actions{flex-direction:row}.notification-card-actions{grid-template-columns:1fr}.notice-stack{width:auto;inset:auto 10px 16px}.file-grid{grid-template-columns:1fr}}@media (max-width:430px){.brand-logo.brand-logo-header{width:140px!important}}:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px;border-radius:4px}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{outline:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:9999;background:var(--color-primary);color:#fff;border-radius:0 0 14px 14px;padding:10px 22px;font-weight:700;text-decoration:none;transition:top .15s;position:absolute;top:-120%;left:16px}.skip-link:focus{top:0}button:disabled{opacity:.48;cursor:not-allowed;transform:none}.doc-preview-skeleton{background:linear-gradient(90deg,#f8fafce6 25%,#d6dde8b3 50%,#f8fafce6 75%) 0 0/200% 100%;width:100%;height:100%;animation:1.6s ease-in-out infinite doc-shimmer}@keyframes doc-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}