:root{--coffee:#8b5e3c;--coffee-dark:#6e472a;--coffee-light:#c69c6d;--ink:#2e2a27;--text:#2c2c2c;--muted:#727272;--bg:#f6f3ef;--surface:#fff;--border:#e5e0da;--success:#2e7d32;--warn:#f59e0b;--danger:#c62828;--info:#1976d2;--shadow:0 8px 28px rgba(38,31,26,.08);--radius:14px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}.boot{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--bg);color:var(--ink)}.boot span{color:var(--muted);font-size:13px}.brand-mark{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--coffee-light),var(--coffee-dark));color:#fff;font-family:Georgia,serif;font-size:42px;font-weight:700;box-shadow:0 8px 25px rgba(110,71,42,.25);border:4px solid #fff}.brand-mark-small{width:40px;height:40px;border-width:2px;font-size:23px;box-shadow:none}.spinner{width:24px;height:24px;border:3px solid #ded5cd;border-top-color:var(--coffee);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-view{min-height:100vh;display:grid;grid-template-columns:minmax(380px,46%) 1fr}.login-brand{padding:clamp(40px,7vw,100px);background:linear-gradient(145deg,#2e2a27,#544235);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.brand-lockup{display:flex;align-items:center;gap:14px;font-size:20px}.login-brand h1{font-family:Georgia,serif;font-size:clamp(42px,5vw,68px);line-height:1.05;margin:70px 0 24px}.login-brand p{max-width:540px;line-height:1.8;color:#e8ddd5}.login-brand small{color:#cdbdaf}.login-panel{display:grid;place-items:center;padding:32px}.login-card{width:min(440px,100%);padding:42px;background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow)}.eyebrow{margin:0 0 7px;text-transform:uppercase;letter-spacing:.11em;font-size:11px;font-weight:800;color:var(--coffee)}.login-card h2,.page-heading h1,.modal h2{margin:0;color:var(--ink)}.muted{color:var(--muted)}.login-card>label:not(.check),.field{display:grid;gap:7px;margin:18px 0;font-size:13px;font-weight:700}.login-card input,.field input,.field select,.field textarea,.toolbar input,.toolbar select,.topbar select{width:100%;border:1px solid var(--border);border-radius:9px;padding:11px 12px;background:#fff;color:var(--text);outline:none}.login-card input:focus,.field input:focus,.field select:focus,.field textarea:focus,.toolbar input:focus,.toolbar select:focus{border-color:var(--coffee);box-shadow:0 0 0 3px rgba(139,94,60,.12)}.check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin:18px 0}.btn{border:0;border-radius:9px;padding:10px 16px;font-weight:750}.btn-primary{background:var(--coffee);color:#fff}.btn-primary:hover{background:var(--coffee-dark)}.btn-secondary{background:#f1ede9;color:var(--ink)}.btn-danger{background:#fee7e7;color:var(--danger)}.btn-block{width:100%;padding:13px}.alert{padding:11px 13px;border-radius:8px;margin:16px 0;font-size:13px}.alert-danger{background:#fdeaea;color:#8d1717}.app{min-height:100vh}.topbar{height:72px;position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:22px;padding:0 28px;background:#fff;border-bottom:1px solid var(--border);box-shadow:0 2px 12px rgba(0,0,0,.04)}.topbar-brand{display:flex;align-items:center;gap:10px;min-width:190px}.topbar-brand strong,.topbar-brand small{display:block}.topbar-brand small{font-size:10px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.main-nav{display:flex;align-self:stretch;overflow-x:auto;flex:1}.main-nav button{border:0;border-bottom:3px solid transparent;background:transparent;padding:0 14px;color:var(--muted);font-size:13px;font-weight:700;white-space:nowrap}.main-nav button:hover{color:var(--coffee)}.main-nav button.active{color:var(--coffee-dark);border-bottom-color:var(--coffee)}.user-menu{position:relative;display:flex;align-items:center;gap:10px}.topbar select{min-width:150px;padding:8px 10px}.user-button{display:flex;align-items:center;gap:8px;border:0;background:transparent;text-align:left}.user-button b,.user-button small{display:block}.user-button small{color:var(--muted);font-size:10px}.avatar{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#efe5dc;color:var(--coffee-dark);font-weight:800}.dropdown{position:absolute;right:0;top:52px;width:205px;padding:7px;background:#fff;border:1px solid var(--border);border-radius:11px;box-shadow:var(--shadow)}.dropdown button,.dropdown a{display:block;width:100%;border:0;background:none;padding:10px;text-align:left;text-decoration:none;color:var(--text);border-radius:7px}.dropdown button:hover,.dropdown a:hover{background:var(--bg)}.workspace{width:min(1700px,100%);margin:0 auto;padding:30px 32px 60px}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:20px}.page-heading h1{font-size:28px}.page-heading .muted{margin:7px 0 0;font-size:13px}.page-actions{display:flex;gap:8px}.subnav{display:flex;gap:5px;border-bottom:1px solid var(--border);margin-bottom:16px}.subnav button{border:0;border-bottom:2px solid transparent;background:none;padding:10px 14px;color:var(--muted);font-weight:700}.subnav button.active{color:var(--coffee);border-color:var(--coffee)}.toolbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:13px;margin-bottom:16px}.toolbar label{display:grid;gap:4px;min-width:155px;font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:800;color:var(--muted)}.toolbar .search{min-width:230px;flex:1}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:20px}.kpi{background:#fff;border:1px solid var(--border);border-left:4px solid var(--coffee);border-radius:var(--radius);padding:18px;box-shadow:0 2px 9px rgba(0,0,0,.035)}.kpi.clickable{cursor:pointer}.kpi.clickable:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.kpi.warn{border-left-color:var(--warn)}.kpi.danger{border-left-color:var(--danger)}.kpi.success{border-left-color:var(--success)}.kpi span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-weight:750}.kpi strong{display:block;color:var(--ink);font-size:28px;margin-top:7px}.panel{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 2px 9px rgba(0,0,0,.035);overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--border)}.panel-header h2{font-size:15px;margin:0}.table-wrap{overflow:auto;max-height:calc(100vh - 290px)}table{width:100%;border-collapse:collapse;font-size:12.5px}th{position:sticky;top:0;z-index:1;background:#faf8f6;color:var(--muted);text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);font-size:10px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}td{padding:10px 12px;border-bottom:1px solid #f0edea;vertical-align:top;max-width:330px}tbody tr:hover{background:#fdfbf9}.nowrap{white-space:nowrap}.cell-notes{white-space:pre-line;min-width:180px}.actions{display:flex;gap:5px;white-space:nowrap}.icon-btn{width:33px;height:33px;border:0;border-radius:8px;background:#f3efeb;color:var(--ink);display:inline-grid;place-items:center;font-size:17px}.icon-btn:hover{background:#e9e0d8}.icon-btn.danger{color:var(--danger);background:#fff0f0}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:10.5px;font-weight:800;background:#eee9e5;color:#5f554e}.badge.alta,.badge.rechazada,.badge.descartado,.badge.vencido{background:#fde5e5;color:#a71b1b}.badge.media,.badge.pendiente,.badge.esperando-respuesta,.badge.en-revisión{background:#fff0c9;color:#8b5b00}.badge.baja,.badge.aprobada,.badge.completado,.badge.comprado,.badge.resuelto,.badge.activo{background:#dff3e2;color:#176d2b}.badge.en-proceso,.badge.en-progreso,.badge.contactado{background:#e1ecfb;color:#155a9b}.empty,.loading,.error-state{padding:60px 24px;text-align:center;color:var(--muted)}.empty strong,.error-state strong{display:block;color:var(--ink);font-size:17px;margin-bottom:8px}.loading .spinner{margin:0 auto 12px}.home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:15px}.quick-card{border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:19px;display:flex;justify-content:space-between;align-items:center;text-align:left;box-shadow:0 2px 9px rgba(0,0,0,.035)}.quick-card:hover{border-color:var(--coffee-light);box-shadow:var(--shadow)}.quick-card b{display:block;color:var(--ink)}.quick-card small{color:var(--muted)}.quick-card strong{font-size:27px;color:var(--coffee)}.modal-overlay{position:fixed;inset:0;z-index:100;background:rgba(33,28,24,.54);display:grid;place-items:center;padding:20px}.modal{width:min(790px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 25px 70px rgba(0,0,0,.24)}.modal>header{position:sticky;top:0;background:#fff;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid var(--border)}.modal-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;padding:4px 22px 20px}.field.full{grid-column:1/-1}.field small{font-weight:400;color:var(--muted)}.field textarea{min-height:88px;resize:vertical}.modal footer{position:sticky;bottom:0;background:#fff;display:flex;justify-content:flex-end;gap:8px;padding:14px 22px;border-top:1px solid var(--border)}.toasts{position:fixed;right:20px;bottom:20px;z-index:200;display:grid;gap:8px}.toast{min-width:260px;max-width:380px;background:var(--ink);color:#fff;border-radius:10px;padding:12px 15px;box-shadow:var(--shadow);animation:toastIn .2s ease}.toast.success{background:#205c2b}.toast.error{background:#8f2020}@keyframes toastIn{from{opacity:0;transform:translateY(8px)}}@media(max-width:1100px){.topbar{height:auto;min-height:68px;flex-wrap:wrap;padding:10px 18px}.main-nav{order:3;width:100%;height:44px}.workspace{padding:22px 18px}.user-button>span:last-child{display:none}}@media(max-width:720px){.login-view{grid-template-columns:1fr}.login-brand{display:none}.login-panel{padding:18px}.topbar-brand div{display:none}.topbar select{min-width:115px;max-width:145px}.page-heading{align-items:flex-start;flex-direction:column}.modal-body{grid-template-columns:1fr}.field.full{grid-column:auto}.workspace{padding:18px 12px}.toolbar label,.toolbar .search{min-width:100%;}.user-menu{margin-left:auto}.main-nav button{padding:0 11px}.page-heading h1{font-size:24px}}