:root{--vino:#651b32;--vino-oscuro:#4d1325;--vino-claro:#87304d;--rosa:#eed6de;--rosa-suave:#faf1f4;--dorado:#c8a96b;--texto:#28262b;--muted:#77727a;--fondo:#f5f5f7;--blanco:#fff;--borde:#e8e7eb;--verde:#2e7d5b;--amarillo:#a4690d;--rojo:#a12e41;--azul:#42698e;--sombra:0 10px 28px #27181f14;--radio:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--fondo);color:var(--texto);margin:0;font-family:Segoe UI,Inter,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{min-height:100vh}.sidebar{color:#fff;background:radial-gradient(circle at 15% 8%, #ffffff14, transparent 25%), linear-gradient(180deg,var(--vino),var(--vino-oscuro));z-index:30;width:280px;padding:24px 18px;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand{border-bottom:1px solid #ffffff1f;align-items:center;gap:12px;padding:4px 10px 24px;display:flex}.brand-mark{background:#ffffff14;border:1px solid #ffffff47;border-radius:14px;place-items:center;width:46px;height:46px;font-size:22px;display:grid}.brand h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:20px;line-height:1.1}.brand small{color:#ffffffa1;letter-spacing:1.1px;text-transform:uppercase;margin-top:5px;font-family:Segoe UI,sans-serif;font-size:10px;display:block}.menu-group{margin-top:22px}.menu-label{color:#ffffff7a;letter-spacing:1.25px;text-transform:uppercase;margin:0 12px 9px;font-size:10px;font-weight:700}.nav-button{color:#ffffffd1;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;width:100%;margin-bottom:6px;padding:12px 13px;transition:all .18s;display:flex}.nav-button:hover,.nav-button.active{color:#fff;background:#ffffff1f;transform:translate(3px)}.nav-button.active{box-shadow:inset 3px 0 0 var(--dorado)}.nav-icon{text-align:center;width:23px;font-size:16px}.main{min-height:100vh;margin-left:280px;padding:26px 34px 44px}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.title-wrap p{color:var(--muted);margin:0 0 4px;font-size:13px}.title-wrap h2{color:var(--vino);margin:0;font-family:Georgia,Times New Roman,serif;font-size:32px}.top-actions{align-items:center;gap:10px;display:flex}.search{border:1px solid var(--borde);background:#fff;border-radius:12px;outline:none;width:270px;height:44px;padding:0 14px}.search:focus{border-color:var(--vino-claro);box-shadow:0 0 0 3px #651b3214}.icon-button{border:1px solid var(--borde);width:44px;height:44px;color:var(--vino);background:#fff;border-radius:12px;place-items:center;display:grid}.profile{align-items:center;gap:10px;padding-left:4px;display:flex}.avatar{color:#fff;background:linear-gradient(145deg,var(--vino),var(--vino-claro));border-radius:50%;place-items:center;width:44px;height:44px;font-weight:700;display:grid}.profile strong{font-size:13px;display:block}.profile small{color:var(--muted);font-size:11px}.view{display:none}.view.active{display:block}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.toolbar-left,.toolbar-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn{background:var(--vino);color:#fff;border:0;border-radius:10px;padding:11px 16px;font-weight:650}.btn:hover{background:var(--vino-claro)}.btn.secondary{color:var(--vino);border:1px solid var(--borde);background:#fff}.btn.soft{color:var(--vino);background:var(--rosa-suave);border:1px solid #651b3214}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:20px;display:grid}.card,.panel{border-radius:var(--radio);box-shadow:var(--sombra);background:#fff;border:1px solid #651b320a}.card{min-height:145px;padding:21px;position:relative;overflow:hidden}.card:after{content:"";background:var(--rosa-suave);border-radius:50%;width:105px;height:105px;position:absolute;bottom:-35px;right:-26px}.card-top{z-index:1;justify-content:space-between;gap:14px;display:flex;position:relative}.card h3{color:var(--muted);margin:0;font-size:13px;font-weight:600}.metric{z-index:1;color:var(--vino);margin:14px 0 5px;font-size:31px;font-weight:750;position:relative}.metric.small{font-size:25px}.card-icon{background:var(--rosa-suave);width:42px;height:42px;color:var(--vino);border-radius:12px;place-items:center;font-size:19px;display:grid}.trend{z-index:1;color:var(--muted);font-size:12px;position:relative}.grid-2{grid-template-columns:minmax(0,1.6fr) minmax(290px,.8fr);align-items:start;gap:20px;display:grid}.grid-equal{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.panel{padding:22px}.panel+.panel{margin-top:20px}.panel-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:17px;display:flex}.panel h3{color:var(--vino);margin:0;font-family:Georgia,Times New Roman,serif;font-size:21px}.panel p.helper{color:var(--muted);margin:4px 0 0;font-size:12px}.table-wrap{border:1px solid var(--borde);border-radius:14px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:700px}th{color:#fff;background:var(--vino);letter-spacing:.35px;text-align:left;text-transform:uppercase;padding:13px 15px;font-size:11px}td{border-bottom:1px solid var(--borde);padding:14px 15px;font-size:13px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcf8fa}@media (width<=700px){.table-wrap{border:0;border-radius:0;overflow-x:visible}table{min-width:0}thead{display:none}table,tbody,tr,td{width:100%;display:block}tbody tr{border:1px solid var(--borde);box-shadow:var(--sombra);background:#fff;border-radius:14px;margin-bottom:12px;padding:6px 14px}tbody tr:last-child{margin-bottom:0}td{border-bottom:1px solid var(--borde);text-align:right;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}td:last-child{border-bottom:0}td[data-label]:before{content:attr(data-label);color:var(--muted);text-transform:uppercase;letter-spacing:.3px;text-align:left;margin-right:auto;font-size:11px;font-weight:700}td:not([data-label]){text-align:center;color:var(--muted);justify-content:center}td[data-label=Acción]{flex-wrap:wrap;justify-content:flex-end}td[data-label=Acción]:before{flex-basis:100%;margin-right:0}}.badge{background:var(--rosa);color:var(--vino);white-space:nowrap;border-radius:50px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge.green{color:var(--verde);background:#dff2e6}.badge.yellow{color:var(--amarillo);background:#fff0ca}.badge.red{color:var(--rojo);background:#ffe2e6}.badge.blue{color:var(--azul);background:#e3eef8}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.quick{border:1px solid var(--borde);text-align:left;background:#fff;border-radius:13px;min-height:76px;padding:13px;transition:all .18s}.quick:hover{background:var(--rosa-suave);border-color:#651b3238;transform:translateY(-2px)}.quick span{margin-bottom:7px;font-size:18px;display:block}.quick strong{font-size:12px}.agenda-list,.timeline,.doc-list,.model-list,.payment-list{gap:10px;display:grid}.agenda-item,.timeline-item,.doc-item,.model-item,.payment-item{border:1px solid var(--borde);background:#fff;border-radius:13px;grid-template-columns:70px 1fr auto;align-items:center;gap:12px;padding:13px;display:grid}.agenda-item strong,.timeline-item strong,.doc-item strong,.model-item strong,.payment-item strong{margin-bottom:3px;font-size:13px;display:block}.agenda-item small,.timeline-item small,.doc-item small,.model-item small,.payment-item small{color:var(--muted);font-size:11px;line-height:1.4}.time-pill{color:var(--vino);font-size:12px;font-weight:750}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.field.full{grid-column:1/-1}label{color:#4b454d;margin-bottom:6px;font-size:12px;font-weight:650;display:block}input,select,textarea{border:1px solid var(--borde);background:#fff;border-radius:10px;outline:none;width:100%;padding:11px 12px}input:focus,select:focus,textarea:focus{border-color:var(--vino-claro);box-shadow:0 0 0 3px #651b3212}textarea{resize:vertical;min-height:110px}.kanban{grid-template-columns:repeat(4,minmax(230px,1fr));gap:15px;padding-bottom:5px;display:grid;overflow-x:auto}.kanban-col{border:1px solid var(--borde);background:#f9f9fa;border-radius:15px;min-height:430px;padding:13px}.kanban-col h4{color:var(--vino);margin:0 0 12px;font-size:13px}.task-card{border:1px solid var(--borde);background:#fff;border-radius:12px;margin-bottom:10px;padding:13px;box-shadow:0 4px 12px #0000000a}.task-card strong{margin-bottom:6px;font-size:12px;display:block}.task-card small{color:var(--muted);font-size:10px}.calendar{border:1px solid var(--borde);background:var(--borde);border-radius:14px;grid-template-columns:repeat(7,1fr);gap:1px;display:grid;overflow:hidden}.calendar .day-name,.calendar .day{background:#fff;min-height:95px;padding:10px}.calendar .day-name{color:#fff;background:var(--vino);text-align:center;min-height:auto;font-size:11px;font-weight:700}.day-number{color:var(--muted);font-size:11px;font-weight:700}.event-chip{background:var(--rosa-suave);color:var(--vino);border-radius:8px;margin-top:8px;padding:6px 7px;font-size:9px;line-height:1.3;display:block}.progress-box{background:linear-gradient(145deg,var(--rosa-suave),#fff);border-radius:13px;padding:16px}.progress-head{justify-content:space-between;margin-bottom:10px;font-size:12px;display:flex}.progress-track{background:#e6d7dd;border-radius:99px;height:9px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,var(--vino),var(--vino-claro));border-radius:99px;height:100%}.w68{width:68%}.w54{width:54%}.w82{width:82%}.w40{width:40%}.stat-list{gap:10px;display:grid}.stat-row{border-bottom:1px solid var(--borde);justify-content:space-between;gap:10px;padding:12px 0;font-size:12px;display:flex}.stat-row:last-child{border-bottom:0}.stat-row span{color:var(--muted)}.empty-box{text-align:center;color:var(--muted);background:#fcfcfd;border:1px dashed #d9d6dc;border-radius:14px;padding:28px}.modal{z-index:100;background:#1f131873;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal.show{display:flex}.modal-card{background:#fff;border-radius:18px;width:min(700px,100%);max-height:90vh;padding:24px;overflow:auto;box-shadow:0 25px 70px #00000038}.modal-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modal-head h3{color:var(--vino);margin:0;font-family:Georgia,Times New Roman,serif}.close{color:var(--muted);background:0 0;border:0;font-size:20px}.mobile-toggle,.overlay{display:none}@media (width<=1180px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2,.grid-equal{grid-template-columns:1fr}.search{width:210px}}@media (width<=850px){.sidebar{transition:all .22s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main{margin-left:0;padding:20px 16px 35px}.mobile-toggle{display:grid}.overlay{z-index:20;background:#1f131861;position:fixed;inset:0}.overlay.show{display:block}.search,.profile div:last-child{display:none}}@media (width<=700px){.calendar .day-name{font-size:9px}.calendar .day{min-height:52px;padding:5px}.event-chip{margin-top:4px;padding:3px 4px;font-size:8px}}@media (width<=560px){.cards,.quick-grid,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.title-wrap h2{font-size:27px}.panel{padding:17px}.topbar{align-items:flex-start}.agenda-item,.timeline-item,.doc-item,.model-item,.payment-item{grid-template-columns:1fr;gap:8px}.agenda-item>div:last-child,.timeline-item>div:last-child,.doc-item>div:last-child,.model-item>div:last-child,.payment-item>div:last-child,.panel-header{flex-wrap:wrap}.toolbar-left,.toolbar-right{width:100%}.toolbar-left .btn,.toolbar-right .btn{flex:auto}.kanban{grid-template-columns:1fr;overflow-x:visible}.kanban-col{min-height:auto}.calendar{grid-template-columns:repeat(7,minmax(0,1fr))}.calendar .day-name{padding:6px 2px;font-size:8px}.calendar .day{min-height:44px;padding:4px}.day-number{font-size:10px}.event-chip{display:none}.calendar .day.has-events:after{content:"";background:var(--vino);border-radius:50%;width:5px;height:5px;margin:3px auto 0;display:block}.modal-card{padding:18px}}.login-screen{background:radial-gradient(circle at 15% 8%, #ffffff14, transparent 25%), linear-gradient(180deg,var(--vino),var(--vino-oscuro));place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{border-radius:var(--radio);width:min(380px,100%);box-shadow:var(--sombra);background:#fff;padding:32px 28px}.login-card .brand-mark{background:var(--rosa-suave);width:52px;height:52px;color:var(--vino);border-radius:14px;place-items:center;margin:0 auto 14px;font-size:26px;display:grid}.login-card h1{text-align:center;color:var(--vino);margin:0 0 4px;font-family:Georgia,Times New Roman,serif;font-size:22px}.login-card p.helper{text-align:center;color:var(--muted);margin:0 0 22px;font-size:12px}.login-error{color:var(--rojo);background:#ffe2e6;border-radius:10px;margin:0 0 14px;padding:10px 12px;font-size:12px}.login-hint{text-align:center;color:var(--muted);margin-top:16px;font-size:11px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.full{width:100%}.loading-box{text-align:center;color:var(--muted);padding:40px}.error-box{color:var(--rojo);background:#ffe2e6;border-radius:12px;margin-bottom:14px;padding:16px;font-size:13px}.logout-link{color:#ffffffb8;text-align:left;cursor:pointer;background:0 0;border:0;padding:10px 13px;font-size:11px}.logout-link:hover{color:#fff}.modal textarea#previewBox{min-height:220px}