:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color-scheme:dark;--bg:#07111f;--panel:#0d1b2e;--panel-2:#12243a;--text:#eef6ff;--muted:#94a3b8;--line:rgba(148,163,184,.18);--accent:#38bdf8;--accent-2:#2563eb;--good:#25d366;--danger:#ef4444;--shadow:0 24px 80px rgba(0,0,0,.35)}[data-theme=light]{color-scheme:light;--bg:#f3f7fb;--panel:#ffffff;--panel-2:#eef5ff;--text:#0f172a;--muted:#64748b;--line:rgba(15,23,42,.12);--shadow:0 20px 60px rgba(15,23,42,.1)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,rgba(56,189,248,.18),transparent 30%),linear-gradient(135deg,var(--bg),#0b1220 70%);color:var(--text)}button,a,input{font:inherit}button,a{cursor:pointer}svg{width:18px;height:18px;flex:0 0 auto}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(460px,100%);padding:36px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(180deg,#ffffff14,#ffffff08),var(--panel);box-shadow:var(--shadow)}.brand-mark{width:72px;height:72px;border-radius:24px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:grid;place-items:center;font-weight:900;font-size:28px;color:#fff;box-shadow:0 18px 40px #2563eb59}.brand-mark.small{width:46px;height:46px;border-radius:16px;font-size:18px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-size:12px;font-weight:800;margin:22px 0 8px}.login-card h1,.hero h1,.topbar h2{margin:0;font-size:clamp(28px,5vw,44px);line-height:1}.muted,.hero p,.data-card p{color:var(--muted)}.login-form{display:grid;gap:16px;margin-top:28px}.login-form label{display:grid;gap:8px;color:var(--muted);font-weight:700}.login-form input,.toolbar input{width:100%;border:1px solid var(--line);background:#ffffff0f;color:var(--text);border-radius:16px;padding:14px 16px;outline:none}.login-form input:focus,.toolbar input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #38bdf826}.primary,.secondary,.ghost,.whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;padding:12px 16px;text-decoration:none}.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:800}.primary.link{width:100%;margin-top:16px}.secondary{background:var(--panel-2);color:var(--text);border:1px solid var(--line)}.ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}.ghost:hover,.secondary:hover{border-color:var(--accent);color:var(--text)}.danger{color:#fca5a5}.whatsapp{background:#25d36621;color:var(--good);border:1px solid rgba(37,211,102,.25)}.error-box{padding:12px 14px;border:1px solid rgba(239,68,68,.28);background:#ef44441f;border-radius:14px;color:#fecaca}.theme-floating{position:fixed;top:18px;right:18px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;padding:12px}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:22px;border-right:1px solid var(--line);background:#07111fc7;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);display:flex;flex-direction:column;gap:28px}.brand{display:flex;gap:12px;align-items:center}.brand span,.user-pill small{display:block;color:var(--muted);font-size:12px}.nav-item{width:100%;display:flex;gap:12px;align-items:center;border:0;background:transparent;color:var(--muted);padding:13px 14px;border-radius:16px;text-align:left}.nav-item.active,.nav-item:hover{background:linear-gradient(135deg,#38bdf829,#2563eb1a);color:var(--text)}.sidebar-footer{margin-top:auto;display:grid;gap:12px}.user-pill{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:18px;background:#ffffff0a}.content{padding:24px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.topbar .eyebrow{margin:0 0 6px}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;padding:28px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(135deg,#38bdf81f,#ffffff0a),var(--panel);box-shadow:var(--shadow)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat{padding:16px;border:1px solid var(--line);border-radius:20px;background:#ffffff0d}.stat svg{color:var(--accent)}.stat span{display:block;margin:10px 0 4px;color:var(--muted);font-size:12px}.stat strong{font-size:24px}.toolbar{display:flex;align-items:center;gap:12px;margin:22px 0;padding:10px 14px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}.toolbar input{border:0;background:transparent;padding:8px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.data-card{position:relative;min-height:190px;padding:18px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#ffffff0f,#ffffff08),var(--panel);box-shadow:0 12px 40px #0000001a;overflow:hidden}.data-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2));opacity:.75}.card-head{display:flex;gap:14px;align-items:center}.avatar{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,#38bdf840,#2563eb47);display:grid;place-items:center;color:var(--accent);font-weight:900}.avatar.large{width:84px;height:84px;border-radius:28px;margin:auto auto 16px;font-size:28px}.data-card h3{margin:0 0 8px;font-size:18px}.data-card p,.meta span{display:flex;align-items:center;gap:8px}.meta{display:grid;gap:8px;margin:18px 0;color:var(--muted);font-size:14px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto}.status-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.badge{display:inline-flex;border-radius:999px;padding:6px 10px;background:#38bdf824;color:var(--accent);font-size:12px;font-weight:800}.badge.warn{background:#f59e0b24;color:#fbbf24}.pagination{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:22px 0;color:var(--muted)}.pagination div{display:flex;align-items:center;gap:12px}.empty{grid-column:1/-1;text-align:center;padding:48px;border:1px dashed var(--line);border-radius:24px;color:var(--muted)}.skeleton{animation:pulse 1.4s infinite;background:linear-gradient(90deg,var(--panel),var(--panel-2),var(--panel))}@keyframes pulse{50%{opacity:.5}}.modal{position:fixed;inset:0;background:#0000008c;display:grid;place-items:center;padding:20px;z-index:20}.modal-card{width:min(460px,100%);position:relative;padding:28px;border:1px solid var(--line);border-radius:30px;background:var(--panel);box-shadow:var(--shadow);text-align:center}.icon{display:grid;place-items:center;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:14px;padding:10px}.close{position:absolute;top:16px;right:16px}.detail-list{display:grid;gap:10px;text-align:left;margin-top:20px}.detail-list span{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;color:var(--muted)}.mobile,.scrim{display:none}@media(max-width:1050px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1fr}.stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:30;transform:translate(-105%);transition:.2s;box-shadow:var(--shadow)}.sidebar.open{transform:none}.mobile{display:grid}.scrim{display:grid;position:fixed;inset:0;z-index:25;background:#00000073;color:#fff;border:0;place-items:start end;padding:20px}.content{padding:16px}.topbar{align-items:flex-start}.hero{padding:20px;border-radius:24px}.stats,.grid{grid-template-columns:1fr}.actions,.pagination{grid-template-columns:1fr;display:grid}.pagination div{justify-content:space-between;flex-wrap:wrap}}@media(max-width:520px){.login-card{padding:24px;border-radius:24px}.topbar .ghost{font-size:0}.topbar .ghost svg{margin:0}.stat strong{font-size:20px}}