@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:#f4f6f8;color:#1a1a2e}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-left{display:flex;align-items:center;justify-content:center;padding:60px;background-color:#fff;min-height:100vh}.login-form-wrap{width:100%;max-width:360px}.login-heading{font-size:30px;font-weight:700;color:#1a1a2e;margin-bottom:8px}.login-sub{font-size:14px;color:#6b7280;margin-bottom:32px;line-height:1.5}.login-form{display:flex;flex-direction:column;gap:16px}.login-label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.login-input{width:100%;padding:12px 14px;border-radius:8px;border:1.5px solid #e0e4e8;font-size:14px;font-family:Inter,sans-serif;color:#1a1a2e;background-color:#f9fafb}.login-input:focus{outline:none;border-color:#1a5e20;background-color:#fff;box-shadow:0 0 0 3px #1a5e2014}.login-btn{width:100%;padding:13px;border-radius:8px;background-color:#1a5e20;color:#fff;font-size:15px;font-weight:700;font-family:Inter,sans-serif;border:none;cursor:pointer;margin-top:4px}.login-btn:hover{background-color:#155016}.login-btn:disabled{background-color:#a5d6a7;cursor:not-allowed}.login-error{background-color:#fff0f0;border:1px solid #fca5a5;color:#dc2626;padding:11px 14px;border-radius:8px;font-size:14px}.login-right{background-color:#111827;display:flex;align-items:center;justify-content:center;padding:60px;position:relative;overflow:hidden;min-height:100vh}.login-right-glow{position:absolute;top:-100px;right:-100px;width:500px;height:500px;background:radial-gradient(circle,rgba(26,94,32,.4) 0%,transparent 70%);pointer-events:none}.login-right-content{position:relative;z-index:1;max-width:360px}.login-right-badge{display:inline-flex;align-items:center;gap:8px;background-color:#1a5e204d;border:1px solid rgba(26,94,32,.5);color:#ffffffe6;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:24px}.login-badge-dot{width:7px;height:7px;border-radius:50%;background-color:#4ade80;display:inline-block;flex-shrink:0}.login-right h2{font-size:30px;font-weight:700;color:#fff;line-height:1.3;margin-bottom:14px}.login-right p{font-size:14px;color:#ffffff8c;line-height:1.7;margin-bottom:28px}.login-features{display:flex;flex-direction:column;gap:12px}.login-feature{display:flex;align-items:center;gap:10px;font-size:13px;color:#fff9}.login-feature-dot{width:8px;height:8px;border-radius:50%;background-color:#4ade80;flex-shrink:0}.app-wrapper{min-height:100vh;background-color:#f4f6f8}.app-container{max-width:1100px;margin:0 auto;padding:0 24px 80px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 0 24px;border-bottom:1px solid #e0e4e8;margin-bottom:28px}.topbar-brand span:first-child{display:block;font-size:20px;font-weight:700;color:#1a1a2e}.topbar-brand span:last-child{display:block;font-size:13px;color:#6b7280;margin-top:2px}.topbar-user{display:flex;align-items:center;gap:12px}.topbar-avatar{width:38px;height:38px;border-radius:10px;background-color:#e8f5e9;color:#1a5e20;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;border:1.5px solid #c8e6c9}.topbar-name{font-size:14px;font-weight:600;color:#1a1a2e}.topbar-role{font-size:12px;color:#6b7280}.btn-logout{padding:7px 14px;border-radius:8px;background-color:transparent;border:1.5px solid #e0e4e8;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;font-family:Inter,sans-serif}.btn-logout:hover{background-color:#fff0f0;border-color:#fca5a5;color:#dc2626}.nav-tabs{display:flex;gap:4px;border-bottom:2px solid #e0e4e8;margin-bottom:24px}.nav-tab{padding:10px 18px;background-color:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#9ca3af;cursor:pointer;border-radius:6px 6px 0 0}.nav-tab:hover{color:#374151;background-color:#f9fafb}.nav-tab.active{color:#1a5e20;border-bottom-color:#1a5e20}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-title{font-size:22px;font-weight:700;color:#1a1a2e}.section-count{background-color:#e8f5e9;color:#1a5e20;border:1px solid #c8e6c9;font-size:12px;font-weight:700;padding:4px 10px;border-radius:20px}.toast-error{background-color:#fff0f0;border:1px solid #fca5a5;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px}.toast-success{background-color:#e8f5e9;border:1px solid #a5d6a7;color:#1a5e20;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px}.table-card{background-color:#fff;border-radius:12px;border:1px solid #e0e4e8;box-shadow:0 1px 4px #0000000f;overflow:hidden}table{width:100%;border-collapse:collapse}thead tr{background-color:#f9fafb;border-bottom:2px solid #e0e4e8}thead th{padding:12px 16px;text-align:left;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#9ca3af}tbody tr{border-bottom:1px solid #f0f0f0}tbody tr:last-child{border-bottom:none}tbody tr:hover{background-color:#fafafa}tbody tr.fila-alta{background-color:#fffbf0}tbody tr.fila-alta:hover{background-color:#fff3e0}tbody td{padding:13px 16px;font-size:14px;color:#374151;vertical-align:middle}.badge{display:inline-block;padding:3px 9px;border-radius:6px;font-size:12px;font-weight:600}.badge-pendiente{background-color:#fef3c7;color:#92400e}.badge-revision{background-color:#dbeafe;color:#1e40af}.badge-respondida{background-color:#e8f5e9;color:#1a5e20}.badge-cerrada{background-color:#f3f4f6;color:#6b7280}.badge-alta{background-color:#fee2e2;color:#dc2626;font-weight:700}.badge-media{background-color:#fef3c7;color:#d97706}.badge-baja{background-color:#f3f4f6;color:#6b7280}.btn-accion{padding:5px 12px;border-radius:6px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;border:none;cursor:pointer;margin-right:4px}.btn-accion-primary{background-color:#1a5e20;color:#fff}.btn-accion-primary:hover{background-color:#155016}.btn-accion-danger{background-color:#fee2e2;color:#dc2626}.btn-accion-danger:hover{background-color:#fecaca}.empty-state{text-align:center;padding:56px 24px;background-color:#fff;border-radius:12px;border:1.5px dashed #e0e4e8;color:#9ca3af;font-size:15px}.tipos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.tipo-card{background-color:#fff;border:1.5px solid #e0e4e8;border-radius:12px;padding:22px 18px;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.tipo-card:hover{border-color:#1a5e20;box-shadow:0 4px 16px #1a5e201f;transform:translateY(-2px)}.tipo-card h3{font-size:14px;font-weight:700;color:#1a1a2e;margin-bottom:6px;line-height:1.3}.tipo-card p{font-size:12px;color:#9ca3af}.form-card{background-color:#fff;border:1px solid #e0e4e8;border-radius:16px;padding:36px;max-width:580px;margin:0 auto;box-shadow:0 2px 10px #0000000f}.form-card-title{font-size:20px;font-weight:700;color:#1a1a2e;margin-bottom:4px}.form-card-sub{font-size:13px;color:#6b7280;margin-bottom:24px}.form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:16px}.form-label{font-size:13px;font-weight:600;color:#374151}.form-input,.form-textarea{padding:10px 13px;border-radius:8px;border:1.5px solid #e0e4e8;font-size:14px;font-family:Inter,sans-serif;color:#1a1a2e;background-color:#f9fafb;width:100%}.form-input:focus,.form-textarea:focus{outline:none;border-color:#1a5e20;background-color:#fff;box-shadow:0 0 0 3px #1a5e2014}.form-textarea{resize:vertical;min-height:110px;line-height:1.6}.form-actions{display:flex;gap:10px;margin-top:22px}.btn-submit{flex:1;padding:12px;border-radius:8px;background-color:#1a5e20;color:#fff;font-family:Inter,sans-serif;font-size:15px;font-weight:700;border:none;cursor:pointer}.btn-submit:hover{background-color:#155016}.btn-submit:disabled{background-color:#a5d6a7;cursor:not-allowed}.btn-back{padding:12px 18px;border-radius:8px;background-color:transparent;border:1.5px solid #e0e4e8;color:#6b7280;font-family:Inter,sans-serif;font-size:14px;font-weight:600;cursor:pointer}.btn-back:hover{background-color:#f3f4f6}@media(max-width:768px){.login-page{grid-template-columns:1fr}.login-right{display:none}.login-left{padding:32px 24px}.app-container{padding:0 16px 60px}.tipos-grid{grid-template-columns:1fr 1fr}.form-card{padding:24px 18px}}