*{box-sizing:border-box}:root{--bg:#f4f7fb;--surface:#ffffff;--surface-soft:#f8fafc;--sidebar:#0f172a;--sidebar-2:#111827;--primary:#2563eb;--primary-dark:#1d4ed8;--secondary:#475569;--accent:#059669;--danger:#dc2626;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;--shadow:0 18px 45px rgba(15,23,42,0.08)}body{margin:0;min-height:100vh;font-family:Inter,Arial,sans-serif;color:var(--text);background:linear-gradient(180deg,#eef4ff,#f8fafc 42%,#f4f7fb)}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{width:285px;padding:24px;background:linear-gradient(180deg,var(--sidebar),var(--sidebar-2));color:#ffffff;position:fixed;inset:0 auto 0 0;box-shadow:12px 0 35px rgba(15,23,42,.18)}.brand{margin-bottom:30px;padding:18px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}.brand-badge{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#059669);color:#ffffff;font-weight:900;font-size:21px}.brand h1{font-size:21px;margin:14px 0 4px}.brand p{color:#cbd5e1;margin:0;font-size:13px}.nav{display:grid;grid-gap:9px;gap:9px}.nav a{padding:13px 15px;border-radius:14px;color:#dbeafe;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);font-weight:650;transition:.2s ease}.nav a:hover{background:rgba(37,99,235,.22);border-color:rgba(147,197,253,.35);color:#ffffff}.main{margin-left:285px;width:calc(100% - 285px)}.hero,.main{padding:34px}.hero{border-radius:24px;background:linear-gradient(135deg,#ffffff,#eff6ff);border:1px solid var(--border);box-shadow:var(--shadow);margin-bottom:24px}.hero h2{margin:10px 0 8px;font-size:34px;letter-spacing:-.7px;line-height:1.15;color:#0f172a}.hero p{color:var(--muted);max-width:900px;line-height:1.7;font-size:16px}.grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));grid-gap:18px;gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));grid-gap:20px;gap:20px}.card{padding:24px;border-radius:22px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.card h3{margin:0 0 10px;font-size:18px;color:#111827}.card p{color:var(--muted);line-height:1.65}.metric{font-size:34px;font-weight:900;color:var(--primary)}.form{display:grid;grid-gap:14px;gap:14px}input,select,textarea{width:100%;padding:13px 15px;border-radius:12px;border:1px solid #cbd5e1;background:#ffffff;color:var(--text);outline:none;transition:.2s ease}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(37,99,235,.1)}textarea{min-height:120px}.btn,button{border:0;padding:13px 18px;border-radius:12px;color:#ffffff;cursor:pointer;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 12px 25px rgba(37,99,235,.18);transition:.2s ease}.btn:hover,button:hover{transform:translateY(-1px);box-shadow:0 16px 30px rgba(37,99,235,.24)}button:disabled{opacity:.6;cursor:not-allowed}.badge{display:inline-flex;padding:7px 11px;border-radius:999px;background:#ecfdf5;color:#047857;font-size:12px;font-weight:800;border:1px solid #a7f3d0}.table{width:100%;border-collapse:collapse;background:#ffffff}.table td,.table th{padding:14px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top;color:#0f172a}.table th{color:#334155;font-size:13px;text-transform:uppercase;letter-spacing:.4px}.table th,.table tr:hover td{background:#f8fafc}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,rgba(37,99,235,.12),transparent 30%),linear-gradient(180deg,#eff6ff,#f8fafc)}.login-card{width:100%;max-width:460px;padding:34px;border-radius:24px;background:#ffffff;border:1px solid var(--border);box-shadow:0 30px 80px rgba(15,23,42,.14)}.login-card h1{margin:18px 0 8px;font-size:32px;color:#0f172a}.login-card p{color:var(--muted);line-height:1.65}.error-box{padding:12px 14px;border-radius:12px;color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.wa-preview{max-width:390px;margin:0 auto;border-radius:28px;overflow:hidden;border:1px solid #d1d5db;background:#ffffff;box-shadow:var(--shadow)}.wa-phone-top{display:flex;align-items:center;gap:12px;padding:15px;color:#ffffff;background:#075e54}.wa-phone-top div:last-child div{font-size:12px;opacity:.82}.wa-avatar{width:42px;height:42px;border-radius:999px;background:#25d366;color:#064e3b;display:grid;place-items:center;font-weight:900}.wa-chat-bg{min-height:440px;padding:22px;background:#e5ddd5}.wa-bubble{width:100%;border-radius:12px;padding:10px;background:#dcf8c6;color:#111827;box-shadow:0 8px 20px rgba(15,23,42,.1)}.wa-image{width:100%;max-height:210px;object-fit:cover}.wa-image,.wa-image-placeholder{border-radius:9px;margin-bottom:10px}.wa-image-placeholder{min-height:170px;display:grid;place-items:center;text-align:center;padding:16px;color:#64748b;background:rgba(255,255,255,.65);border:1px dashed #94a3b8}.wa-header-text{font-weight:900;font-size:16px;margin-bottom:8px}.wa-body{white-space:pre-wrap;line-height:1.5;font-size:14px}.wa-footer{font-size:12px}.wa-footer,.wa-time{color:#64748b;margin-top:8px}.wa-time{text-align:right;font-size:11px}@media (max-width:900px){.sidebar{position:relative;width:100%}.shell{display:block}.main{margin-left:0;width:100%;padding:20px}.grid,.grid-2{grid-template-columns:1fr}}