:root{--turquesa:#27c1b0;--turquesa-600:#16a99a;--turquesa-700:#0e8478;--turquesa-50:#e9f8f5;--coral:#ff9d86;--coral-600:#f4715a;--coral-50:#fff2ee;--rosa:#f4a3c4;--rosa-50:#fdeef5;--durazno-50:#fff4ee;--texto:#3a3442;--muted:#8a8494;--linea:#f0ecf1;--bg-1:#fbf9f8;--card:#ffffff;--ok:#15a884;--bad:#e76a82;--radius:18px;--radius-sm:12px;--sombra-sm:0 2px 10px rgba(70,45,60,.05);--sombra:0 10px 30px rgba(70,45,70,.08),0 2px 8px rgba(70,45,70,.04);--sombra-lg:0 24px 50px rgba(70,45,70,.15);--grad-marca:linear-gradient(135deg,#2fd0bd,var(--turquesa-700));--grad-coral:linear-gradient(135deg,#ffb59f,var(--coral-600));--trans:.22s cubic-bezier(.34,.8,.3,1)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--texto);background:radial-gradient(900px 500px at 92% -10%,var(--turquesa-50),transparent 70%),radial-gradient(820px 540px at 2% -4%,var(--rosa-50),transparent 66%),radial-gradient(760px 560px at 55% 116%,var(--durazno-50),transparent 72%),var(--bg-1);min-height:100vh;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:400px;background:var(--card);border:1px solid var(--linea);border-radius:24px;padding:34px 30px;box-shadow:var(--sombra-lg);animation:rise .4s ease both}.brand-row{display:flex;align-items:center;gap:12px;margin-bottom:6px}.logo{width:46px;height:46px;border-radius:14px;background:var(--grad-marca);color:#fff;display:grid;place-items:center;box-shadow:0 8px 20px rgba(39,193,176,.35)}.brand-name,.logo{font-size:22px;font-weight:800}.brand-name{background:var(--grad-marca);-webkit-background-clip:text;background-clip:text;color:transparent}.login-sub{color:var(--muted);font-size:13px;margin:0 0 22px}.field{margin-bottom:14px}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px;font-weight:600}input,select,textarea{width:100%;padding:11px 13px;border:1px solid var(--linea);border-radius:var(--radius-sm);font-size:14px;font-family:inherit;color:var(--texto);background:#fff;transition:border-color var(--trans),box-shadow var(--trans)}textarea{min-height:80px;resize:vertical}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--turquesa);box-shadow:0 0 0 4px var(--turquesa-50)}.btn{border:0;background:var(--grad-marca);color:#fff;padding:12px 18px;border-radius:999px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;box-shadow:0 8px 20px rgba(39,193,176,.3);transition:transform var(--trans),filter var(--trans),box-shadow var(--trans)}.btn:hover{transform:translateY(-2px);filter:brightness(1.04)}.btn:disabled{opacity:.6;cursor:default;transform:none}.btn.block{width:100%}.btn.sm{padding:9px 14px;font-size:13px}.btn.ghost{background:#fff;color:var(--turquesa-700);border:1px solid var(--turquesa-50);box-shadow:var(--sombra-sm)}.error{background:#fde3ea;color:#c43c5a;padding:10px 13px;border-radius:12px;font-size:13px;margin-bottom:14px}.app{display:flex;min-height:100vh}.sidebar{width:232px;padding:18px 14px;display:flex;flex-direction:column;gap:4px;background:linear-gradient(180deg,rgba(233,248,245,.5),rgba(253,238,245,.35));border-right:1px solid var(--linea)}.side-brand{gap:10px;padding:6px 10px 18px}.nav-item,.side-brand{display:flex;align-items:center}.nav-item{gap:11px;padding:11px 13px;border-radius:13px;font-size:14px;font-weight:500;color:var(--texto);transition:background var(--trans),transform var(--trans)}.nav-item span{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#fff;box-shadow:var(--sombra-sm);font-size:15px}.nav-item:hover{background:rgba(255,255,255,.7);transform:translateX(2px)}.nav-item.active{background:var(--grad-marca);color:#fff;box-shadow:0 10px 22px rgba(39,193,176,.3)}.nav-item.active span{background:rgba(255,255,255,.24);box-shadow:none}.nav-foot{margin-top:auto}.main{flex:1 1;min-width:0}.topbar{height:64px;display:flex;align-items:center;gap:16px;padding:0 24px;background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--linea);position:-webkit-sticky;position:sticky;top:0;z-index:10}.topbar .sp{margin-left:auto}.user{display:flex;align-items:center;gap:10px}.avatar{width:38px;height:38px;border-radius:50%;background:var(--grad-marca);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700}.user small{color:var(--muted);display:block}.content{padding:28px 32px;max-width:1040px}.view-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px;gap:12px;flex-wrap:wrap}.view-head h1{font-size:23px;font-weight:800;margin:0}.view-head p{margin:5px 0 0;color:var(--muted);font-size:13px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:16px;gap:16px;margin-bottom:24px}.kpi{position:relative;overflow:hidden;background:var(--card);border:1px solid var(--linea);border-radius:var(--radius);padding:18px;box-shadow:var(--sombra)}.kpi:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--grad-marca)}.kpi:nth-child(2):before{background:var(--grad-coral)}.kpi:nth-child(3):before{background:linear-gradient(180deg,var(--rosa),#ec6fa0)}.kpi .l{color:var(--muted);font-size:12px;font-weight:500}.kpi .v{font-size:26px;font-weight:800;margin-top:5px}.panel{background:var(--card);border:1px solid var(--linea);border-radius:var(--radius);box-shadow:var(--sombra);overflow:hidden;animation:rise .45s ease both}.panel h2{font-size:15px;font-weight:700;margin:0;border-bottom:1px solid var(--linea);background:linear-gradient(90deg,rgba(233,248,245,.5),rgba(255,255,255,0))}.panel .body,.panel h2{padding:16px 18px}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;padding:12px 18px;border-bottom:1px solid var(--linea)}th{color:var(--muted);font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em}tr:last-child td{border-bottom:0}.badge{display:inline-block;padding:4px 11px;border-radius:999px;font-size:12px;font-weight:600}.badge.green{background:#d9f5ec;color:#0c8064}.badge.red{background:#fde3ea;color:#c43c5a}.impersonate-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 24px;font-size:13px;color:#8a3b1e;background:linear-gradient(90deg,var(--coral-50),var(--rosa-50));border-bottom:1px solid #f7d2cb}.impersonate-bar button{border:1px solid var(--coral-600);background:#fff;color:var(--coral-600);padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit}.impersonate-bar button:hover{background:var(--coral-50)}.row-form{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.row-form .field{margin:0;flex:1 1;min-width:160px}.muted{color:var(--muted)}.hamburger{display:none;flex:none;width:40px;height:40px;border-radius:12px;border:1px solid var(--linea);background:#fff;color:var(--texto);font-size:20px;line-height:1;cursor:pointer;align-items:center;justify-content:center}.hamburger:hover{background:var(--card)}.drawer-backdrop{position:fixed;inset:0;background:rgba(20,50,45,.42);z-index:40}.drawer{position:fixed;top:0;left:0;bottom:0;width:264px;z-index:50;padding:18px 14px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;background:linear-gradient(180deg,#eafaf6,#fdeef5);border-right:1px solid var(--linea);box-shadow:0 0 44px rgba(0,0,0,.2)}.drawer .side-brand{position:relative}.drawer-close{position:absolute;right:2px;top:0;border:none;background:transparent;font-size:16px;cursor:pointer;color:var(--muted);padding:6px}@media (max-width:820px){.sidebar{display:none}.hamburger{display:flex}.content{padding:18px}}.toast-wrap{position:fixed;bottom:20px;right:20px;z-index:1000;flex-direction:column;max-width:min(92vw,380px)}.toast,.toast-wrap{display:flex;gap:8px}.toast{align-items:center;background:var(--bg-panel,#fff);color:var(--text-main,#2b2733);border:1px solid var(--linea,#e7e2ea);border-left-width:4px;border-radius:10px;padding:11px 14px;font-size:13.5px;font-weight:500;box-shadow:var(--sombra-sm,0 6px 20px -8px rgba(0,0,0,.25));animation:toast-in .22s ease-out}.toast.ok{border-left-color:var(--turquesa,#0e8478)}.toast.error{border-left-color:var(--coral-600,#f4715a)}.toast.info{border-left-color:#567987}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.modal-backdrop{position:fixed;inset:0;background:rgba(20,17,25,.45);z-index:1100;display:grid;place-items:center;padding:20px}.modal-card{background:var(--bg-panel,#fff);border-radius:16px;padding:22px 24px;max-width:460px;width:100%;box-shadow:0 20px 60px -20px rgba(0,0,0,.4);border:1px solid var(--linea,#e7e2ea)}.modal-card h3{margin:0 0 8px;font-size:18px}.modal-card .modal-acciones{display:flex;gap:8px;justify-content:flex-end;margin-top:18px;flex-wrap:wrap}.anchor-nav{position:-webkit-sticky;position:sticky;top:12px;display:flex;flex-direction:column;gap:2px;align-self:start}.anchor-nav a{padding:8px 12px;border-radius:8px;font-size:13.5px;font-weight:600;color:var(--text-soft,#6f6879);text-decoration:none;border-left:3px solid transparent}.anchor-nav a:hover{background:var(--turquesa-50,#e7f5f2);color:var(--turquesa-700,#0e6b60)}