:root{--color-primary: #0b6e8c;--color-primary-dark: #073e50;--color-primary-light: #e5f3f6;--color-accent: #e0a63c;--color-accent-dark: #b5822a;--color-success: #1a8754;--color-success-bg: #e8f6ee;--color-warning: #c9791a;--color-warning-bg: #fdf2e2;--color-danger: #c0392b;--color-danger-bg: #fbebe9;--color-info: #2b7fd9;--color-info-bg: #e8f1fb;--color-bg: #f3f6f7;--color-surface: #ffffff;--color-border: #dfe6e9;--color-text: #1c2b33;--color-text-muted: #5b6b73;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(15, 40, 51, .06), 0 1px 1px rgba(15, 40, 51, .04);--shadow-md: 0 4px 12px rgba(15, 40, 51, .08);--sidebar-w: 230px;--header-h: 64px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}h1,h2,h3{line-height:1.25;margin:0 0 .5em;color:var(--color-primary-dark)}h1{font-size:1.6rem;font-weight:700}h2{font-size:1.15rem;font-weight:600}h3{font-size:1rem;font-weight:600}p{margin:0 0 .75em;line-height:1.5}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}main>header,.dashboard-page>header,.user-list-page>header,.asset-list-page>header,.activity-list-page>header,.audit-page>header,.notifications-page>header,.report-detail-page>header,.work-order-detail-page>header,.report-list-page>header,.work-order-list-page>header,.asset-detail-page>header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.dashboard-page,.user-list-page,.asset-list-page,.asset-detail-page,.activity-list-page,.audit-page,.notifications-page,.form-page,.report-detail-page,.work-order-detail-page,.report-list-page,.work-order-list-page{max-width:1180px;margin:0 auto}main>section,.form-page>section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem 1.5rem;margin-bottom:1.25rem;box-shadow:var(--shadow-sm)}input,select,textarea{font-family:inherit;font-size:.95rem;padding:.55rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}label{font-weight:600;font-size:.85rem;color:var(--color-text-muted);display:block;margin-bottom:.3rem}.form-field{margin-bottom:1rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem 1.25rem}.form-error,.field-error{color:var(--color-danger);background:var(--color-danger-bg);border:1px solid rgba(192,57,43,.25);border-radius:var(--radius-sm);padding:.6rem .85rem;font-size:.85rem;margin:.5rem 0}.field-hint{color:var(--color-text-muted);font-size:.8rem;margin-top:.25rem}.form-actions{display:flex;gap:.75rem;margin-top:1.25rem}.inline-form{display:flex;gap:.75rem;align-items:flex-end;flex-wrap:wrap}.inline-form select{width:auto;min-width:220px}.attributes-fieldset{border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:1rem;margin:1rem 0}.attribute-row{display:flex;gap:.75rem;margin-bottom:.6rem;align-items:center}button{font-family:inherit;cursor:pointer}button,.btn-primary,.btn-secondary,.btn-success,.btn-warning,.btn-export,.btn-transition{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;padding:.55rem 1.1rem;border-radius:var(--radius-sm);border:1px solid transparent;background:var(--color-surface);color:var(--color-primary-dark);border-color:var(--color-border);transition:filter .15s ease,transform .05s ease}button:hover,.btn-primary:hover,.btn-secondary:hover,.btn-success:hover,.btn-warning:hover,.btn-export:hover,.btn-transition:hover{filter:brightness(.96)}button:active{transform:translateY(1px)}button:disabled{opacity:.55;cursor:not-allowed}.btn-primary,main>header a.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-secondary{background:var(--color-primary-light);color:var(--color-primary-dark);border-color:var(--color-primary-light)}.btn-success{background:var(--color-success);color:#fff;border-color:var(--color-success)}.btn-warning{background:var(--color-warning);color:#fff;border-color:var(--color-warning)}.btn-text{background:transparent;border:none;color:var(--color-primary);padding:.4rem .6rem;font-weight:600}.btn-text:hover{text-decoration:underline;filter:none}.btn-transition{background:var(--color-primary-light);color:var(--color-primary-dark);border-color:transparent}.btn-finalizada,.btn-aceptada{background:var(--color-success);color:#fff}.btn-reabierta{background:var(--color-warning);color:#fff}.export-button-group{display:flex;gap:.6rem;align-items:center}.btn-export{background:var(--color-primary-light);color:var(--color-primary-dark)}.export-label{font-size:.8rem;color:var(--color-text-muted)}.export-error{color:var(--color-danger);font-size:.8rem}td button{padding:.3rem .7rem;font-size:.8rem;margin-left:.4rem}td a{font-weight:600}table{width:100%;border-collapse:collapse;font-size:.9rem}thead th{text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);border-bottom:2px solid var(--color-border);padding:.6rem .75rem}tbody td{padding:.65rem .75rem;border-bottom:1px solid var(--color-border)}tbody tr:hover{background:var(--color-primary-light)}tbody tr.row-danger{background:var(--color-danger-bg)}tbody tr.row-warning{background:var(--color-warning-bg)}.audit-row{cursor:pointer}.audit-detail td{background:#fafcfd;padding:1rem}.audit-diff{display:flex;gap:1.5rem;flex-wrap:wrap;font-size:.8rem}.audit-diff pre{background:var(--color-primary-dark);color:#d7f0f4;padding:.75rem;border-radius:var(--radius-sm);max-width:420px;overflow:auto;max-height:260px}main>footer,.user-list-page>footer,.audit-page>footer{display:flex;align-items:center;gap:1rem;justify-content:center;margin-top:1.25rem;color:var(--color-text-muted);font-size:.85rem}.filters{display:flex;gap:.75rem;margin-bottom:1rem}.filters select{width:auto}.empty-state{color:var(--color-text-muted);text-align:center;padding:2rem 0;display:flex;flex-direction:column;align-items:center;gap:.5rem}.meta{color:var(--color-text-muted);font-size:.85rem}.refreshed-at{color:var(--color-text-muted);font-size:.85rem;margin:0}.badge,.role-badge,.priority-badge,.type-badge,.origin-badge,.status{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:.2rem .6rem;border-radius:999px;background:var(--color-info-bg);color:var(--color-info)}.role-badge{background:var(--color-primary-light);color:var(--color-primary-dark);margin-left:.5rem}.priority-badge{background:var(--color-warning-bg);color:var(--color-warning);text-transform:none;letter-spacing:0}.type-badge{background:var(--color-primary-light);color:var(--color-primary-dark)}.origin-badge{background:#eef2f5;color:var(--color-text-muted)}.origin-badge span{display:inline-flex;align-items:center;gap:.3rem}.unread-dot{width:8px;height:8px;border-radius:50%;background:var(--color-accent);display:inline-block}.status-cerrado,.status-finalizada{background:var(--color-success-bg);color:var(--color-success)}.status-nuevo,.status-pendiente,.status-pendiente_validacion{background:var(--color-warning-bg);color:var(--color-warning)}.status-en_revision,.status-en_ejecucion,.status-aceptada{background:var(--color-info-bg);color:var(--color-info)}.status-reabierto,.status-reabierta{background:var(--color-danger-bg);color:var(--color-danger)}.status-asignado{background:var(--color-primary-light);color:var(--color-primary-dark)}.app-layout{min-height:100%;display:flex;flex-direction:column}.app-layout__header{height:var(--header-h);background:var(--color-primary-dark);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;position:sticky;top:0;z-index:20;box-shadow:var(--shadow-md)}.app-layout__brand{display:flex;align-items:center;gap:.75rem;font-weight:700;letter-spacing:.01em}.app-layout__logo{flex-shrink:0;display:block}.app-layout__logo-chip{background:#fff;border-radius:var(--radius-sm);padding:.3rem .6rem;display:inline-flex;align-items:center;box-shadow:var(--shadow-sm)}.app-layout__tagline{font-size:.8rem;font-weight:600;color:#cfe9f0;letter-spacing:.02em}.app-layout__header-actions{display:flex;align-items:center;gap:1.1rem}.app-layout__user{display:flex;align-items:center;gap:.3rem;font-size:.85rem}.app-layout__user-name{font-weight:600}.app-layout__header-actions .btn-text{color:#eaf6f9}.app-layout__header-actions .btn-text:hover{color:#fff}.app-layout__body{display:flex;flex:1}.app-layout__sidebar{width:var(--sidebar-w);background:var(--color-surface);border-right:1px solid var(--color-border);padding:1.25rem .75rem;flex-shrink:0}.app-layout__sidebar ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem}.app-layout__sidebar a{display:flex;align-items:center;gap:.6rem;padding:.6rem .85rem;border-radius:var(--radius-sm);color:var(--color-text);font-weight:600;font-size:.9rem}.app-layout__sidebar a svg{flex-shrink:0;opacity:.75}.app-layout__sidebar a.active svg{opacity:1}.app-layout__sidebar a:hover{background:var(--color-primary-light);text-decoration:none}.app-layout__sidebar a.active{background:var(--color-primary);color:#fff}.app-layout__content{flex:1;padding:1.75rem 2rem;min-width:0}@media (max-width: 780px){.app-layout__body{flex-direction:column}.app-layout__sidebar{width:100%;border-right:none;border-bottom:1px solid var(--color-border)}.app-layout__sidebar ul{flex-direction:row;flex-wrap:wrap}.app-layout__content{padding:1.25rem}}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:var(--color-primary-dark)}@media (max-width: 860px){.login-page{grid-template-columns:1fr}.login-page__visual{display:none}}.login-page__visual{position:relative;background:linear-gradient(180deg,#073e5059,#073e50d9),url(https://visitingalapagos.com/images/galapagos-og.jpg) center/cover no-repeat;display:flex;flex-direction:column;justify-content:flex-end;padding:3rem;color:#fff}.login-page__visual h2{color:#fff;font-size:1.6rem;max-width:22rem;margin:0 0 .5rem}.login-page__visual p{color:#d7f0f4;max-width:22rem}.login-page__form-panel{background:var(--color-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem}.login-page__brand{display:flex;align-items:center;gap:.6rem;margin-bottom:1.75rem;max-width:380px;width:100%}.login-page__brand-text{font-weight:600;color:var(--color-text-muted);line-height:1.2}.login-page__brand-text small{display:block;font-weight:500;color:var(--color-text-muted);font-size:.8rem}.login-page h1{max-width:380px;width:100%;margin:0 auto 1.25rem;font-size:1.3rem}.login-form{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-md);max-width:380px;width:100%;margin:0 auto;padding:1.75rem;border-radius:var(--radius-lg)}.login-form button{width:100%;justify-content:center;margin-top:.5rem}.login-page>a,.login-page__form-panel>a{display:block;max-width:380px;width:100%;margin:1rem auto 0;text-align:center;font-size:.85rem}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.85rem;margin:.75rem 0 1.5rem}.kpi-card{background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-info);border-radius:var(--radius-md);padding:.9rem 1rem;box-shadow:var(--shadow-sm)}.kpi-card--info{border-left-color:var(--color-info)}.kpi-card--success{border-left-color:var(--color-success)}.kpi-card--warning{border-left-color:var(--color-warning)}.kpi-card--danger{border-left-color:var(--color-danger)}.kpi-card__label{font-size:.78rem;color:var(--color-text-muted);margin:0 0 .3rem;font-weight:600}.kpi-card__value{font-size:1.6rem;font-weight:700;color:var(--color-primary-dark);margin:0}.kpi-card__unit{font-size:.85rem;font-weight:500;color:var(--color-text-muted)}.notification-bell{position:relative}.notification-bell__btn{background:transparent;border:none;color:#fff;display:inline-flex;align-items:center;position:relative;padding:.3rem}.notification-bell__badge{position:absolute;top:-2px;right:-4px;background:var(--color-danger);color:#fff;font-size:.62rem;font-weight:700;border-radius:999px;padding:.1rem .35rem;line-height:1.3}.notification-panel{position:absolute;right:0;top:calc(100% + 10px);width:340px;max-height:420px;overflow-y:auto;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:.75rem;z-index:30}.notification-panel header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.notification-panel header h2{font-size:.95rem;margin:0}.notification-panel footer{text-align:center;padding-top:.5rem;border-top:1px solid var(--color-border);margin-top:.5rem}.notification-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.notification-item{display:flex;gap:.6rem;align-items:flex-start;padding:.55rem .5rem;border-radius:var(--radius-sm);cursor:pointer}.notification-item:hover{background:var(--color-primary-light)}.notification-item--unread{background:var(--color-info-bg)}.notification-item__icon{display:flex;align-items:center;color:var(--color-primary);flex-shrink:0}.notification-item__content{flex:1;min-width:0}.notification-item__title{margin:0;font-weight:700;font-size:.85rem}.notification-item__body{margin:.1rem 0;font-size:.8rem;color:var(--color-text-muted)}.notification-item__time{font-size:.7rem;color:var(--color-text-muted)}.notification-item__dot{width:7px;height:7px;border-radius:50%;background:var(--color-accent);margin-top:.4rem;flex-shrink:0}.photo-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.photo-gallery img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.comment-list{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-direction:column;gap:.6rem}.comment-item{background:var(--color-bg);border-radius:var(--radius-sm);padding:.6rem .85rem}.comment-item time{font-size:.72rem;color:var(--color-text-muted)}.comment-form{display:flex;gap:.6rem;align-items:flex-start}.comment-form textarea{flex:1;resize:vertical}.file-list{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-direction:column;gap:.4rem}.file-item{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;background:var(--color-bg);border-radius:var(--radius-sm);padding:.5rem .85rem}.file-item--archived{opacity:.6}.file-meta{font-size:.75rem;color:var(--color-text-muted)}.link-button{background:none;border:none;padding:0;color:var(--color-primary-dark);text-decoration:underline;cursor:pointer;font-size:inherit}.timeline{list-style:none;margin:0;padding:0;border-left:2px solid var(--color-border)}.timeline li{padding:.5rem 0 .5rem 1rem;position:relative;font-size:.88rem}.timeline li:before{content:"";position:absolute;left:-5px;top:.95rem;width:8px;height:8px;border-radius:50%;background:var(--color-primary)}.timeline time{display:block;font-size:.75rem;color:var(--color-text-muted)}.status-actions,.transition-buttons{display:flex;gap:.6rem;flex-wrap:wrap}.assignee-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}dl{display:grid;grid-template-columns:max-content 1fr;gap:.4rem 1rem;margin:0}dt{color:var(--color-text-muted);font-size:.82rem}dd{margin:0;font-weight:600}