:root{--navy: #0d2847;--navy-2: #132f52;--blue: #254f8f;--orange: #f97316;--green: #2f7d66;--red: #dc2626;--ink: #12243b;--muted: #64748b;--line: #dbe3ee;--soft: #f5f8fc;--warm: #fff7ed;--white: #ffffff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#f8fbff,#fff8f1)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.72}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(#0d2847c7,#0d2847b8),url(https://images.unsplash.com/photo-1494526585095-c41746248156?auto=format&fit=crop&w=1800&q=80);background-size:cover;background-position:center}.auth-card{width:min(100%,440px);background:#fffffff2;border:1px solid rgba(255,255,255,.72);border-radius:8px;box-shadow:0 24px 80px #00000038;padding:28px;display:grid;gap:18px}.auth-card.compact{width:auto;min-width:240px;justify-items:center;color:var(--navy)}.auth-brand{display:flex;gap:12px;align-items:center;color:var(--navy);padding-bottom:16px;border-bottom:1px solid var(--line)}.auth-brand svg{color:var(--orange)}.auth-brand strong,.auth-brand span{display:block}.auth-brand span,.auth-card p{color:var(--muted)}.auth-card h1{font-size:30px}.auth-card label{display:grid;gap:7px;color:var(--navy);font-weight:800}.auth-card input{min-height:44px;border:1px solid var(--line);border-radius:8px;padding:0 12px;outline:0;background:var(--white);color:var(--ink)}.auth-card input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #fed7aa}.auth-card .primary{min-height:44px}.auth-error{border:1px solid #fecaca;background:#fef2f2;color:#991b1b;border-radius:8px;padding:10px 12px;font-weight:800}.auth-demo{display:grid;gap:4px;background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:12px;font-size:13px}.auth-demo span{color:var(--muted);overflow-wrap:anywhere}.app{min-height:100vh;display:grid;grid-template-columns:276px minmax(0,1fr)}.sidebar{background:linear-gradient(160deg,var(--navy) 0%,#1c3556 100%);color:var(--white);padding:28px 20px;display:flex;flex-direction:column;gap:28px}.brand{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.14)}.brand svg{color:var(--orange)}.brand strong,.brand span{display:block}.brand span{color:#b8c6d8;font-size:13px}nav{display:grid;gap:8px}nav button{height:44px;border:0;border-radius:8px;background:transparent;color:#dbe7f7;display:flex;align-items:center;gap:10px;padding:0 12px;text-align:left}nav button.active,nav button:hover{background:#ffffff1a;color:var(--white)}nav button.active svg{color:var(--orange)}.ai-box{margin-top:auto;background:#ffffff17;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:16px;display:grid;gap:8px}.ai-box svg{color:var(--orange)}.ai-box span{color:#c7d3e3;font-size:13px;line-height:1.45}.main{min-width:0;padding:28px}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.topbar p{margin:0 0 6px;color:var(--orange);font-size:13px;font-weight:800;letter-spacing:0}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:34px;line-height:1.1}.operator{min-height:42px;border:1px solid var(--line);background:#ffffffb8;border-radius:8px;padding:9px 12px;display:flex;align-items:center;gap:9px;color:var(--navy);font-weight:700}.icon-action{width:30px;height:30px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--navy);display:inline-grid;place-items:center;padding:0}.icon-action:hover{border-color:var(--orange);color:var(--orange)}.operator span{color:var(--muted);font-weight:600}.stack{display:grid;gap:20px}.data-status{border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--muted);font-size:13px;font-weight:800;margin-bottom:16px;padding:10px 12px}.data-status.warn{background:var(--warm);border-color:#fed7aa;color:#9a3412}.empty-state{min-height:92px;border:1px dashed var(--line);border-radius:8px;background:#f5f8fcc2;color:var(--muted);display:grid;place-items:center;align-content:center;gap:8px;padding:18px;text-align:center;font-size:14px;font-weight:800}.empty-state svg{color:var(--blue)}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.kpi,.panel,.detail-panel,.list-panel,.terrain-card,.config-card{background:#ffffffdb;border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 45px #0d284712}.kpi{padding:18px;display:grid;gap:8px}.kpi svg{color:var(--blue)}.kpi.orange svg{color:var(--orange)}.kpi.green svg{color:var(--green)}.kpi.red svg{color:var(--red)}.kpi span{color:var(--muted);font-size:14px}.kpi strong{font-size:32px}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.dashboard-grid.wide-left{grid-template-columns:minmax(0,1.5fr) minmax(320px,.8fr)}.panel{padding:20px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-head h2{margin:0;font-size:20px}.panel-head button,.actions button,.primary{border:1px solid var(--line);background:var(--white);color:var(--navy);min-height:36px;border-radius:8px;padding:0 12px;font-weight:800}.primary{background:var(--orange);color:var(--white);border-color:var(--orange);display:inline-flex;align-items:center;justify-content:center;gap:6px}.bar-rows{display:grid;gap:15px}.bar-row{display:grid;grid-template-columns:132px 1fr 44px;gap:12px;align-items:center}.bar-row span,.bar-row strong{font-size:14px}.bar-row div{height:10px;background:#e8edf5;border-radius:999px;overflow:hidden}.bar-row i{display:block;height:100%;border-radius:inherit}.channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.channel{min-height:142px;background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:16px;display:grid;align-content:center;justify-items:center;gap:8px}.channel svg{color:var(--orange)}.channel strong{font-size:28px}.channel span,.summary,.info span,.ticket-row span,.detail-title span,.mini-alerts span,.terrain-card p{color:var(--muted)}.ticket-list{display:grid;gap:10px}.ticket-row{width:100%;border:1px solid var(--line);background:var(--white);border-radius:8px;padding:12px;display:grid;grid-template-columns:minmax(0,1fr) 140px 90px 104px;gap:12px;align-items:center;text-align:left}.ticket-row.selected{border-color:var(--orange);box-shadow:0 0 0 3px #fed7aa}.ticket-list.compact .ticket-row{grid-template-columns:minmax(0,1fr) 120px 86px 100px}.row-main{display:grid;gap:4px;min-width:0}.row-main strong,.row-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge,.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:26px;border-radius:999px;padding:0 10px;font-size:12px;font-weight:900;color:var(--navy);background:#e8edf5}.badge.urgente,.badge.alta{background:#ffedd5;color:#c2410c}.badge.media{background:#e0f2fe;color:#075985}.status-pill.ok,.badge.baja{background:#dcfce7;color:#166534}.status-pill.warn{background:#fef3c7;color:#92400e}.status-pill.bad{background:#fee2e2;color:#991b1b}.mini-alerts{display:grid;gap:12px}.mini-alerts div{display:flex;gap:10px;align-items:center;padding:12px;background:var(--warm);border:1px solid #fed7aa;border-radius:8px}.mini-alerts svg,.alert-row svg{color:var(--orange)}.tickets-layout{display:grid;grid-template-columns:minmax(480px,1fr) minmax(360px,440px);gap:20px;align-items:start}.list-panel,.detail-panel{padding:18px}.toolbar{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:12px;margin-bottom:16px}.search,.select{min-height:42px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:0 12px;background:var(--white)}.search input,.select select{width:100%;border:0;outline:0;background:transparent;color:var(--ink)}.detail-title{display:flex;justify-content:space-between;gap:14px}.detail-title h2{font-size:22px;line-height:1.2;margin-bottom:10px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.info{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:10px;display:grid;gap:4px}.info strong{overflow-wrap:anywhere}.ai-analysis{display:flex;gap:12px;padding:14px;background:var(--warm);border:1px solid #fed7aa;border-radius:8px}.ai-analysis svg{color:var(--orange);flex:0 0 auto}.ai-analysis p{margin:4px 0 0;color:#7c4a18;line-height:1.45}.actions{display:flex;gap:8px;margin:16px 0;flex-wrap:wrap}.timeline{border-top:1px solid var(--line);padding-top:14px}.timeline h3{margin-bottom:12px;font-size:16px}.timeline-row{display:flex;gap:10px;align-items:flex-start;margin-bottom:9px}.timeline-row span{width:10px;height:10px;margin-top:5px;background:var(--orange);border-radius:999px;flex:0 0 auto}.timeline-row p{margin:0;color:var(--muted);display:grid;gap:2px;line-height:1.35}.timeline-row p strong{color:var(--ink);font-size:14px}.timeline-row p small{color:var(--muted);font-size:12px;font-weight:800}.hero-strip{background:linear-gradient(135deg,var(--navy),var(--navy-2));color:var(--white);border-radius:8px;padding:26px;display:flex;justify-content:space-between;gap:20px;align-items:center}.hero-strip p{color:#fbbf24;font-weight:800;margin-bottom:8px}.hero-strip h2{margin:0;font-size:28px}.hero-strip svg{color:var(--orange)}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.terrain-card{padding:18px;display:grid;gap:12px}.card-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.card-head span:last-child{color:var(--muted);font-size:13px}.terrain-card h3{margin-bottom:0}.meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.meta-grid span{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:8px;color:var(--muted);font-weight:700;font-size:13px}.alert-feed{display:grid;gap:12px}.alert-row{width:100%;border:1px solid var(--line);background:var(--white);border-radius:8px;padding:14px;display:grid;grid-template-columns:28px minmax(0,1fr) 90px;gap:12px;align-items:center;text-align:left}.alert-row div{display:grid;gap:4px}.alert-row span{color:var(--muted)}.trend{height:260px;display:flex;align-items:end;gap:16px;padding:22px;background:var(--soft);border-radius:8px}.trend span{flex:1;min-height:24px;background:linear-gradient(180deg,var(--orange),var(--blue));border-radius:8px 8px 0 0}.recommendation{min-height:260px;display:grid;align-content:center;gap:10px;background:var(--warm);border:1px solid #fed7aa;border-radius:8px;padding:22px}.recommendation svg{color:var(--orange)}.recommendation p{color:#7c4a18;line-height:1.55}.sector-list{display:grid;gap:10px}.sector-list span{padding:14px;background:var(--soft);border:1px solid var(--line);border-radius:8px;font-weight:800}.rules-table{width:100%;border-collapse:collapse}.rules-table th,.rules-table td{text-align:left;border-bottom:1px solid var(--line);padding:14px 10px}.rules-table th{color:var(--muted);font-size:13px}.config-card{padding:18px;display:grid;gap:8px}.config-card svg{color:var(--orange)}.config-card span{color:var(--muted)}.config-card strong{font-size:24px}@media(max-width:1100px){.app{grid-template-columns:1fr}.sidebar{position:static;padding:18px}nav{grid-template-columns:repeat(3,minmax(0,1fr))}.ai-box{display:none}.tickets-layout,.dashboard-grid,.dashboard-grid.wide-left,.cards-grid{grid-template-columns:1fr}}@media(max-width:760px){.main{padding:18px}.topbar,.hero-strip{flex-direction:column;align-items:stretch}h1{font-size:28px}.kpi-grid,.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}nav{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar,.ticket-row,.ticket-list.compact .ticket-row{grid-template-columns:1fr}.hide-sm{display:none}.detail-grid,.meta-grid{grid-template-columns:1fr}.rules-table{display:block;overflow-x:auto}}