@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap";:root{--bg:#f7f6f2;--surface:#fff;--surface2:#f0eee8;--text:#1a1a18;--text2:#6b6b65;--text3:#9c9c96;--ac:#1d9e75;--ac2:#e1f5ee;--ac3:#0f6e56;--g2:#185fa5;--g2b:#e6f1fb;--dg:#d85a30;--wn:#ba7517;--if:#185fa5;--r:10px;--rl:14px;--border:#e8e6e1;--fn:"DM Sans", sans-serif;--mo:"DM Mono", monospace;--sidebar-w:240px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px}body{font-family:var(--fn);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.5}.app-layout{min-height:100vh;display:flex}.app-main{margin-left:var(--sidebar-w);flex:1;max-width:1200px;padding:28px 32px}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);z-index:100;flex-direction:column;height:100vh;padding:20px 0;display:flex;position:fixed;top:0;left:0}.sidebar-logo{border-bottom:1px solid var(--border);margin-bottom:8px;padding:0 20px 20px}.sidebar-logo h1{color:var(--text);font-size:1.2rem;font-weight:700}.sidebar-logo span{color:var(--text3);font-size:.75rem}.sidebar-nav{flex:1;padding:8px 0;overflow-y:auto}.sidebar-section{text-transform:uppercase;letter-spacing:.08em;color:var(--text3);padding:8px 20px 4px;font-size:.65rem;font-weight:600}.sidebar-link{color:var(--text2);cursor:pointer;border-radius:0;align-items:center;gap:10px;padding:9px 20px;font-size:.9rem;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar-link:hover{background:var(--surface2);color:var(--text)}.sidebar-link.active{background:var(--ac2);color:var(--ac);font-weight:600}.sidebar-link.active-jorge{background:var(--g2b);color:var(--g2);font-weight:600}.sidebar-user{border-top:1px solid var(--border);align-items:center;gap:10px;padding:16px 20px;display:flex}.avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.85rem;font-weight:700;display:flex}.avatar-agustin{background:var(--ac)}.avatar-jorge{background:var(--g2)}.sidebar-user-info{flex:1}.sidebar-user-name{font-size:.85rem;font-weight:600}.sidebar-user-role{color:var(--text3);font-size:.7rem}.sidebar-logout{color:var(--text3);cursor:pointer;border-radius:var(--r);background:0 0;border:none;padding:4px 8px;font-size:.8rem}.sidebar-logout:hover{background:var(--surface2);color:var(--dg)}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-title{font-size:1.5rem;font-weight:700}.card{background:var(--surface);border-radius:var(--rl);border:1px solid var(--border);padding:20px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text3);border-bottom:1px solid var(--border);padding:10px 12px;font-size:.75rem;font-weight:600}td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px;font-size:.9rem}tr:hover td{background:var(--surface2)}.badge{border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-block}.badge-green{background:var(--ac2);color:var(--ac3)}.badge-blue{background:var(--g2b);color:var(--g2)}.badge-orange{color:var(--wn);background:#fff3e0}.badge-red{color:var(--dg);background:#fdede8}.badge-gray{background:var(--surface2);color:var(--text2)}.btn{border-radius:var(--r);font-family:var(--fn);cursor:pointer;border:none;align-items:center;gap:6px;padding:9px 18px;font-size:.85rem;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--ac);color:#fff}.btn-primary:hover{background:var(--ac3)}.btn-secondary{background:var(--surface2);color:var(--text)}.btn-secondary:hover{background:var(--border)}.btn-danger{color:var(--dg);background:#fdede8}.btn-danger:hover{background:#f9d5cc}.btn-sm{padding:5px 12px;font-size:.8rem}.form-group{margin-bottom:16px}.form-label{color:var(--text2);margin-bottom:5px;font-size:.8rem;font-weight:600;display:block}.form-input{border:1px solid var(--border);border-radius:var(--r);width:100%;font-family:var(--fn);background:var(--surface);color:var(--text);padding:9px 12px;font-size:.9rem;transition:border-color .15s}.form-input:focus{border-color:var(--ac);box-shadow:0 0 0 3px var(--ac2);outline:none}.form-input::placeholder{color:var(--text3)}textarea.form-input{resize:vertical;min-height:80px}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.modal-overlay{z-index:200;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--rl);width:90%;max-width:560px;max-height:90vh;padding:28px;overflow-y:auto}.modal-title{margin-bottom:20px;font-size:1.2rem;font-weight:700}.modal-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.search-bar{max-width:320px;position:relative}.search-bar input{border:1px solid var(--border);border-radius:var(--r);width:100%;font-family:var(--fn);background:var(--surface);padding:8px 12px 8px 36px;font-size:.85rem}.search-bar input:focus{border-color:var(--ac);outline:none}.search-icon{color:var(--text3);font-size:.9rem;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.login-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--surface);border-radius:var(--rl);border:1px solid var(--border);width:100%;max-width:400px;padding:40px}.login-title{text-align:center;margin-bottom:8px;font-size:1.5rem;font-weight:700}.login-subtitle{text-align:center;color:var(--text2);margin-bottom:28px;font-size:.9rem}.login-error{color:var(--dg);border-radius:var(--r);background:#fdede8;margin-bottom:16px;padding:10px 14px;font-size:.85rem}.empty-state{text-align:center;color:var(--text3);padding:60px 20px}.empty-state p{margin-bottom:16px;font-size:.95rem}.mono{font-family:var(--mo);font-size:.85rem}.grid-metrics{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.grid-2col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.menu-toggle{z-index:300;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);cursor:pointer;padding:8px 12px;font-size:1.2rem;line-height:1;display:none;position:fixed;top:12px;left:12px}.sidebar-backdrop{z-index:99;background:#0000004d;display:none;position:fixed;inset:0}@media (width<=768px){.menu-toggle{display:block}.sidebar{transition:transform .3s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop.open{display:block}.app-main{margin-left:0;padding:56px 16px 20px}.page-header{flex-wrap:wrap;gap:12px}.page-title{font-size:1.2rem}.form-row{grid-template-columns:1fr}.modal{width:95%;max-height:85vh;padding:20px}td,th{padding:8px 6px;font-size:.8rem}.btn-sm{padding:4px 8px;font-size:.75rem}.grid-metrics{grid-template-columns:repeat(2,1fr);gap:10px}.grid-metrics .card{padding:12px}.grid-metrics .mono{font-size:1.1rem!important}.grid-2col{grid-template-columns:1fr}}