:root{--navy:#001e50;--navy-900:#001640;--navy-800:#001e50;--navy-700:#0a2f6e;--navy-600:#16418c;--cyan:#02aef0;--cyan-600:#0295cc;--cyan-500:#02aef0;--cyan-50:#e7f7fe;--gold:#e6ad4f;--gold-50:#fdf3e1;--sky:#b9d9eb;--sky-50:#eef6fb;--text:#0f2744;--text-muted:#5b6b80;--heading:#001e50;--bg:#f4f7fb;--surface:#fff;--border:#e3eaf2;--border-strong:#cfdae7;--danger:#c0362c;--danger-bg:#fdeceb;--ok:#157347;--ok-bg:#e9f7ef;--radius:14px;--radius-sm:10px;--radius-pill:999px;--shadow-sm:0 1px 2px #001e500f;--shadow:0 10px 30px -12px #001e5038;--shadow-lg:0 24px 60px -20px #001e5073;--sans:"Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--display:"Poppins", "Montserrat", system-ui, sans-serif;font-family:var(--sans);color:var(--text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px;line-height:1.55}*{box-sizing:border-box}body{background:var(--bg);min-height:100svh;margin:0}#root{min-height:100svh}h1,h2,h3{color:var(--heading);margin:0}h1{font-family:var(--display);letter-spacing:-.02em;font-size:1.75rem;font-weight:700}h2{letter-spacing:-.01em;font-size:1.15rem;font-weight:700}h3{font-size:1rem;font-weight:700}p{margin:0}a{color:var(--cyan-600)}.app-layout{align-items:stretch;min-height:100svh;display:flex}.sidebar{background:var(--navy);color:#c3d2e4;flex-direction:column;flex:none;align-self:flex-start;gap:.5rem;width:256px;height:100svh;padding:1.4rem .9rem;display:flex;position:sticky;top:0}.content{flex:1;min-width:0}.brand{font-family:var(--display);letter-spacing:-.01em;color:var(--heading);align-items:center;gap:.6rem;font-size:1.1rem;font-weight:700;display:flex}.sidebar-brand{color:#fff;padding:.3rem .6rem 1.1rem}.brand-mark{background:url(/galimplant-iso-navy.png) 50%/contain no-repeat;flex:none;width:24px;height:34px}.sidebar-brand .brand-mark{background-image:url(/galimplant-iso-white.png)}.login-brand .brand-mark{width:30px;height:42px}.brand-3d{color:var(--cyan);font-weight:800}.sidebar-brand .brand-3d{color:var(--cyan)}.sidebar-nav{flex-direction:column;gap:.2rem;display:flex}.nav-item{text-align:left;width:100%;font:inherit;border-radius:var(--radius-sm);color:#c3d2e4;cursor:pointer;background:0 0;border:none;padding:.65rem .8rem;font-size:.95rem;font-weight:600;transition:background .15s,color .15s;display:block}.nav-item:hover{color:#fff;background:#ffffff14}.nav-item-active{color:#fff;box-shadow:inset 3px 0 0 var(--cyan);background:#02aef029}.nav-item-active:hover{background:#02aef03d}.sidebar-foot{border-top:1px solid #ffffff1f;flex-direction:column;gap:.4rem;margin-top:auto;padding-top:1rem;display:flex}.sidebar-email{color:#8ba2bd;word-break:break-word;padding:0 .8rem;font-size:.8rem}.sidebar-role{text-transform:uppercase;letter-spacing:.08em;color:var(--cyan);padding:0 .8rem;font-size:.72rem;font-weight:700}.nav-logout{color:#e7eef5}@media (width<=860px){.app-layout{flex-direction:column}.sidebar{z-index:30;width:100%;height:auto;box-shadow:var(--shadow-sm);flex-direction:row;align-items:center;gap:.5rem;padding:.6rem .8rem;position:sticky;top:0}.sidebar-brand{padding:.2rem .4rem;font-size:1rem}.sidebar-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-flow:row;flex:1;gap:.25rem;overflow-x:auto}.sidebar-nav::-webkit-scrollbar{display:none}.nav-item{white-space:nowrap;padding:.5rem .7rem}.nav-item-active{box-shadow:inset 0 -3px 0 var(--cyan)}.sidebar-foot{border-top:none;flex-direction:row;align-items:center;margin-top:0;padding-top:0}.sidebar-email,.sidebar-role{display:none}.nav-logout{padding:.5rem .7rem}}.topbar-right{align-items:center;gap:1rem;display:flex}.topbar-email{color:var(--text-muted);font-size:.9rem}.page{flex:1;width:100%;max-width:1000px;margin:0 auto;padding:2.4rem 1.6rem 4rem}.page-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.8rem;display:flex}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:2.2rem 0 .9rem;font-size:.8rem;font-weight:700}.section-title:first-of-type{margin-top:0}.btn{font:inherit;border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;border:1.5px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1.25rem;font-size:.92rem;font-weight:600;transition:background .15s,border-color .15s,box-shadow .15s,opacity .15s,transform 50ms;display:inline-flex}.btn:not(:disabled):active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-teal{background:var(--cyan);color:#fff;box-shadow:0 6px 16px -8px #02aef0cc}.btn-teal:not(:disabled):hover{background:var(--cyan-600)}.btn-primary{background:var(--navy);color:#fff}.btn-primary:not(:disabled):hover{background:var(--navy-700)}.btn-ghost{background:var(--surface);color:var(--navy);border-color:var(--border-strong)}.btn-ghost:not(:disabled):hover{background:var(--sky-50);border-color:var(--sky)}.btn-sm{padding:.45rem .9rem;font-size:.85rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.case-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:1rem;padding:1.05rem 1.3rem;transition:box-shadow .15s,border-color .15s,transform .1s;display:flex}.case-card+.case-card{margin-top:.75rem}.case-card:hover{box-shadow:var(--shadow);border-color:var(--sky)}.case-card-click:hover{transform:translateY(-1px)}.case-main{flex-direction:column;gap:.25rem;min-width:0;display:flex}.case-number{letter-spacing:.05em;text-transform:uppercase;color:var(--cyan-600);font-size:.76rem;font-weight:700}.case-title{color:var(--heading);font-size:1.02rem;font-weight:600}.case-meta{color:var(--text-muted);font-size:.88rem}.case-aside{flex:none;align-items:center;gap:.75rem;display:flex}.badge{border-radius:var(--radius-pill);white-space:nowrap;letter-spacing:.01em;border:1px solid #0000;align-items:center;padding:.26rem .7rem;font-size:.76rem;font-weight:700;display:inline-flex}.badge-pendiente{background:var(--gold-50);color:#9a6b12;border-color:#f0d9a9}.badge-proceso{background:var(--cyan-50);color:var(--cyan-600);border-color:#bfe9fb}.badge-espera{background:var(--sky-50);color:var(--navy-700);border-color:var(--sky)}.badge-final{background:var(--ok-bg);color:var(--ok);border-color:#c7e9d4}.badge-accion{background:var(--navy);color:#fff;border-color:var(--navy)}.needs-action{border-color:var(--cyan);box-shadow:inset 4px 0 0 var(--cyan), var(--shadow-sm)}.field{flex-direction:column;gap:.4rem;margin-bottom:1.15rem;display:flex}.label{color:var(--heading);font-size:.9rem;font-weight:600}.hint{color:var(--text-muted);font-size:.78rem;line-height:1.4}.input,.textarea,.select{font:inherit;width:100%;color:var(--text);background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);padding:.65rem .8rem;transition:border-color .15s,box-shadow .15s}.input:focus,.textarea:focus,.select:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 0 3px #02aef02e}.textarea{resize:vertical;min-height:120px}.price-tag{background:var(--cyan-50);border-radius:var(--radius-sm);color:var(--cyan-600);border:1px solid #bfe9fb;align-items:baseline;gap:.3rem;margin-top:.1rem;padding:.5rem .85rem;font-weight:700;display:inline-flex}.price-tag .iva{color:var(--text-muted);font-size:.8rem;font-weight:500}.form-error{color:var(--danger);background:var(--danger-bg);border-radius:var(--radius-sm);border:1px solid #f4cfcb;margin-bottom:1rem;padding:.6rem .8rem;font-size:.9rem}.form-actions{justify-content:flex-end;gap:.7rem;margin-top:.5rem;display:flex}.modal-overlay{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00143780;justify-content:center;align-items:flex-start;padding:2.5rem 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);border-radius:var(--radius);width:100%;max-width:520px;box-shadow:var(--shadow-lg)}.modal-head{border-bottom:1px solid var(--border);padding:1.3rem 1.6rem}.modal-body{padding:1.6rem}.empty{text-align:center;color:var(--text-muted);background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius);padding:2.75rem 1.5rem}.notice{border-radius:var(--radius-sm);background:var(--danger-bg);color:var(--danger);border:1px solid #f4cfcb;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.9rem}.notice-ok{background:var(--cyan-50);color:var(--cyan-600);border-color:#bfe9fb}.row-actions{white-space:nowrap;gap:.5rem;display:flex}.center-screen{min-height:100svh;color:var(--text-muted);place-items:center;padding:1.5rem;display:grid}.login-screen{background:radial-gradient(circle at 50% -10%, #02aef01f, transparent 55%), var(--bg);place-items:center;min-height:100svh;padding:1.5rem;display:grid}.login-card{width:100%;max-width:390px;padding:2.4rem 2.1rem}.login-brand{margin-bottom:.4rem;font-size:1.4rem}.login-sub{color:var(--text-muted);margin-bottom:1.8rem;font-size:.9rem}.login-submit{width:100%;margin-top:.25rem}.link-btn{width:100%;font:inherit;color:var(--cyan-600);cursor:pointer;text-align:center;background:0 0;border:none;margin-top:1rem;padding:0;font-size:.9rem;font-weight:600;display:block}.link-btn:hover{color:var(--cyan);text-decoration:underline}.case-card-click,.cases-table tr.row-click{cursor:pointer}.cases-table tr.row-click:hover td{background:var(--sky-50)}.back-btn{font:inherit;color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;margin-bottom:1.5rem;padding:0;font-size:.92rem;font-weight:600;display:inline-flex}.back-btn:hover{color:var(--cyan-600)}.detail-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.detail-header .case-number{font-size:.82rem}.detail-header h1{margin-top:.2rem}.detail-card{padding:1.6rem 1.8rem}.detail-card+.detail-card{margin-top:1.25rem}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem 2rem;margin:0;display:grid}@media (width<=560px){.detail-grid{grid-template-columns:1fr}}.detail-field{flex-direction:column;gap:.2rem;min-width:0;display:flex}.detail-field.full{grid-column:1/-1}.detail-field dt{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0;font-size:.72rem;font-weight:700}.detail-field dd{color:var(--heading);margin:0;font-weight:500}.detail-price{align-items:baseline;gap:.3rem;display:inline-flex}.detail-price .iva{color:var(--text-muted);font-size:.8rem;font-weight:500}.plan-text{white-space:pre-wrap;color:var(--text);font-weight:400;line-height:1.6}.detail-actions h2{margin-bottom:1rem}.actions-bar{flex-wrap:wrap;gap:.75rem;display:flex}.action-note{color:var(--text-muted)}.detail-final{color:var(--ok);align-items:center;gap:.6rem;font-weight:600;display:flex}.dashboard{margin-bottom:2.5rem}.dash-filter{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.preset-group{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-pill);gap:2px;padding:3px;display:inline-flex;overflow:hidden}.preset-btn{font:inherit;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-pill);background:0 0;border:none;padding:.45rem 1rem;font-size:.88rem;font-weight:600}.preset-btn:hover{color:var(--navy)}.preset-active{background:var(--navy);color:#fff}.preset-active:hover{color:#fff}.range-group{flex-wrap:wrap;align-items:flex-end;gap:.6rem;display:flex}.range-field{color:var(--text-muted);flex-direction:column;gap:.25rem;font-size:.78rem;font-weight:600;display:flex}.range-field .input{padding:.5rem .6rem}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.kpi-card{flex-direction:column;gap:.35rem;padding:1.2rem 1.3rem;display:flex;position:relative;overflow:hidden}.kpi-card:before{content:"";background:var(--sky);width:4px;position:absolute;top:0;bottom:0;left:0}.kpi-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.74rem;font-weight:700}.kpi-value{font-family:var(--display);letter-spacing:-.02em;color:var(--heading);font-size:1.85rem;font-weight:700;line-height:1.1}.kpi-value.kpi-teal{color:var(--cyan-600)}.kpi-value.kpi-amber{color:#b7791f}.kpi-value.kpi-ok{color:var(--ok)}.kpi-note{color:var(--text-muted);font-size:.76rem}.pending-card .badge-urgent{background:var(--danger-bg);color:var(--danger);letter-spacing:.04em;border-color:#f4cfcb;font-weight:700}.cases-table tfoot .total-row td{color:var(--heading);background:var(--sky-50);border-top:2px solid var(--border-strong);font-weight:700}.file-group+.file-group{margin-top:1.25rem}.file-group-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 .6rem;font-size:.78rem;font-weight:700}.file-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.file-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);justify-content:space-between;align-items:center;gap:1rem;padding:.7rem .9rem;display:flex}.file-info{flex-direction:column;gap:.15rem;min-width:0;display:flex}.file-name{color:var(--heading);word-break:break-word;font-weight:600}.file-meta{color:var(--text-muted);font-size:.8rem}.file-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.file-input{min-width:0;font:inherit;color:var(--text);flex:1;font-size:.9rem}.file-input::file-selector-button{font:inherit;border:1.5px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface);color:var(--navy);cursor:pointer;margin-right:.75rem;padding:.5rem .9rem;font-size:.85rem;font-weight:600}.file-input::file-selector-button:hover{background:var(--sky-50);border-color:var(--sky)}.progress{align-items:center;gap:.75rem;margin-top:1rem;display:flex}.progress-track{border-radius:var(--radius-pill);background:#e4ebf2;flex:1;height:9px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--navy-600), var(--cyan));border-radius:var(--radius-pill);height:100%;transition:width .2s}.progress-label{color:var(--text-muted);text-align:right;min-width:3rem;font-size:.85rem;font-weight:600}.detail-card>h2{margin-bottom:1.1rem}.chat-list{flex-direction:column;gap:.75rem;margin:0 0 1.25rem;padding:0;list-style:none;display:flex}.chat-msg{justify-content:flex-start;display:flex}.chat-msg-own{justify-content:flex-end}.chat-bubble{background:var(--sky-50);border:1px solid var(--border);border-radius:14px;max-width:78%;padding:.65rem .9rem}.chat-msg-own .chat-bubble{background:var(--cyan-50);border-color:#bfe9fb}.chat-meta{align-items:baseline;gap:.6rem;margin-bottom:.2rem;display:flex}.chat-author{color:var(--navy-700);font-size:.82rem;font-weight:700}.chat-msg-own .chat-author{color:var(--cyan-600)}.chat-time{color:var(--text-muted);font-size:.72rem}.chat-body{white-space:pre-wrap;word-break:break-word;color:var(--text);line-height:1.5}.chat-error{margin-bottom:1rem}.chat-compose{border-top:1px solid var(--border);padding-top:1.25rem}.chat-compose .form-actions{margin-top:.75rem}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);overflow-x:auto}table.cases-table{border-collapse:collapse;width:100%;font-size:.92rem}.cases-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--sky-50);white-space:nowrap;padding:.85rem 1rem;font-size:.72rem;font-weight:700}.cases-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:.85rem 1rem}.cases-table tr:last-child td{border-bottom:none}.cases-table td.num{color:var(--cyan-600);white-space:nowrap;font-weight:700}