@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{color:#162b34;font-synthesis:none;text-rendering:optimizelegibility;--navy:#102f3b;--teal:#147b7b;--ink:#162b34;--muted:#71827d;--line:#dfe7e3;--red:#b94a42;background:#f4f7f6;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);font-family:Manrope,sans-serif}.support-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.support-kpis article{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:18px;align-items:center;gap:14px;padding:18px;display:flex}.support-kpis svg{width:38px;height:38px;color:var(--teal);background:#e2f1ee;border-radius:12px;padding:9px}.support-kpis strong,.support-kpis span{display:block}.support-kpis strong{font:800 25px Manrope}.support-kpis span{color:var(--muted);font-size:13px}.support-workspace{border:1px solid var(--line);min-height:610px;box-shadow:var(--shadow);background:#fff;border-radius:20px;grid-template-columns:minmax(310px,38%) 1fr;display:grid;overflow:hidden}.ticket-inbox{border-right:1px solid var(--line);min-width:0}.support-filters{border-bottom:1px solid var(--line);gap:10px;padding:16px;display:grid}.support-filters label{border:1px solid var(--line);border-radius:11px;align-items:center;gap:8px;padding:0 11px;display:flex}.support-filters label svg{width:17px;color:var(--muted)}.support-filters input,.support-filters select{background:0 0;border:0;outline:0;width:100%;min-height:42px}.support-filters select,.ticket-thread select{border:1px solid var(--line);background:#fff;border-radius:11px;padding:10px}.ticket-list{max-height:620px;overflow:auto}.ticket-list>button{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1ef;width:100%;padding:16px}.ticket-list>button:hover,.ticket-list>button.selected{background:#edf7f4}.ticket-list button div{align-items:center;gap:8px;display:flex}.ticket-list p{color:var(--muted);margin:7px 0;font-size:13px}.ticket-list small{color:#7a8a86}.status-dot{background:#efaa31;border-radius:50%;width:9px;height:9px}.status-dot.in_progress{background:#3c8ca0}.status-dot.waiting_user{background:#826ec7}.status-dot.resolved,.status-dot.closed{background:#4aa07d}.ticket-thread{flex-direction:column;min-width:0;display:flex}.ticket-thread>header{border-bottom:1px solid var(--line);justify-content:space-between;gap:15px;padding:20px;display:flex}.ticket-thread h2{margin:3px 0}.thread-meta{color:var(--muted);background:#f5f8f7;gap:22px;padding:10px 20px;font-size:12px;display:flex}.messages{background:#f8faf9;flex:1;max-height:410px;padding:22px;overflow:auto}.message{border:1px solid var(--line);background:#fff;border-radius:16px;max-width:78%;margin-bottom:12px;padding:13px 15px}.message.owner{background:#daf0eb;border-color:#b9ded5;margin-left:auto}.message.internal{background:#fff4d9;border-color:#f2d694;max-width:100%}.message p{white-space:pre-wrap;margin:7px 0 0}.message-author{align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.message-author svg{width:15px}.message-author small{color:var(--muted);margin-left:auto;font-weight:400}.ticket-thread>footer{border-top:1px solid var(--line);padding:18px}.reply-box,.note-box{gap:10px;display:flex}.reply-box textarea,.note-box textarea{resize:vertical;flex:1;min-height:76px}.reply-box button{align-self:flex-end}.ticket-thread details{margin-top:12px}.ticket-thread summary{cursor:pointer;color:var(--muted);font-size:13px}.note-box{margin-top:10px}.empty-support,.empty-thread{text-align:center;color:var(--muted);place-items:center;gap:7px;padding:42px 20px;display:grid}.empty-thread{height:100%}.empty-thread svg,.empty-support svg{color:#8cb7ae;width:40px;height:40px}@media (width<=900px){.support-workspace{grid-template-columns:1fr}.ticket-inbox{border-right:0;border-bottom:1px solid var(--line)}.ticket-list{max-height:280px}.messages{max-height:430px}}@media (width<=580px){.support-kpis{grid-template-columns:1fr}.support-workspace{border-radius:15px}.ticket-thread>header{display:block}.ticket-thread>header select{width:100%;margin-top:12px}.message{max-width:94%}.reply-box,.note-box{display:block}.reply-box button,.note-box button{width:100%;margin-top:8px}.thread-meta{display:block}.thread-meta span{margin:4px 0;display:block}}#root{min-height:100vh}.sidebar{background:var(--navy);color:#d9e6e5;z-index:30;flex-direction:column;width:276px;padding:26px 18px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{border-bottom:1px solid #ffffff1f;align-items:center;gap:12px;padding:0 10px 27px;display:flex}.mini-logo{width:48px;height:48px;color:var(--navy);background:linear-gradient(145deg,#f8fffc,#bce4db);border-radius:15px;place-items:center;font:800 15px Manrope;display:grid;box-shadow:0 8px 24px #00000029}.sidebar-brand strong{color:#fff;font:700 20px Manrope;display:block}.sidebar-brand span{color:#9bb8b4;font-size:13px}.sidebar nav{flex-direction:column;gap:5px;padding:24px 0;display:flex;overflow:auto}.sidebar nav button{color:#c7d8d7;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:13px;padding:12px 14px;display:flex}.sidebar nav button svg{width:19px}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#1a6f76}.sidebar-user{border-top:1px solid #ffffff1f;align-items:center;gap:10px;margin-top:auto;padding:20px 8px 0;display:flex}.avatar{color:#165b5e;background:#d9eee8;border-radius:50%;flex:none;place-items:center;width:37px;height:37px;font-size:13px;font-weight:700;display:grid}.sidebar-user div:nth-child(2){flex:1;min-width:0}.sidebar-user strong,.sidebar-user span{display:block}.sidebar-user strong{color:#fff;font-size:14px}.sidebar-user span{white-space:nowrap;text-overflow:ellipsis;color:#9bb8b4;font-size:11px;overflow:hidden}.sidebar-user button,.mobile-close{color:#b9cfcd;background:0 0;border:0}.main-shell{min-height:100vh;margin-left:276px}.topbar{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;justify-content:space-between;align-items:center;height:74px;padding:0 38px;display:flex;position:sticky;top:0}.breadcrumb{color:var(--muted);align-items:center;gap:8px;font-size:14px;display:flex}.breadcrumb svg{width:15px}.breadcrumb strong{color:var(--ink)}.top-status{align-items:center;gap:15px;display:flex}.top-status>span{color:var(--muted);font-size:13px}.top-status i{background:#36a274;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.top-status button,.menu-button{color:var(--muted);background:0 0;border:0;padding:7px}.top-status svg{width:19px}.menu-button,.mobile-close{display:none}.page{max-width:1510px;margin:auto;padding:40px}.page-header{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:28px;display:flex}.eyebrow{letter-spacing:.16em;color:#64847c;margin-bottom:9px;font:700 12px Manrope}.page-header h1{letter-spacing:-.04em;margin-bottom:7px;font-size:34px}.page-header>div>p:last-child,.muted{color:var(--muted);margin-bottom:0}.primary,.secondary{border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 17px;font-weight:700;display:inline-flex}.primary{background:var(--teal);color:#fff}.secondary{color:#205d61;background:#fff;border-color:#cfdcd8}.primary svg,.secondary svg{width:18px}.wide{width:100%}.metric-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.metric-card,.content-card{border:1px solid var(--line);background:#fff;border-radius:18px;box-shadow:0 8px 30px #18353409}.metric-card{padding:21px}.metric-icon{border-radius:13px;place-items:center;width:42px;height:42px;margin-bottom:21px;display:grid}.metric-icon svg{width:20px}.metric-icon.teal{color:#197777;background:#dff0ee}.metric-icon.green{color:#278258;background:#e1f3e7}.metric-icon.orange{color:#b36c22;background:#f8ead7}.metric-icon.violet{color:#6657a5;background:#e9e7f7}.metric-card p{color:var(--muted);margin-bottom:6px;font-size:13px}.metric-card>strong{margin-bottom:8px;font:800 25px Manrope;display:block}.metric-card>span{color:#899792;font-size:12px}.dashboard-grid{grid-template-columns:1.35fr 1fr;gap:20px;display:grid}.content-card{padding:25px}.card-heading{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.card-heading h2{margin:0;font-size:20px}.card-heading>svg{color:#6d8f87}.balance{background:#f2f8f5;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:25px;padding:20px;display:flex}.balance span{color:var(--muted)}.balance strong{font:800 27px Manrope}.positive{color:#21815d}.negative{color:var(--red)}.bar-row{margin:17px 0}.bar-row>div:first-child{justify-content:space-between;margin-bottom:7px;font-size:13px;display:flex}.bar{background:#edf2f0;border-radius:9px;height:7px;overflow:hidden}.bar i{border-radius:9px;height:100%;display:block}.bar .income{background:#3c9b7a}.bar .cost{background:#d98c5a}.bar .pending{background:#d5a243}.action-row{text-align:left;background:0 0;border:0;border-bottom:1px solid #edf1ef;justify-content:space-between;align-items:center;width:100%;padding:14px 2px;display:flex}.action-row span>*{display:block}.action-row strong{color:var(--ink);font-size:14px}.action-row small{color:var(--muted);margin-top:4px}.action-row svg{color:#82938e;width:18px}.quick-section{margin-top:27px}.quick-section h2{font-size:20px}.quick-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.quick-grid button{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:15px;align-items:center;gap:11px;padding:18px;font-weight:700;display:flex}.quick-grid button>svg:first-child{color:var(--teal)}.quick-grid button>svg:last-child{width:17px;margin-left:auto}.table-tools{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.search{border:1px solid var(--line);background:#fbfcfc;border-radius:11px;align-items:center;gap:9px;width:min(430px,70%);height:44px;padding:0 13px;display:flex}.search svg{width:18px}.search input{background:0 0;border:0;outline:0;width:100%}.count{color:var(--muted);font-size:13px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:690px}th{text-align:left;color:#71857f;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--line);padding:13px;font-size:11px}td{border-bottom:1px solid #edf1ef;padding:16px 13px;font-size:14px}tbody tr{cursor:pointer}tbody tr:hover{background:#f7faf8}td:last-child{justify-content:flex-end;align-items:center;gap:8px;display:flex}.row-more{color:#a24a43;background:0 0;border:0;font-size:12px}.badge{color:#5c706a;background:#edf2f0;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.badge.activo,.badge.activa,.badge.vigente,.badge.cobrado,.badge.operativa,.badge.resuelto,.badge.completada{color:#237452;background:#dff2e7}.badge.vencido,.badge.crítica,.badge.cerrado{color:#a33e38;background:#f8e2df}.badge.pendiente,.badge.media,.badge.en-revisión,.badge.a-renovar{color:#986420;background:#f8ecd7}.empty{text-align:center;color:var(--muted);padding:70px 20px}.empty-icon{color:#247879;background:#e8f3ef;border-radius:17px;place-items:center;width:55px;height:55px;margin:0 auto 16px;display:grid}.empty strong{color:var(--ink);margin-bottom:6px;display:block}.modal-backdrop{z-index:80;background:#0a1f268c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:20px;width:min(760px,100%);max-height:90vh;overflow:auto}.modal header,.modal footer{justify-content:space-between;align-items:center;padding:22px 26px;display:flex}.modal header{border-bottom:1px solid var(--line)}.modal header h2{margin:0}.modal footer{border-top:1px solid var(--line);justify-content:flex-end;gap:10px}.icon-button{background:#edf4f1;border:0;border-radius:50%;width:38px;height:38px}.form-grid{grid-template-columns:1fr 1fr;gap:18px;padding:25px;display:grid}.form-grid label,.login-card label{color:#526761;font-size:13px;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea,.login-card input{background:#fff;border:1px solid #cedbd7;border-radius:10px;width:100%;margin-top:7px;padding:11px 12px;display:block}.form-grid textarea{min-height:105px}.form-grid .full{grid-column:1/-1}.login-shell{grid-template-columns:1.05fr 1fr;min-height:100vh;display:grid}.login-brand{color:#d7e9e6;background:linear-gradient(145deg,#0c3542,#176f73);flex-direction:column;justify-content:center;padding:9vw;display:flex}.brand-mark{color:#176d6f;background:#dff3eb;border-radius:17px;place-items:center;width:58px;height:58px;margin-bottom:28px;display:grid}.login-brand h1{color:#fff;letter-spacing:-.05em;font-size:52px;line-height:1.08}.login-brand>p:not(.eyebrow){max-width:520px;font-size:18px;line-height:1.6}.login-feature{align-items:center;gap:10px;margin-top:40px;display:flex}.login-panel{place-items:center;padding:35px;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:23px;width:min(440px,100%);padding:40px;box-shadow:0 20px 70px #19363414}.login-card h2{margin:20px 0 7px;font-size:30px}.login-card label{margin:20px 0;display:block}.login-card input{height:49px}.link-button{color:var(--teal);background:0 0;border:0;width:100%;margin-top:15px;font-weight:700}.spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:17px;height:17px;animation:.7s linear infinite spin}.spinner.dark{border-color:#b6cbc5;border-top-color:var(--teal)}@keyframes spin{to{transform:rotate(360deg)}}.app-loader,.denied{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100vh;padding:30px;display:flex}.denied code{background:#e7efec;border-radius:8px;padding:10px}.settings-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.span-two{grid-column:1/-1}dl div{border-bottom:1px solid #edf1ef;justify-content:space-between;padding:14px 0;display:flex}dt{color:var(--muted)}dd{font-weight:700}.mono{font:12px ui-monospace}.integration{border-bottom:1px solid #edf1ef;align-items:center;gap:15px;padding:17px 0;display:flex}.integration-icon{background:#dcefeb;border-radius:13px;place-items:center;width:45px;height:45px;font-weight:800;display:grid}.integration-icon.dim{background:#edf0f0}.integration>div:nth-child(2){flex:1}.integration p{color:var(--muted);margin:3px 0 0;font-size:13px}.drawer-shade{display:none}@media (width<=1100px){.metric-grid,.quick-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=820px){.sidebar{transition:all .25s;transform:translate(-100%)}.sidebar.open{transform:none}.main-shell{margin-left:0}.drawer-shade{z-index:25;background:#0c232a73;display:block;position:fixed;inset:0}.menu-button,.mobile-close{display:grid}.topbar{padding:0 18px}.top-status>span,.breadcrumb span,.breadcrumb svg{display:none}.page{padding:26px 18px}.dashboard-grid,.settings-grid{grid-template-columns:1fr}.span-two{grid-column:auto}.login-shell{grid-template-columns:1fr}.login-brand{display:none}}@media (width<=580px){.page-header{display:block}.page-header h1{font-size:29px}.page-header>button{width:100%;margin-top:18px}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{padding:16px}.metric-card>strong{font-size:19px}.content-card{padding:18px}.quick-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr;padding:19px}.form-grid .full{grid-column:auto}.login-panel{padding:18px}.login-card{padding:28px 22px}.table-tools{flex-direction:column;align-items:stretch;gap:10px}.search{width:100%}.balance{display:block}.balance strong{margin-top:8px;display:block}}