*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#070711;--bg-2:#0c0c1d;--bg-3:#111127;--surface:#ffffff0a;--surface-hover:#ffffff12;--border:#ffffff14;--border-active:#7c3aed80;--text:#f0f2f8;--text-2:#8892b0;--text-3:#4a5480;--purple:#7c3aed;--purple-l:#9d5cff;--blue:#2563eb;--blue-l:#4d8cff;--green:#10b981;--amber:#f59e0b;--red:#ef4444;--gradient:linear-gradient(135deg,#7c3aed 0%,#2563eb 100%);--gradient-s:linear-gradient(135deg,#7c3aed1f 0%,#2563eb1f 100%);--glow:0 0 40px #7c3aed47;--shadow:0 4px 32px #00000073;--r:14px;--r-sm:8px;--r-lg:20px;--r-full:9999px;--sidebar:240px}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#ffffff2e}h1{letter-spacing:-.03em;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1}h2{letter-spacing:-.02em;font-size:clamp(1.4rem,3vw,2rem);font-weight:700}h3{font-size:1.1rem;font-weight:600}h4{font-size:.95rem;font-weight:600}p{color:var(--text-2)}a{color:inherit;text-decoration:none}.gradient-text{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);-webkit-backdrop-filter:blur(20px);transition:border-color .2s}.card:hover{border-color:#ffffff21}.card-accent{border-color:var(--border-active);box-shadow:var(--glow)}.btn{border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex}.btn-primary{background:var(--gradient);color:#fff;box-shadow:0 4px 20px #7c3aed66}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 30px #7c3aed80}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{background:var(--surface-hover);border-color:#ffffff26}.btn-danger{color:#f87171;background:#ef44441f;border:1px solid #ef444440}.btn-sm{padding:6px 14px;font-size:12px}.btn-lg{border-radius:var(--r);padding:14px 30px;font-size:16px}.badge{border-radius:var(--r-full);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-new{color:#60a5fa;background:#2563eb26;border:1px solid #2563eb40}.badge-confirmed{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b40}.badge-processing{color:#c084fc;background:#a855f726;border:1px solid #a855f740}.badge-done{color:#34d399;background:#10b98126;border:1px solid #10b98140}.badge-cancelled{color:#f87171;background:#ef444426;border:1px solid #ef444440}.badge-messenger{color:#60a5fa;background:#2563eb1f;border:1px solid #2563eb33}.badge-whatsapp{color:#34d399;background:#10b9811f;border:1px solid #10b98133}.badge-text{color:var(--text-2);border:1px solid var(--border);background:#ffffff0f}.badge-image{color:#fbbf24;background:#f59e0b1a;border:1px solid #f59e0b33}.badge-audio{color:#c084fc;background:#a855f71a;border:1px solid #a855f733}.input{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #7c3aed1f}.input::placeholder{color:var(--text-3)}label{color:var(--text-2);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.form-group{flex-direction:column;gap:6px;display:flex}.dashboard-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar);background:var(--bg-2);border-right:1px solid var(--border);z-index:100;flex-direction:column;min-height:100vh;display:flex;position:fixed;top:0;left:0}.main-content{margin-left:var(--sidebar);flex:1;max-width:1200px;min-height:100vh;padding:32px}.page-header{margin-bottom:28px}.page-header h2{margin-bottom:4px}.page-header p{font-size:14px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:28px;display:grid}.stat-card{flex-direction:column;gap:8px;padding:22px 24px;display:flex;position:relative;overflow:hidden}.stat-card:after{content:"";background:var(--gradient);opacity:0;height:2px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.stat-card:hover:after{opacity:1}.stat-icon{margin-bottom:4px;font-size:24px}.stat-value{letter-spacing:-.03em;font-size:2rem;font-weight:800;line-height:1}.stat-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:500}.stat-change{align-items:center;gap:4px;margin-top:4px;font-size:12px;display:flex}.stat-change.up{color:var(--green)}.stat-change.down{color:var(--red)}.table-wrap{border-radius:var(--r);border:1px solid var(--border);overflow-x:auto}table{border-collapse:collapse;width:100%}thead{border-bottom:1px solid var(--border)}th{text-align:left;color:var(--text-2);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;padding:12px 16px;font-size:11px;font-weight:600}td{vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:14px 16px;font-size:13px}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff05}.dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.dot-green{background:var(--green);box-shadow:0 0 6px var(--green)}.dot-blue{background:var(--blue-l)}.dot-amber{background:var(--amber)}.dot-red{background:var(--red)}.divider{background:var(--border);height:1px;margin:16px 0}.empty-state{text-align:center;padding:60px 20px}.empty-state .icon{opacity:.4;margin-bottom:12px;font-size:48px}.empty-state h3{margin-bottom:8px}.empty-state p{font-size:14px}.alert{border-radius:var(--r-sm);align-items:center;gap:10px;padding:12px 16px;font-size:13px;display:flex}.alert-success{color:#34d399;background:#10b9811a;border:1px solid #10b98140}.alert-error{color:#f87171;background:#ef44441a;border:1px solid #ef444440}.alert-info{color:#60a5fa;background:#2563eb1a;border:1px solid #2563eb40}.alert-amber{color:#fbbf24;background:#f59e0b1a;border:1px solid #f59e0b40}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid #ffffff1a;border-top-color:var(--purple);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #7c3aed4d}50%{box-shadow:0 0 40px #7c3aed99}}.animate-in{animation:.35s both fadeInUp}.animate-fade{animation:.25s both fadeIn}.orb{filter:blur(90px);pointer-events:none;z-index:0;border-radius:50%;position:fixed}.orb-1{background:#7c3aed12;width:600px;height:600px;top:-150px;right:-100px}.orb-2{background:#2563eb0d;width:450px;height:450px;bottom:-50px;left:10%}.page-card{border-radius:var(--r);cursor:pointer;border:1px solid var(--border);background:var(--surface);align-items:center;gap:14px;padding:16px 20px;transition:all .2s;display:flex}.page-card:hover{border-color:var(--border-active);background:var(--surface-hover);transform:translate(2px)}.page-card.selected{border-color:var(--purple);background:var(--gradient-s);box-shadow:var(--glow)}.page-avatar{object-fit:cover;background:var(--bg-3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.toggle{width:40px;height:22px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{border-radius:var(--r-full);cursor:pointer;background:#ffffff1a;transition:all .25s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .25s;position:absolute;bottom:3px;left:3px}.toggle input:checked+.toggle-slider{background:var(--purple)}.toggle input:checked+.toggle-slider:before{transform:translate(18px)}@media (max-width:768px){.sidebar{transform:translate(-100%)}.main-content{margin-left:0;padding:20px}}