*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--green: #7AB200;--green-dark: #4A7A00;--green-mid: #5B9000;--green-pale: #EEF7D0;--gray-bg: #F4F5F2;--white: #ffffff;--text: #1A2208;--text-muted: #6B7A5A;--border: #D8E4B8;--error: #C0392B;--error-bg: #FDECEA}body{font-family:DM Sans,sans-serif;background:var(--gray-bg);min-height:100vh}#root{min-height:100vh;display:flex}.layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;width:100%}.hero{background:var(--green-dark);position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:48px 52px;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 80%,rgba(122,178,0,.25) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(122,178,0,.15) 0%,transparent 45%)}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px}.hero-top,.hero-middle,.hero-bottom{position:relative;z-index:2}.hero-logo{display:flex;align-items:center;gap:14px}.hero-logo-text{font-family:"DM Serif Display",serif;color:#fff;font-size:22px}.hero-logo-sub{color:#ffffff8c;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;margin-top:2px}.hero-tag{display:inline-block;background:#7ab2004d;border:1px solid rgba(122,178,0,.5);color:#c8e87a;font-size:11px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;padding:5px 12px;border-radius:20px;margin-bottom:20px}.hero-title{font-family:"DM Serif Display",serif;color:#fff;font-size:38px;line-height:1.15;margin-bottom:16px}.hero-title span{color:#c8e87a}.hero-desc{color:#fff9;font-size:14px;line-height:1.7;max-width:340px}.hero-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:24px}.hero-features{display:flex;flex-direction:column;gap:12px}.hero-feature{display:flex;align-items:center;gap:10px;color:#ffffffb3;font-size:13px}.hero-dot{width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0}.form-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 52px;background:var(--white)}.form-inner{width:100%;max-width:380px;animation:fadeUp .5s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.form-eyebrow{font-size:11px;font-weight:500;letter-spacing:1.8px;text-transform:uppercase;color:var(--green);margin-bottom:8px}.form-title{font-family:"DM Serif Display",serif;font-size:28px;color:var(--text);margin-bottom:6px}.form-subtitle{font-size:13px;color:var(--text-muted);line-height:1.5;margin-bottom:28px}.auth0-badge{display:inline-flex;align-items:center;gap:6px;background:var(--gray-bg);border:1px solid var(--border);border-radius:6px;padding:5px 10px;font-size:11px;color:var(--text-muted);font-weight:500;margin-bottom:28px}.field{margin-bottom:18px}.field label{display:block;font-size:12px;font-weight:600;color:var(--text);margin-bottom:6px}.input-wrap{position:relative}.input-wrap input{display:block;width:100%;padding:12px 14px 12px 40px;border:1.5px solid var(--border);border-radius:8px;font-family:DM Sans,sans-serif;font-size:14px;color:var(--text);background:var(--white);outline:none;transition:border-color .2s,box-shadow .2s}.input-wrap input:focus{border-color:var(--green);box-shadow:0 0 0 3px #7ab2001f}.input-wrap input::placeholder{color:#b8c4a0}.input-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#b8c4a0;pointer-events:none}.input-wrap:focus-within .input-icon{color:var(--green-mid)}.toggle-pass{position:absolute;right:13px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#b8c4a0;padding:2px;line-height:0}.toggle-pass:hover{color:var(--green-mid)}.form-options{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.remember{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--text-muted);cursor:pointer}.remember input{width:15px;height:15px;accent-color:var(--green)}.forgot{font-size:13px;color:var(--green-dark);font-weight:500;cursor:pointer}.forgot:hover{color:var(--green)}.btn-login{display:flex;align-items:center;justify-content:center;width:100%;padding:13px;background:var(--green);color:#fff;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background .2s;min-height:46px}.btn-login:hover{background:var(--green-mid)}.btn-login:disabled{background:var(--border);cursor:not-allowed}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{background:var(--error-bg);border:1px solid #F5C6C2;border-radius:8px;padding:10px 14px;font-size:13px;color:var(--error);margin-bottom:18px}.divider{display:flex;align-items:center;gap:12px;margin:24px 0;font-size:12px;color:var(--text-muted)}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.btn-sso{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px;background:var(--white);border:1.5px solid var(--border);border-radius:8px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:var(--text);cursor:pointer;transition:border-color .2s,background .2s}.btn-sso:hover{border-color:var(--green);background:var(--green-pale)}.form-footer{margin-top:32px;padding-top:24px;border-top:1px solid var(--gray-bg);text-align:center;font-size:11px;color:var(--text-muted);line-height:1.6}.form-footer a{color:var(--green-dark);text-decoration:none}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;background:var(--white)}.loading-screen p{color:var(--text-muted);font-size:14px}.home{display:flex;flex-direction:column;min-height:100vh;background:var(--gray-bg);width:100%}.home-header{display:flex;align-items:center;justify-content:space-between;padding:16px 40px;background:var(--white);border-bottom:1px solid var(--border);box-shadow:0 1px 3px #0000000a}.home-header-left{display:flex;align-items:center;gap:12px}.home-header-title{font-family:"DM Serif Display",serif;font-size:20px;color:var(--text)}.home-header-sub{font-size:11px;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase}.home-header-right{display:flex;align-items:center;gap:20px}.home-user{display:flex;align-items:center;gap:10px}.home-user-avatar{width:36px;height:36px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.home-user-info{display:flex;flex-direction:column}.home-user-name{font-size:13px;font-weight:600;color:var(--text)}.home-user-email{font-size:11px;color:var(--text-muted)}.btn-logout{display:flex;align-items:center;gap:6px;padding:8px 14px;background:none;border:1.5px solid var(--border);border-radius:8px;font-family:DM Sans,sans-serif;font-size:13px;color:var(--text-muted);cursor:pointer;transition:border-color .2s,color .2s}.btn-logout:hover{border-color:var(--error);color:var(--error)}.home-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px}.home-welcome{text-align:center;margin-bottom:48px}.home-welcome-tag{display:inline-block;background:var(--green-pale);border:1px solid var(--border);color:var(--green-dark);font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding:5px 14px;border-radius:20px;margin-bottom:16px}.home-welcome-title{font-family:"DM Serif Display",serif;font-size:36px;color:var(--text);margin-bottom:8px}.home-welcome-desc{font-size:15px;color:var(--text-muted)}.home-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;width:100%;max-width:900px}.home-card-v2-badge{display:inline-flex;align-items:center;background:#fff3cd;border:1px solid #F0C040;color:#856404;font-size:10px;font-weight:800;letter-spacing:.5px;padding:2px 7px;border-radius:20px}[data-theme=dark] .home-card-v2-badge{background:#2a2010;border-color:#6b5000;color:#c89020}.home-card-experimental-badge{display:inline-flex;align-items:center;background:#fff3cd;border:1px solid #F0C040;color:#856404;font-size:10px;font-weight:800;letter-spacing:.5px;padding:2px 7px;border-radius:20px}[data-theme=dark] .home-card-experimental-badge{background:#2a2010;border-color:#6b5000;color:#c89020}.home-card{background:var(--white);border:1.5px solid var(--border);border-radius:16px;padding:32px 28px;text-decoration:none;color:var(--text);transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;flex-direction:column;gap:12px;cursor:pointer}.home-card:hover{border-color:var(--green);box-shadow:0 8px 24px #7ab2001f;transform:translateY(-2px)}.home-card-icon{width:56px;height:56px;border-radius:12px;background:var(--green-pale);display:flex;align-items:center;justify-content:center;color:var(--green-dark);margin-bottom:4px}.home-card:hover .home-card-icon{background:var(--green);color:#fff}.home-card-title{font-family:"DM Serif Display",serif;font-size:22px;color:var(--text)}.home-card-desc{font-size:13px;color:var(--text-muted);line-height:1.6}.home-card-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--green-dark);margin-top:auto;padding-top:8px}.home-card:hover .home-card-link{color:var(--green)}.home-footer{padding:20px 40px;text-align:center;font-size:11px;color:var(--text-muted);border-top:1px solid var(--border);background:var(--white)}.input-wrap input.input-readonly{background:var(--gray-bg);color:var(--text-muted);cursor:default;border-color:var(--border)}.input-wrap input.input-readonly:focus{border-color:var(--border);box-shadow:none}.edp-page{display:flex;flex-direction:column;width:100%;max-width:680px;margin:0 auto;animation:fadeUp .4s ease both}.edp-card{background:var(--white);border:1.5px solid var(--border);border-radius:16px;padding:36px 40px;display:flex;flex-direction:column;gap:28px}.edp-card-header{display:flex;align-items:center;gap:16px;padding-bottom:24px;border-bottom:1px solid var(--border)}.edp-card-icon{width:56px;height:56px;border-radius:12px;background:var(--green-pale);display:flex;align-items:center;justify-content:center;color:var(--green-dark);flex-shrink:0}.edp-card-title{font-family:"DM Serif Display",serif;font-size:24px;color:var(--text);margin-bottom:4px}.edp-card-desc{font-size:13px;color:var(--text-muted)}.edp-indicaciones{background:var(--green-pale);border:1px solid var(--border);border-radius:12px;padding:20px 24px;display:flex;flex-direction:column;gap:10px}.edp-indicaciones-header{display:flex;align-items:center;gap:8px;color:var(--green-dark)}.edp-indicaciones-title{font-size:14px;font-weight:700;color:var(--green-dark)}.edp-indicaciones-desc{font-size:13px;color:var(--text-muted);line-height:1.6}.edp-indicaciones-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.btn-resource{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;background:var(--green);color:#fff;border:none;border-radius:8px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.btn-resource:hover{background:var(--green-mid)}.btn-resource--outline{background:var(--white);color:var(--green-dark);border:1.5px solid var(--green)}.btn-resource--outline:hover{background:var(--green-pale);border-color:var(--green-mid)}.edp-form{display:flex;flex-direction:column;gap:20px}.edp-dropzone{border:2px dashed var(--border);border-radius:12px;padding:28px 20px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;background:var(--gray-bg)}.edp-dropzone:hover,.edp-dropzone--active{border-color:var(--green);background:var(--green-pale)}.edp-dropzone--has-file{cursor:default;border-style:solid;border-color:var(--green);background:var(--green-pale)}.edp-dropzone-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px}.edp-dropzone-icon{width:48px;height:48px;border-radius:10px;background:var(--white);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-muted);margin-bottom:4px}.edp-dropzone-text{font-size:14px;color:var(--text-muted)}.edp-dropzone-text span{color:var(--green-dark);font-weight:600;text-decoration:underline}.edp-dropzone-hint{font-size:12px;color:#b8c4a0}.edp-file-preview{display:flex;align-items:center;justify-content:space-between;gap:12px}.edp-file-info{display:flex;align-items:center;gap:12px}.edp-file-icon{width:40px;height:40px;border-radius:8px;background:var(--white);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--green-dark);flex-shrink:0}.edp-file-name{font-size:13px;font-weight:600;color:var(--text);word-break:break-all;text-align:left}.edp-file-size{font-size:11px;color:var(--text-muted);text-align:left}.edp-file-remove{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .2s,background .2s}.edp-file-remove:hover{color:var(--error);background:var(--error-bg)}.edp-file-error{font-size:12px;color:var(--error);margin-top:6px}.page-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;width:100%}.btn-back{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--white);border:1.5px solid var(--border);border-radius:8px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:border-color .2s,color .2s;align-self:flex-start;margin-bottom:24px}.btn-back:hover{border-color:var(--green);color:var(--green-dark)}.page-placeholder-icon{width:80px;height:80px;border-radius:20px;background:var(--green-pale);display:flex;align-items:center;justify-content:center;color:var(--green-dark);margin-bottom:8px}.page-placeholder-title{font-family:"DM Serif Display",serif;font-size:28px;color:var(--text)}.page-placeholder-desc{font-size:14px;color:var(--text-muted);max-width:400px;line-height:1.6}.edp-success-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:100}.edp-success-card{background:var(--white);border-radius:20px;padding:48px 40px;max-width:420px;width:90%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.edp-success-title{font-family:"DM Serif Display",serif;font-size:24px;color:var(--text)}.edp-success-desc{font-size:14px;color:var(--text-muted);line-height:1.6}.page-placeholder-icon--warn{background:#fef3cd;color:#b8860b}.page-placeholder-icon--success{background:var(--green-pale);color:var(--green-dark)}.btn-has-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;background:var(--green);color:var(--white);border:none;border-radius:10px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s;margin-top:8px}.btn-has-action:hover{background:var(--green-dark)}.has-page{width:100%;max-width:680px;margin:0 auto;padding:40px 24px 60px;display:flex;flex-direction:column;gap:0}.has-header{margin-bottom:28px}.has-header-tag{display:inline-block;padding:4px 12px;background:var(--green-pale);color:var(--green-dark);border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:12px}.has-header-title{font-family:"DM Serif Display",serif;font-size:26px;color:var(--text);margin-bottom:6px}.has-header-desc{font-size:14px;color:var(--text-muted);line-height:1.6}.has-locked-card{background:var(--white);border:1.5px solid var(--border);border-radius:12px;padding:18px 20px;margin-bottom:28px}.has-locked-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-muted);letter-spacing:.02em;margin-bottom:14px}.has-locked-fields{display:flex;gap:32px;flex-wrap:wrap}.has-locked-field{display:flex;flex-direction:column;gap:2px}.has-locked-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.has-locked-value{font-size:15px;font-weight:600;color:var(--text)}.has-form{background:var(--white);border:1.5px solid var(--border);border-radius:16px;padding:28px 24px;display:flex;flex-direction:column;gap:20px}.has-form-section-title{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding-bottom:10px;border-bottom:1px solid var(--border);margin-bottom:4px}.has-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.has-field{display:flex;flex-direction:column;gap:6px}.has-field label{font-size:13px;font-weight:600;color:var(--text)}.has-field input{height:42px;padding:0 14px;border:1.5px solid var(--border);border-radius:8px;font-family:DM Sans,sans-serif;font-size:14px;color:var(--text);background:var(--white);outline:none;transition:border-color .2s}.has-field input:focus{border-color:var(--green)}.has-input-locked{background:var(--gray-bg)!important;color:var(--text-muted)!important;cursor:not-allowed}.has-input-with-hint{display:flex;flex-direction:column;gap:4px}.has-input-hint{font-size:12px;color:var(--text-muted)}.has-error{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--error-bg);border:1px solid #f5c6c2;border-radius:8px;font-size:13px;color:var(--error)}.btn-has-submit{display:flex;align-items:center;justify-content:center;gap:10px;height:46px;background:var(--green);color:var(--white);border:none;border-radius:10px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s,opacity .2s;margin-top:4px}.btn-has-submit:hover:not(:disabled){background:var(--green-dark)}.btn-has-submit:disabled{opacity:.7;cursor:not-allowed}.has-page--wide{max-width:860px}.has-table-loading{display:flex;align-items:center;gap:10px;padding:20px 0;color:var(--text-muted);font-size:14px}.has-table-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;color:var(--text-muted);font-size:14px;text-align:center}.has-table-wrapper{overflow-x:auto;border:1.5px solid var(--border);border-radius:12px;background:var(--white)}.has-table{width:100%;border-collapse:collapse;font-size:14px}.has-table thead tr{background:var(--gray-bg);border-bottom:1.5px solid var(--border)}.has-table thead th{padding:12px 16px;text-align:left;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.has-table tbody tr{border-bottom:1px solid var(--border);transition:background .15s}.has-table tbody tr:last-child{border-bottom:none}.has-table tbody tr:hover{background:var(--green-pale)}.has-table tbody td{padding:12px 16px;color:var(--text);vertical-align:middle}.has-table-row--done{opacity:.65}.has-table-cell--bold{font-weight:600}.has-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.04em}.has-badge--done{background:var(--green-pale);color:var(--green-dark)}.has-badge--pending{background:#fff8e1;color:#b07800}.has-table-inputs{display:flex;flex-direction:column;gap:6px;min-width:200px}.has-table-input-row{display:flex;align-items:center;gap:6px}.has-table-input-row input{height:34px;padding:0 10px;border:1.5px solid var(--border);border-radius:7px;font-family:DM Sans,sans-serif;font-size:13px;color:var(--text);background:var(--white);outline:none;transition:border-color .2s;width:148px;flex-shrink:0}.has-table-input-row input:focus{border-color:var(--green)}.has-table-input-row input:disabled{background:var(--gray-bg);cursor:not-allowed}.btn-has-remove{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:none;border:1.5px solid var(--border);border-radius:6px;font-size:16px;line-height:1;color:var(--text-muted);cursor:pointer;transition:border-color .15s,color .15s;flex-shrink:0}.btn-has-remove:hover:not(:disabled){border-color:var(--error);color:var(--error)}.btn-has-remove:disabled{opacity:.4;cursor:not-allowed}.btn-has-add{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 10px;background:none;border:1.5px dashed var(--border);border-radius:6px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;color:var(--green-dark);cursor:pointer;transition:border-color .15s,background .15s;align-self:flex-start}.btn-has-add:hover:not(:disabled){border-color:var(--green);background:var(--green-pale)}.btn-has-add:disabled{opacity:.4;cursor:not-allowed}.has-table-input-error{font-size:11px;color:var(--error)}.has-table-sent-list{display:flex;flex-direction:column;gap:4px}.has-table-has-value{font-weight:600;color:var(--text);font-size:13px}.btn-has-table-submit{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 16px;background:var(--green);color:var(--white);border:none;border-radius:7px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s,opacity .2s;white-space:nowrap}.btn-has-table-submit:hover:not(:disabled){background:var(--green-dark)}.btn-has-table-submit:disabled{opacity:.7;cursor:not-allowed}.spinner--sm{width:14px;height:14px;border-width:2px}[data-theme=dark]{--green: #7AB200;--green-dark: #5A9200;--green-mid: #6BA800;--green-pale: #1A2608;--gray-bg: #131610;--white: #1C2014;--text: #DDE8B8;--text-muted: #7A9060;--border: #2C3618;--error: #E05A4E;--error-bg: #2A1410}[data-theme=dark] .hero{background:#0e1509}[data-theme=dark] .hero-grid{background-image:linear-gradient(rgba(122,178,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(122,178,0,.05) 1px,transparent 1px)}[data-theme=dark] .loading-screen{background:var(--gray-bg)}.btn-theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:1.5px solid var(--border);border-radius:8px;cursor:pointer;color:var(--text-muted);transition:border-color .2s,color .2s,background .2s;flex-shrink:0}.btn-theme-toggle:hover{border-color:var(--green);color:var(--green-dark);background:var(--green-pale)}.theme-toggle-fixed{position:fixed;top:20px;right:20px;z-index:200}@media (max-width: 768px){.layout{grid-template-columns:1fr}.hero{display:none}.form-panel{padding:36px 24px}.home-header{padding:14px 20px;flex-wrap:wrap;gap:12px}.home-content{padding:40px 20px}.home-cards{grid-template-columns:1fr}.home-user-info{display:none}.has-form-row{grid-template-columns:1fr}.has-page{padding:24px 16px 48px}}