:root{
  --ww-dorado:#c9a24d;
  --ww-dorado-oscuro:#9f7830;
  --ww-dorado-suave:#ead9a8;
  --ww-negro:#2b2118;
  --ww-texto:#322820;
  --ww-gris:#74685d;
  --ww-fondo:#f8f1e6;
  --ww-card:#fffaf1;
  --ww-blanco:#ffffff;
  --ww-verde:#4f7f52;
  --ww-rojo:#b94a48;
  --ww-azul:#406c8a;
  --ww-borde:#e6dac8;
  --shadow:0 18px 46px rgba(43,33,24,.10);
  --shadow-soft:0 8px 22px rgba(43,33,24,.08);
  --radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ww-texto);background:radial-gradient(circle at top left,#fff9ec 0,#f8f1e6 42%,#efe0c6 100%);line-height:1.5}
a{color:inherit}input,select,textarea,button{font:inherit}img{max-width:100%}hr{border:0;border-top:1px solid var(--ww-borde);margin:22px 0}.muted{color:var(--ww-gris)}
.app-shell{min-height:100vh;display:grid;grid-template-columns:292px 1fr}.sidebar{background:linear-gradient(180deg,#2b2118,#3d2b1e);color:#fff;padding:24px 20px;display:flex;flex-direction:column;gap:22px;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;padding:10px;border-radius:18px}.brand:hover{background:rgba(255,255,255,.05)}.brand-logo{width:76px;height:76px;object-fit:contain;background:#fff;border-radius:18px;padding:5px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.18))}.brand small{display:block;color:var(--ww-dorado-suave);font-size:.82rem}.side-nav{display:grid;gap:5px}.side-nav a{padding:11px 13px;border-radius:15px;text-decoration:none;color:#f8edd8;font-weight:750}.side-nav a:hover,.side-nav a.active{background:linear-gradient(135deg,rgba(201,162,77,.28),rgba(255,255,255,.07));color:#fff}.side-footer{margin-top:auto;display:grid;gap:10px;color:#ead9a8;border-top:1px solid rgba(255,255,255,.12);padding-top:16px}.logout-link{color:#fff;text-decoration:none;font-weight:800}.main{padding:30px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}.topbar h1{margin:.1rem 0 0;font-size:clamp(1.75rem,3vw,2.6rem);letter-spacing:-.04em}.topbar-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.eyebrow{margin:0;color:var(--ww-dorado-oscuro);font-weight:900;text-transform:uppercase;letter-spacing:.09em;font-size:.78rem}.content{display:grid;gap:22px}.panel,.hero-card,.metric-card,.login-card,.calendar-slot{background:rgba(255,250,241,.94);border:1px solid var(--ww-borde);border-radius:var(--radius);box-shadow:var(--shadow)}.panel{padding:23px}.panel h2,.panel h3{margin-top:0}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.panel-subtitle{margin-top:-8px;color:var(--ww-gris)}.hero-card{padding:30px;background:linear-gradient(135deg,#fffaf1 0,#f2dfb7 62%,#ead9a8 100%);position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;right:-70px;top:-90px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.28)}.hero-card h2{font-size:clamp(1.55rem,3vw,2.35rem);margin:0 0 8px}.hero-card p{max-width:760px;color:#514237}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-card{padding:21px;display:grid;gap:5px}.metric-card span{color:var(--ww-gris);font-size:.9rem}.metric-card strong{font-size:1.9rem;color:var(--ww-negro);line-height:1.05}.metric-card small{color:var(--ww-gris)}.grid.two{display:grid;grid-template-columns:minmax(320px,.92fr) minmax(0,1.42fr);gap:22px}.grid.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-stack{display:grid;gap:14px}.form-grid .full{grid-column:1/-1}label{display:grid;gap:6px;font-weight:780;color:var(--ww-negro)}input,select,textarea{width:100%;border:1px solid var(--ww-borde);border-radius:15px;background:#fff;padding:12px 13px;color:var(--ww-texto);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--ww-dorado);box-shadow:0 0 0 4px rgba(201,162,77,.16)}textarea{min-height:92px;resize:vertical}.btn,button.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;background:#efe2cc;color:var(--ww-negro);font-weight:850;text-decoration:none;padding:12px 18px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft)}.btn.primary{background:linear-gradient(135deg,var(--ww-dorado),#b68a36);color:#fff}.btn.danger{background:#fde9e6;color:#8b2d26}.btn.ghost{background:transparent;border:1px solid var(--ww-borde);box-shadow:none}.btn.small{padding:7px 12px;font-size:.88rem}.install-btn{border:1px solid var(--ww-dorado);background:var(--ww-negro);color:#fff;border-radius:999px;padding:10px 14px;font-weight:850}.table-wrap{overflow:auto;border-radius:18px}table{width:100%;border-collapse:separate;border-spacing:0;min-width:680px}th,td{padding:12px 10px;border-bottom:1px solid var(--ww-borde);text-align:left;vertical-align:middle}tbody tr:hover{background:rgba(234,217,168,.18)}th{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ww-gris);background:rgba(239,226,204,.42)}th:first-child{border-top-left-radius:14px}th:last-child{border-top-right-radius:14px}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#efe2cc;font-weight:850;font-size:.82rem;white-space:nowrap}.pill.ok{background:#dcebd7;color:#315d35}.pill.warn{background:#fff1c9;color:#7d5b00}.pill.danger{background:#fde9e6;color:#8b2d26}.pill.info{background:#e5eef4;color:#315a72}.alert{border-radius:16px;padding:13px 16px;margin-bottom:12px;border:1px solid var(--ww-borde);background:#fff}.alert-success{background:#e8f4e5;color:#315d35}.alert-error{background:#fde9e6;color:#8b2d26}.alert-info{background:#e5eef4;color:#315a72}.inline-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.inline-form label{min-width:170px}.inline-form.mini{gap:6px}.inline-form.mini input,.inline-form.mini select{padding:8px 10px;border-radius:12px}.clean-list{padding-left:18px}.clean-list li{margin:5px 0}.quick-actions{display:flex;gap:12px;flex-wrap:wrap}.prose code{background:#f0dfbd;padding:2px 6px;border-radius:6px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(500px,100%);padding:32px}.login-logo{width:184px;max-width:72%;display:block;margin:0 auto 10px;border-radius:20px;background:#fff;padding:6px;box-shadow:0 10px 24px rgba(43,33,24,.08)}.login-card h1{text-align:center;margin:.2rem 0}.login-card .muted,.privacy{text-align:center;color:var(--ww-gris)}.tabs{display:grid;grid-template-columns:1fr 1fr;background:#efe2cc;padding:5px;border-radius:999px;margin:22px 0}.tabs a{text-align:center;padding:10px;text-decoration:none;border-radius:999px;font-weight:850}.tabs a.active{background:#fff;color:var(--ww-negro);box-shadow:0 4px 14px rgba(43,33,24,.09)}.privacy{font-size:.88rem;margin-top:18px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(180px,1fr));gap:14px;overflow:auto;padding-bottom:4px}.calendar-day{display:grid;gap:10px;min-width:180px}.calendar-day h3{margin:0;font-size:1rem}.calendar-slot{padding:14px;box-shadow:var(--shadow-soft);display:grid;gap:7px}.calendar-slot strong{font-size:.98rem}.status-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.search-input{min-width:250px}.bottom-nav{display:none}
@media (max-width:1120px){.app-shell{grid-template-columns:248px 1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}.grid.two{grid-template-columns:1fr}.grid.three{grid-template-columns:1fr 1fr}.calendar-grid{grid-template-columns:repeat(4,minmax(180px,1fr))}}
@media (max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.side-nav{grid-template-columns:repeat(3,1fr)}.main{padding:20px 18px 92px}.topbar{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.grid.three{grid-template-columns:1fr}.calendar-grid{grid-template-columns:repeat(2,minmax(170px,1fr))}}
@media (max-width:700px){.sidebar{display:none}.bottom-nav{position:fixed;left:10px;right:10px;bottom:10px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:#2b2118;color:#fff;border-radius:22px;padding:8px;box-shadow:var(--shadow);z-index:10}.bottom-nav a{text-align:center;text-decoration:none;font-size:.78rem;padding:10px 4px;border-radius:14px}.bottom-nav a:hover{background:rgba(201,162,77,.24)}.metrics-grid{grid-template-columns:1fr}.panel{padding:18px}.login-card{padding:24px}.topbar h1{font-size:1.7rem}.quick-actions .btn{width:100%}.calendar-grid{grid-template-columns:1fr}.filters label,.inline-form label{width:100%;min-width:0}.inline-form .btn{width:100%}}