:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f7fbff;--muted:#b8c7dc;--blue:#075fe4;--blue-deep:#020b18;--green:#07984d;--gold:#f5b800;--cyan:#10b8ff;--red:#ef4444;--line:#ffffff24;--panel:#ffffff1a;--field:#07172b;--radius:8px}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 84% 8%,#075fe438,#0000 34%),radial-gradient(circle at 16% 40%,#07984d1c,#0000 28%),linear-gradient(135deg,#010813,#031426 48%,#020b18);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}.splash,.login-screen{place-items:center;min-height:100vh;padding:28px;display:grid}.splash img{width:120px}.splash strong{font-size:1.6rem}.login-card,.panel,.op-form,.table-wrap,.danger-zone,.stat{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:0 18px 46px #00000040}.login-card{gap:14px;width:min(440px,100%);padding:32px;display:grid}.login-card img{width:150px;margin:0 auto}.login-card h1,.page h1{margin:0 0 12px;font-size:clamp(2rem,5vw,3rem);line-height:1.05}.login-card h2{margin:4px 0 0;font-size:1.35rem}.login-card p,.muted{color:var(--muted)}.eyebrow{color:var(--gold);text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:900}.topbar{z-index:5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#020b18f0;justify-content:space-between;align-items:center;gap:18px;min-height:96px;padding:10px 28px;display:flex;position:sticky;top:0}.brand{color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;font-size:1.1rem;font-weight:850;display:inline-flex}.brand img{object-fit:contain;width:68px;height:68px}.nav-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.nav-actions button,.nav-actions a,.secondary,.primary,.link-button{--accent:var(--cyan);--accent-soft:#10b8ff29;--accent-shadow:#10b8ff38;border:1px solid var(--line);border-radius:var(--radius);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#ffffff14;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-weight:800;text-decoration:none;transition:transform .18s,border-color .18s,background-color .18s,background .22s,box-shadow .22s,color .18s;display:inline-flex;position:relative;overflow:hidden}.nav-actions button:after,.nav-actions a:after,.secondary:after,.primary:after,.link-button:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 0%,#ffffff2e 46%,#0000 68%);transition:transform .48s;position:absolute;inset:0;transform:translate(-130%)}.nav-actions button svg,.nav-actions a svg,.secondary svg,.primary svg,.link-button svg,.danger-zone button svg{flex:none;transition:transform .2s}.nav-actions button:hover,.nav-actions a:hover,.secondary:hover,.primary:hover,.link-button:hover{border-color:var(--accent);background:linear-gradient(180deg, #ffffff24, #ffffff14), var(--accent-soft);box-shadow:0 12px 26px var(--accent-shadow);transform:translateY(-2px)}.nav-actions button:hover:after,.nav-actions a:hover:after,.secondary:hover:after,.primary:hover:after,.link-button:hover:after{transform:translate(130%)}.nav-actions button:active,.nav-actions a:active,.secondary:active,.primary:active,.link-button:active,.danger-zone button:active{transform:translateY(0)scale(.98)}button:disabled,button:disabled:hover{cursor:not-allowed;opacity:.72;box-shadow:none;transform:none}.primary{--accent:#36d0ff;--accent-soft:#0aa8e838;--accent-shadow:#075fe452;background:linear-gradient(90deg, var(--blue), #0aa8e8, var(--blue));background-size:180% 100%;border-color:#0000;box-shadow:0 16px 32px #075fe447}.primary:hover{background-position:100% 0}.login-help{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.text-button{color:#d6e4f7;cursor:pointer;text-underline-offset:4px;background:0 0;border:0;min-height:34px;padding:0;font-weight:800;text-decoration:underline;transition:color .18s,transform .18s}.text-button:hover{color:var(--gold);transform:translateY(-1px)}.secondary{background:#ffffff1f}.action-new{--accent:var(--gold);--accent-soft:#f5b8002e;--accent-shadow:#f5b80038}.action-new:hover svg{transform:rotate(90deg)scale(1.08)}.action-ops{--accent:#7dd3fc;--accent-soft:#7dd3fc29;--accent-shadow:#10b8ff33}.action-ops:hover svg{transform:translateY(-2px)rotate(-4deg)}.action-search{--accent:var(--cyan);--accent-soft:#10b8ff2e;--accent-shadow:#10b8ff3d}.action-search:hover svg{transform:scale(1.16)}.action-save{--accent:#22c55e;--accent-soft:#22c55e2e;--accent-shadow:#22c55e3d}.action-save:hover svg{transform:translateY(-2px)scale(1.08)}.action-pdf{--accent:var(--gold);--accent-soft:#f5b80029;--accent-shadow:#f5b80038}.action-pdf:hover svg{transform:translateY(-2px)rotate(-3deg)}.action-whatsapp{--accent:#22c55e;--accent-soft:#22c55e33;--accent-shadow:#22c55e3d}.action-whatsapp:hover svg{transform:rotate(-9deg)scale(1.12)}.action-email{--accent:#38bdf8;--accent-soft:#38bdf82e;--accent-shadow:#38bdf838}.action-email:hover svg{transform:translate(3px,-2px)rotate(4deg)}.action-users{--accent:#5eead4;--accent-soft:#5eead429;--accent-shadow:#5eead42e}.action-users:hover svg{transform:rotate(-8deg)scale(1.08)}.action-export{--accent:#facc15;--accent-soft:#facc1529;--accent-shadow:#facc1533}.action-export:hover svg{transform:translateY(3px)}.action-back{--accent:#93c5fd;--accent-soft:#93c5fd24;--accent-shadow:#93c5fd2e}.action-back:hover svg{transform:translate(-4px)}.action-logout{--accent:#fca5a5;--accent-soft:#fca5a51f;--accent-shadow:#fca5a52e}.action-logout:hover svg{transform:translate(4px)}.action-login{--accent:var(--gold);--accent-soft:#f5b80029;--accent-shadow:#075fe457}.action-notify{--accent:#facc15;--accent-soft:#facc1529;--accent-shadow:#facc1533}.action-notify:hover svg{transform:rotate(-8deg)scale(1.1)}.compact{min-height:42px}.page{width:min(1180px,100% - 40px);margin:0 auto;padding:38px 0 80px}.page-head{justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px;display:flex}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.stat{padding:18px}.stat span{color:var(--muted);font-size:.9rem}.stat strong{margin-top:8px;font-size:2rem;display:block}.search-bar{grid-template-columns:1fr auto;gap:12px;margin-bottom:16px;display:grid}label{color:#f3f8ff;gap:7px;font-size:.92rem;font-weight:850;display:grid}input,select,textarea{border:1px solid var(--line);border-radius:var(--radius);width:100%;color:var(--ink);background:var(--field);outline:none;padding:12px 13px}select{cursor:pointer;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}select option{color:var(--ink);background:#07172b;font-weight:750}select option:checked{color:#020b18;background:var(--gold)}input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #10b8ff29}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:14px}th{color:#d6e4f7;text-transform:uppercase;font-size:.82rem}td input,td select{background:#061426;min-width:150px}.pill{color:#07172b;background:var(--gold);border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:.82rem;font-weight:850;display:inline-flex}.link-button{min-height:32px;color:var(--cyan);background:0 0;border:0;padding:0}.empty{color:var(--muted);text-align:center}.op-form{padding:22px}.op-form h2{margin:0 0 18px}fieldset{border:0;min-width:0;margin:0;padding:0}.form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.wide{grid-column:span 2}.full{grid-column:1/-1}.form-actions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.alert,.success{border-radius:var(--radius);margin:12px 0;padding:12px 14px}.alert{color:#ffe2e2;background:#ef44442e;border:1px solid #ef444457}.success{color:#d9ffe7;background:#22c55e29;border:1px solid #22c55e57}.danger-zone{justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding:16px;display:flex}.danger-zone span{color:var(--muted)}.danger-zone button{--accent:var(--red);--accent-soft:#ef44442e;--accent-shadow:#ef44443d;border-radius:var(--radius);color:#fff;cursor:pointer;background:#ef444438;border:1px solid #ef44446b;align-items:center;gap:8px;min-height:40px;font-weight:850;transition:transform .18s,border-color .18s,background .18s,box-shadow .22s;display:inline-flex;position:relative;overflow:hidden}.danger-zone button:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 0%,#ffffff29 48%,#0000 70%);transition:transform .48s;position:absolute;inset:0;transform:translate(-130%)}.danger-zone button:hover{background:#ef44444d;border-color:#ef4444d1;animation:.36s both dangerNudge;transform:translateY(-2px);box-shadow:0 14px 28px #ef444438}.danger-zone button:hover:after{transform:translate(130%)}.danger-zone button:hover svg{transform:scale(1.1)rotate(-6deg)}.users-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.notification-area{display:inline-flex;position:relative}.notification-toggle{width:100%}.notification-badge{color:#07172b;background:var(--gold);border-radius:999px;place-items:center;min-width:20px;min-height:20px;padding:0 6px;font-size:.76rem;font-weight:950;display:inline-grid;box-shadow:0 0 0 2px #020b18e6}.notification-menu{z-index:20;border:1px solid var(--line);border-radius:var(--radius);background:#020b18fa;width:min(380px,100vw - 24px);max-height:min(560px,100vh - 130px);padding:14px;position:absolute;top:calc(100% + 12px);right:0;overflow:auto;box-shadow:0 26px 70px #00000080}.notification-head{justify-content:space-between;align-items:start;gap:12px;margin-bottom:12px;display:flex}.notification-head strong,.notification-head span{display:block}.notification-head span{color:var(--muted);margin-top:4px;font-size:.86rem;line-height:1.35}.notification-enable{width:100%;margin-bottom:12px}.notification-list{gap:8px;display:grid}.notification-item{border:1px solid var(--line);border-radius:var(--radius);width:100%;color:var(--ink);text-align:left;cursor:pointer;background:#ffffff12;grid-template-columns:10px 1fr;gap:10px;padding:11px;transition:transform .18s,border-color .18s,background .18s;display:grid}.notification-item:hover{border-color:var(--cyan);background:#10b8ff1f;transform:translateY(-1px)}.notification-item strong,.notification-item em,.notification-item small{display:block}.notification-item em{color:var(--gold);margin:3px 0 5px;font-size:.76rem;font-style:normal;font-weight:850}.notification-item small{color:var(--muted);font-size:.88rem;line-height:1.35}.notification-dot{background:#ffffff47;border-radius:999px;width:8px;height:8px;margin-top:6px}.notification-item.unread{background:#facc151a;border-color:#facc156b}.notification-item.unread .notification-dot{background:var(--gold);box-shadow:0 0 0 4px #facc1524}.notification-empty{color:var(--muted);text-align:center;margin:0;padding:12px}.notification-toast{z-index:30;border-radius:var(--radius);color:#fff;cursor:pointer;text-align:left;background:#020b18f5;border:1px solid #facc1575;align-items:flex-start;gap:10px;width:min(360px,100% - 32px);padding:13px 14px;animation:.24s both toastIn;display:flex;position:fixed;top:112px;right:20px;box-shadow:0 20px 52px #00000075}.notification-toast strong,.notification-toast span{display:block}.notification-toast span{color:var(--muted);line-height:1.35}.notification-toast strong{color:#fff;margin-bottom:3px}.assistant-button{z-index:10;border-radius:var(--radius);color:#fff;background:linear-gradient(90deg, var(--green), var(--blue));cursor:pointer;border:0;min-height:48px;padding:0 18px;font-weight:900;transition:transform .2s,box-shadow .22s,filter .22s;animation:3.8s ease-in-out infinite assistantBreath;position:fixed;bottom:20px;right:20px;box-shadow:0 16px 32px #00000052}.assistant-button:hover{filter:saturate(1.12);transform:translateY(-3px);box-shadow:0 18px 38px #10b8ff47,0 10px 24px #00000057}.assistant-button:active{transform:translateY(0)scale(.98)}.assistant-panel{z-index:10;border:1px solid var(--line);border-radius:var(--radius);background:#020b18;width:min(420px,100% - 40px);max-height:min(680px,100vh - 110px);padding:18px;display:none;position:fixed;bottom:82px;right:20px;overflow:auto;box-shadow:0 24px 70px #0000007a}.assistant-panel.open{display:block}.assistant-head{justify-content:space-between;align-items:start;gap:12px;margin-bottom:14px;display:flex}.assistant-head strong,.assistant-head span{display:block}.assistant-head span,.assistant-answer{color:var(--muted)}.assistant-head button,.quick-questions button{border:1px solid var(--line);border-radius:var(--radius);color:#fff;cursor:pointer;background:#ffffff1a;transition:transform .18s,border-color .18s,background .18s}.quick-questions{gap:8px;display:grid}.quick-questions button{text-align:left;min-height:38px;padding:8px 10px}.assistant-head button:hover,.quick-questions button:hover{border-color:var(--cyan);background:#10b8ff24;transform:translateY(-1px)}.quick-questions button:active,.assistant-head button:active{transform:scale(.98)}.assistant-answer{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff14;margin-top:14px;padding:14px;line-height:1.5}@keyframes assistantBreath{0%,to{box-shadow:0 16px 32px #00000052}50%{box-shadow:0 16px 34px #10b8ff3d,0 16px 32px #0000004d}}@keyframes dangerNudge{0%,to{transform:translateY(-2px)translate(0)}35%{transform:translateY(-2px)translate(-1px)}70%{transform:translateY(-2px)translate(1px)}}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=780px){.topbar,.page-head,.danger-zone{flex-direction:column}.topbar{align-items:center;gap:14px;padding:14px 18px 16px}.brand{justify-content:center;width:min(292px,100%)}.nav-actions{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;gap:10px;width:min(292px,100%);margin-inline:auto;display:grid}.nav-actions button,.nav-actions a,.notification-area{width:100%}.nav-actions button,.nav-actions a{min-height:46px;padding:0 12px}.nav-actions>:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:min(116px,100%)}.page{width:min(100% - 24px,1180px);padding-top:18px}.page-head{align-items:stretch;gap:14px;margin-bottom:14px}.dashboard-page{flex-direction:column;display:flex}.dashboard-page .page-head{order:1}.dashboard-page .search-bar{order:2}.dashboard-page .success{order:3}.dashboard-page .stats-grid{order:4}.dashboard-page .table-wrap{order:5}.stats-grid,.form-grid,.users-form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.search-bar{grid-template-columns:1fr;gap:10px;margin-bottom:14px}.search-bar .secondary{min-height:46px}.table-wrap table{min-width:760px}.assistant-button{bottom:14px;right:14px}.notification-menu{width:auto;max-height:calc(100vh - 28px);position:fixed;top:14px;left:12px;right:12px}.notification-toast{width:auto;top:12px;left:12px;right:12px}}@media (hover:none){.nav-actions button:hover,.nav-actions a:hover,.secondary:hover,.primary:hover,.link-button:hover,.danger-zone button:hover,.assistant-button:hover{transform:none}.nav-actions button:active,.nav-actions a:active,.secondary:active,.primary:active,.link-button:active,.danger-zone button:active,.assistant-button:active{filter:saturate(1.08);transform:scale(.97)}.action-new:active svg{transform:rotate(90deg)scale(1.08)}.action-search:active svg{transform:scale(1.16)}.action-save:active svg{transform:translateY(-2px)scale(1.08)}.action-pdf:active svg{transform:translateY(-2px)rotate(-3deg)}.action-whatsapp:active svg{transform:rotate(-9deg)scale(1.12)}.action-email:active svg{transform:translate(3px,-2px)rotate(4deg)}.action-users:active svg{transform:rotate(-8deg)scale(1.08)}.action-export:active svg{transform:translateY(3px)}.action-back:active svg{transform:translate(-4px)}.action-logout:active svg{transform:translate(4px)}.action-notify:active svg{transform:rotate(-8deg)scale(1.1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
