:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e5eefc;background:radial-gradient(circle at top,rgba(52,119,255,.35),transparent 30%),linear-gradient(160deg,#07111f,#0b172a 45%,#08101d);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}#root{min-height:100vh}.app-shell{width:min(1440px,calc(100% - 32px));margin:0 auto;padding:24px 0;display:grid;grid-template-columns:320px minmax(0,1fr) 360px;gap:20px}.sidebar-card,.content-card,.preview-card{border:1px solid rgba(148,163,184,.18);background:#0a1221d1;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:24px;box-shadow:0 24px 60px #00000047}.sidebar-card{padding:28px;display:flex;flex-direction:column;gap:24px}.content-card{padding:28px}.preview-card{padding:28px;display:flex;flex-direction:column;gap:20px}.eyebrow{display:inline-flex;padding:6px 10px;border-radius:999px;background:#3b82f629;color:#7dd3fc;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{margin-top:16px;font-size:2rem;line-height:1.1}h2{font-size:1.6rem}h3{font-size:1.05rem}.muted,.section-title p,.preview-notes span,.preview-item span,.summary-label{color:#94a3b8}.progress-card,.summary-grid,.preview-notes,.drafts-card{border:1px solid rgba(148,163,184,.14);background:#0f172ab8;border-radius:20px;padding:18px}.progress-header,.content-header,.preview-header,.actions-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.progress-bar{margin-top:12px;height:10px;background:#334155cc;border-radius:999px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#3b82f6,#8b5cf6)}.summary-grid,.preview-grid{display:grid;gap:14px}.summary-grid{grid-template-columns:1fr}.summary-item{display:flex;flex-direction:column;gap:8px;padding-bottom:10px;border-bottom:1px solid rgba(148,163,184,.12)}.summary-item:last-child{padding-bottom:0;border-bottom:0}.summary-item strong{line-height:1.45;word-break:break-word}.summary-grid strong,.preview-item strong,.preview-status,.header-badge{color:#f8fafc}.content-header{margin-bottom:24px}.header-badge,.preview-status{border:1px solid rgba(125,211,252,.16);background:#0ea5e91f;padding:10px 14px;border-radius:999px;font-size:.9rem}.status-banner{margin-bottom:20px;border:1px solid rgba(125,211,252,.16);background:#0ea5e91f;color:#e0f2fe;padding:14px 16px;border-radius:16px;font-weight:600}.generated-id-card{margin-bottom:18px;border:1px solid rgba(148,163,184,.14);background:#0f172a85;border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}.generated-id-card span{color:#94a3b8}.form-layout{display:flex;flex-direction:column;gap:24px}.form-section{border:1px solid rgba(148,163,184,.14);background:#0f172a6b;border-radius:22px;padding:22px}.section-title{margin-bottom:18px}.field-grid{display:grid;gap:16px}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.one-column{grid-template-columns:1fr;margin-top:16px}.field{display:flex;flex-direction:column;gap:8px}.field-full{grid-column:1 / -1}.field span{font-size:.92rem;font-weight:600}.field input,.field select,.field textarea{width:100%;padding:14px 16px;border:1px solid rgba(148,163,184,.18);background:#020617a6;color:#e2e8f0;border-radius:16px;outline:none;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.field input::placeholder,.field textarea::placeholder{color:#64748b}.field input:focus,.field select:focus,.field textarea:focus{border-color:#38bdf8f2;box-shadow:0 0 0 4px #0ea5e91f;transform:translateY(-1px)}.field textarea{resize:vertical;min-height:120px}.file-meta{padding:12px 14px;border:1px solid rgba(148,163,184,.14);background:#0f172a85;border-radius:14px;color:#cbd5e1}.drafts-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.search-grid{margin-bottom:16px}.search-grid .field input{padding:12px 14px}.drafts-list{display:flex;flex-direction:column;gap:10px}.draft-item{width:100%;text-align:left;border:1px solid rgba(148,163,184,.14);background:#0f172a85;color:#e2e8f0;border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;cursor:pointer}.draft-item span{color:#94a3b8}.empty-state{cursor:default}.actions-row{justify-content:flex-start;flex-wrap:wrap}.primary-button,.secondary-button{border:0;padding:14px 18px;border-radius:14px;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.primary-button{background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff;font-weight:700}.secondary-button{background:#1e293bf2;color:#e2e8f0;border:1px solid rgba(148,163,184,.16)}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.save-message{color:#86efac;font-weight:600}.contrato-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.contrato-actions .secondary-button,.contrato-actions a.secondary-button{font-size:13px;padding:8px 14px;text-decoration:none}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-preview-card{border:1px solid rgba(148,163,184,.14);background:#0f172a85;border-radius:20px;padding:14px}.image-preview{width:100%;height:220px;object-fit:cover;border-radius:16px;display:block}.image-placeholder{height:220px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#94a3b8;background:#020617a6}.preview-item{border:1px solid rgba(148,163,184,.14);background:#0f172a85;border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:4px}.preview-subtitle{color:#cbd5e1;font-size:.92rem;font-weight:600}.preview-notes p{margin-top:8px;color:#e2e8f0}.dashboard-shell{display:block}.dashboard-card{width:min(1400px,100%);margin:0 auto}.dashboard-header{align-items:flex-start;flex-wrap:wrap}.dashboard-actions{display:flex;gap:10px;flex-wrap:wrap}.nav-button{border:1px solid rgba(148,163,184,.18);background:#0f172a85;color:#e2e8f0;padding:12px 16px;border-radius:14px;cursor:pointer}.nav-button-active{background:#0ea5e929;border-color:#38bdf866}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.dashboard-tile,.dashboard-stat-card,.nested-card{border:1px solid rgba(148,163,184,.14);background:#0f172a85;border-radius:22px}.dashboard-tile{text-align:left;padding:22px;color:#e2e8f0;cursor:pointer}.dashboard-stat-card{padding:22px;display:flex;flex-direction:column;gap:8px}.dashboard-stat-card strong{font-size:2rem}.workspace-grid{display:grid;grid-template-columns:320px minmax(0,1.2fr) minmax(320px,.8fr);gap:24px}.workspace-grid.form-only{grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}.compact-sidebar{gap:22px}.nested-card{padding:24px}.search-view{display:flex;flex-direction:column;gap:20px}.search-results-list{max-height:560px;overflow:auto}@media (max-width: 1180px){.workspace-grid,.workspace-grid.form-only,.dashboard-grid,.app-shell,.preview-grid,.two-columns{grid-template-columns:1fr}.preview-card{display:none}.workspace-grid.form-only>.content-card{width:100%;min-width:0}}.tabs-row{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.tab-button{border:1px solid rgba(148,163,184,.18);background:#0f172a85;color:#e2e8f0;padding:10px 16px;border-radius:12px;cursor:pointer;font-size:.9rem}.tab-active{background:#0ea5e929;border-color:#38bdf866}.dashboard-content{display:flex;flex-direction:column;gap:24px}.dashboard-stats-section{display:flex;flex-direction:column;gap:20px}.stats-row{display:grid;grid-template-columns:2fr 1fr;gap:18px}.stat-box{border:1px solid rgba(148,163,184,.14);background:#0f172a85;border-radius:22px;padding:22px}.today-box .eyebrow{margin-bottom:12px}.today-numbers{display:flex;gap:24px;margin-top:12px}.today-numbers div{display:flex;flex-direction:column;gap:4px}.today-numbers strong{font-size:1.8rem;color:#f8fafc}.today-numbers span{color:#94a3b8;font-size:.85rem}.tecnicos-box .eyebrow{margin-bottom:12px}.tecnicos-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.tecnicos-list li{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(148,163,184,.1)}.tecnicos-list li:last-child{border-bottom:none}.tecnicos-list li span{color:#e2e8f0;font-size:.92rem}.tecnicos-list li strong{color:#38bdf8;font-size:1rem}.last-fichas-section{border:1px solid rgba(148,163,184,.14);background:#0f172a85;border-radius:22px;padding:22px}.last-fichas-section .section-title{margin-bottom:16px}.last-fichas-section .section-title h3{margin:0 0 4px}.last-fichas-list{display:flex;flex-direction:column;gap:10px}.last-ficha-item{width:100%;text-align:left;border:1px solid rgba(148,163,184,.14);background:#1e293b99;border-radius:14px;padding:14px 16px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;cursor:pointer;color:#e2e8f0}.last-ficha-item:hover{border-color:#38bdf84d}.last-ficha-id{font-weight:700;color:#38bdf8;font-size:1rem}.last-ficha-info{color:#e2e8f0;font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.last-ficha-badge{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.last-ficha-badge.borrador{background:#f59e0b26;color:#fbbf24}.last-ficha-badge.finalizada{background:#10b98126;color:#34d399}.notifications-area{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.notification-banner{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-radius:14px;border:1px solid}.notification-banner.warning{background:#f59e0b1f;border-color:#f59e0b59;color:#fbbf24}.notification-close{background:transparent;border:none;color:inherit;font-size:1.4rem;cursor:pointer;padding:0 4px;line-height:1}.weekly-chart-section{border:1px solid rgba(148,163,184,.14);background:#0f172a85;border-radius:22px;padding:22px}.weekly-chart{display:flex;align-items:flex-end;justify-content:space-around;gap:12px;height:140px;padding:16px 0}.chart-bar-group{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.chart-bars{display:flex;align-items:flex-end;gap:4px;height:100px}.chart-bar{width:16px;border-radius:4px 4px 0 0;min-height:4px;transition:opacity .2s}.chart-bar:hover{opacity:.85}.chart-bar.total{background:#38bdf8}.chart-bar.finalizada{background:#34d399}.chart-label{font-size:.8rem;color:#94a3b8;text-transform:capitalize}.chart-legend{display:flex;gap:16px;justify-content:center;margin-top:12px}.chart-legend span{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#e2e8f0}.legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.legend-dot.total{background:#38bdf8}.legend-dot.finalizada{background:#34d399}.export-button{margin-left:auto;background:#10b9811f;border-color:#10b98159;color:#34d399}.export-button:disabled{opacity:.5;cursor:not-allowed}.clear-dates-button{background:#94a3b81f;border:1px solid rgba(148,163,184,.25);color:#94a3b8;padding:8px 14px;border-radius:10px;cursor:pointer;font-size:.85rem;margin-bottom:16px}.clear-dates-button:hover{background:#94a3b833}.draft-item-with-actions{display:flex;gap:10px;align-items:stretch}.draft-item-content{flex:1;text-align:left;border:1px solid rgba(148,163,184,.14);background:#1e293b99;border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;cursor:pointer;color:#e2e8f0}.draft-item-content:hover{border-color:#38bdf84d}.draft-item-content strong{color:#38bdf8;font-size:1rem}.draft-item-content span{color:#94a3b8;font-size:.85rem}.draft-actions{display:flex;flex-direction:column;gap:6px}.action-btn{width:40px;height:40px;border-radius:10px;border:1px solid rgba(148,163,184,.2);background:#0f172a99;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all .2s}.action-btn:hover:not(:disabled){transform:scale(1.05)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.print-btn:hover{background:#38bdf826;border-color:#38bdf866}.reminder-btn:hover{background:#f59e0b26;border-color:#f59e0b66}.login-container{display:flex;justify-content:center;align-items:center;min-height:60vh}.login-box{background:#0f172acc;border:1px solid rgba(148,163,184,.2);border-radius:24px;padding:48px;max-width:400px;width:100%;text-align:center}.login-box h1{margin:0 0 8px;font-size:2rem;background:linear-gradient(135deg,#38bdf8,#818cf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.login-form{margin-top:32px;display:flex;flex-direction:column;gap:20px}.login-hint{font-size:.8rem;color:#64748b;margin-top:16px}.btn-primary{background:linear-gradient(135deg,#0ea5e9,#6366f1);color:#fff;border:none;padding:14px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0ea5e94d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.logout-btn{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.logout-btn:hover{background:#ef444433}.admin-content{display:flex;flex-direction:column;gap:24px}.admin-tabs{display:flex;gap:12px;flex-wrap:wrap}.admin-section{background:#0f172a80;border:1px solid rgba(148,163,184,.14);border-radius:20px;padding:28px}.user-form{background:#1e293b80;border-radius:16px;padding:24px;margin-bottom:32px}.user-form h4{margin:0 0 20px;color:#e2e8f0}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-table th,.admin-table td{padding:12px 16px;text-align:left;border-bottom:1px solid rgba(148,163,184,.1)}.admin-table th{color:#94a3b8;font-weight:500;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px}.admin-table td{color:#e2e8f0}.admin-table tr:hover{background:#38bdf80d}.role-badge,.status-badge,.type-badge{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:uppercase}.role-badge.admin{background:#8b5cf633;color:#a78bfa}.role-badge.tecnico{background:#0ea5e933;color:#38bdf8}.status-badge.active{background:#10b98133;color:#34d399}.status-badge.inactive{background:#ef444433;color:#ef4444}.type-badge.automatico{background:#f59e0b33;color:#fbbf24}.type-badge.manual{background:#38bdf833;color:#38bdf8}.action-btn.small{padding:6px 12px;font-size:.8rem;width:auto;height:auto;border-radius:6px}.backup-actions{margin-bottom:24px}.monthly-stats-section{border:1px solid rgba(148,163,184,.14);background:#0f172a85;border-radius:22px;padding:22px}.monthly-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.monthly-stat{background:#1e293b99;border-radius:14px;padding:20px;text-align:center}.monthly-stat .stat-label{display:block;font-size:.8rem;color:#94a3b8;margin-bottom:8px}.monthly-stat .stat-value{display:block;font-size:2rem;color:#38bdf8;margin-bottom:8px}.monthly-stat .stat-trend{font-size:.85rem}.monthly-stat .stat-trend.positive{color:#34d399}.monthly-stat .stat-trend.negative{color:#ef4444}.top-tecnicos-mes{margin-bottom:24px}.monthly-chart{margin-top:20px}.monthly-bars{display:flex;align-items:flex-end;justify-content:space-around;gap:12px;height:100px;padding:16px 0}.monthly-bar-group{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.monthly-bar{width:24px;background:linear-gradient(to top,#38bdf8,#818cf8);border-radius:4px 4px 0 0;min-height:4px;transition:opacity .2s}.monthly-bar:hover{opacity:.8}.monthly-label{font-size:.75rem;color:#94a3b8;text-transform:capitalize}.signature-field{gap:12px}.signature-box{width:100%;border:1px dashed rgba(148,163,184,.35);border-radius:16px;background:#0f172abf;overflow:hidden}.signature-canvas{width:100%;height:180px;display:block;touch-action:none;background:#0f172aeb}.signature-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.signature-preview{width:100%;max-height:180px;object-fit:contain;border-radius:12px;background:#fff}.smartolt-view{display:flex;flex-direction:column;gap:20px}.smartolt-search-card{display:flex;flex-direction:column;gap:16px}.smartolt-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.smartolt-count{font-size:.85rem;color:#38bdf8;font-weight:500}.smartolt-results{background:#0f172a80;border:1px solid rgba(148,163,184,.14);border-radius:20px;overflow:hidden}.smartolt-table-wrapper{overflow-x:auto}.smartolt-table{width:100%;border-collapse:collapse;font-size:.9rem}.smartolt-table th,.smartolt-table td{padding:14px 16px;text-align:left;border-bottom:1px solid rgba(148,163,184,.1)}.smartolt-table th{color:#94a3b8;font-weight:500;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px;background:#1e293b99;position:sticky;top:0}.smartolt-table td{color:#e2e8f0}.smartolt-table tbody tr{transition:background .15s}.smartolt-table tbody tr:hover{background:#38bdf80f}.onu-name-cell{display:flex;flex-direction:column;gap:2px}.onu-name-cell strong{color:#f1f5f9;font-weight:600}.onu-sn{font-size:.75rem;color:#64748b;font-family:JetBrains Mono,Fira Code,monospace}.signal-value{font-weight:700;font-size:.95rem;font-family:JetBrains Mono,Fira Code,monospace}.onu-status-badge{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;display:inline-block}.onu-type-cell{color:#94a3b8;font-size:.85rem}.smartolt-view select{background:#0f172abf;border:1px solid rgba(148,163,184,.2);color:#e2e8f0;padding:12px 14px;border-radius:12px;font-size:.95rem;width:100%;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.smartolt-view select:focus{outline:none;border-color:#38bdf880}.geo-field{display:flex;flex-direction:column;gap:8px}.geo-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.geo-btn{font-size:.85rem;padding:8px 14px}.geo-link{color:#38bdf8;font-size:.85rem;text-decoration:none;font-weight:500}.geo-link:hover{text-decoration:underline}.geo-coords{display:flex;gap:16px;font-size:.82rem;color:#94a3b8;font-family:monospace;background:#38bdf812;border-radius:8px;padding:6px 12px}.carnet-preview{margin-top:10px;width:100%;max-width:280px;max-height:160px;object-fit:cover;border-radius:10px;border:1px solid rgba(148,163,184,.2)}.recibe-field{display:flex;flex-direction:column;gap:10px}.toggle-row{display:flex;gap:8px}.toggle-btn{padding:8px 20px;border-radius:8px;border:1px solid rgba(148,163,184,.25);background:#94a3b81a;color:#94a3b8;font-size:.9rem;cursor:pointer;transition:all .15s;font-weight:500}.toggle-btn:hover{border-color:#94a3b880;color:#cbd5e1}.toggle-btn.active{background:#22c55e26;border-color:#22c55e;color:#22c55e}.toggle-btn.active-danger{background:#ef444426;border-color:#ef4444;color:#ef4444}.wizard-steps{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 0;margin-bottom:16px;border-bottom:1px solid rgba(148,163,184,.14)}.wizard-step{display:flex;align-items:center;gap:8px;color:#64748b;font-size:.9rem}.wizard-step.active{color:#38bdf8}.wizard-step.active .step-number{background:linear-gradient(135deg,#0ea5e9,#6366f1);color:#fff}.step-number{width:28px;height:28px;border-radius:50%;background:#94a3b833;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600}.wizard-connector{flex:1;max-width:40px;height:2px;background:#94a3b833}.wizard-actions{flex-wrap:wrap;gap:12px}.mobile-only{display:none}.hidden-mobile{display:block}.mini-summary{margin-top:16px;padding-top:16px;border-top:1px solid rgba(148,163,184,.2);display:none}.mini-row{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-size:.85rem;flex-wrap:wrap}.mini-row:last-child{margin-bottom:0}.mini-label{color:#94a3b8;font-size:.8rem}.mini-row strong{color:#e2e8f0;font-weight:600}.mini-sep{color:#475569;margin:0 4px}.sidebar-header{margin-bottom:16px}.sidebar-header h2{margin:8px 0 0;font-size:1.5rem}.desktop-only{display:grid}@media (max-width: 720px){.dashboard-actions{width:100%}.nav-button{flex:1 1 100%}.nested-card,.dashboard-tile,.dashboard-stat-card,.stat-box,.last-fichas-section,.weekly-chart-section{padding:18px}.stats-row{grid-template-columns:1fr}.today-numbers{gap:16px}.tabs-row{gap:6px}.tab-button{padding:8px 12px;font-size:.85rem}.export-button{margin-left:0;width:100%}.weekly-chart{height:120px}.chart-bars{height:80px}.chart-bar{width:12px}.compact-sidebar{padding:16px;gap:12px}.sidebar-header{margin-bottom:0}.sidebar-header h2{font-size:1.2rem;margin:4px 0 0}.sidebar-header .eyebrow{font-size:.7rem}.mini-summary{display:block}.desktop-only{display:none}.progress-card{padding:12px}.progress-header{font-size:.85rem}.progress-bar{height:6px}.form-only{grid-template-columns:1fr}.form-header{flex-direction:column;gap:12px;align-items:flex-start}.form-header .header-main h2{font-size:1.3rem}.mobile-only{display:flex}.hidden-mobile{display:none!important}.wizard-steps{padding:12px 0;margin-bottom:12px}.step-label{font-size:.8rem}.wizard-actions{flex-direction:column}.wizard-actions button{width:100%;justify-content:center}}