:root{--bg:#f4f7fb;--panel:#fff;--ink:#111827;--muted:#64748b;--line:#e5eaf1;--primary:#4f46e5;--primary2:#7c3aed;--success:#059669;--danger:#dc2626;--warning:#d97706;--shadow:0 18px 50px rgba(15,23,42,.08);--radius:20px}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:270px;padding:24px 18px;background:#111827;color:#e5e7eb;display:flex;flex-direction:column;z-index:40}.brand{display:flex;gap:12px;align-items:center;padding:6px 8px 26px}.brand strong,.brand small{display:block}.brand small{color:#94a3b8;margin-top:3px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#818cf8,#a78bfa);color:white;font-weight:900;box-shadow:0 8px 24px rgba(129,140,248,.35)}.brand-mark.large{width:64px;height:64px;border-radius:21px;font-size:1.2rem;margin:auto}.sidebar nav{display:grid;gap:7px}.nav-link{display:flex;align-items:center;gap:13px;padding:13px 14px;border-radius:14px;color:#cbd5e1;font-weight:650}.nav-link span{font-size:1.2rem;width:24px;text-align:center}.nav-link:hover,.nav-link.active{background:rgba(255,255,255,.1);color:#fff}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:18px 10px 4px;display:grid;gap:3px}.sidebar-footer small{color:#94a3b8}.link-button{border:0;background:none;color:#a5b4fc;text-align:left;padding:8px 0;cursor:pointer}.main{margin-left:270px;width:calc(100% - 270px);min-width:0}.topbar{height:86px;padding:18px 30px;display:flex;align-items:center;gap:14px;background:rgba(244,247,251,.85);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(229,234,241,.8)}.topbar h1{font-size:1.35rem;margin:0}.topbar p{margin:3px 0 0;color:var(--muted);font-size:.84rem}.status-dot{width:11px;height:11px;border-radius:50%;background:#22c55e;margin-left:auto;box-shadow:0 0 0 5px rgba(34,197,94,.12)}.icon-button{display:none;border:0;background:var(--panel);width:42px;height:42px;border-radius:12px;box-shadow:var(--shadow)}.content{padding:28px;max-width:1500px;margin:auto}.grid{display:grid;gap:20px}.grid.metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px}.grid.metrics.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:20px}.metric,.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.metric{padding:22px}.metric span{display:block;color:var(--muted);font-weight:650;font-size:.86rem}.metric strong{display:block;font-size:1.65rem;margin:10px 0 5px;letter-spacing:-.04em}.metric small{color:var(--muted)}.card{padding:22px;margin-bottom:20px}.card h2{font-size:1.05rem;margin:0}.card-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.card-head p{margin:5px 0 0;color:var(--muted);font-size:.88rem}.card-head a{color:var(--primary);font-weight:700;font-size:.88rem}.list{display:grid;gap:6px}.list-item{display:flex;align-items:center;gap:13px;padding:13px 4px;border-bottom:1px solid var(--line)}.list-item:last-child{border-bottom:0}.list-item>div:nth-child(2){min-width:0;flex:1}.list-item strong{display:block}.list-item p{margin:4px 0 0;color:var(--muted);font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clickable{border-radius:13px;padding:12px}.clickable:hover{background:#f8fafc}.date-badge{width:48px;height:52px;border-radius:14px;background:#eef2ff;color:#4338ca;display:grid;place-content:center;text-align:center}.date-badge strong{font-size:1.05rem;line-height:1}.date-badge small{font-size:.7rem;margin-top:3px}.avatar{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#e0e7ff,#ede9fe);display:grid;place-items:center;color:#4f46e5;font-weight:900;flex:none}.avatar.huge{width:72px;height:72px;border-radius:22px;font-size:1.5rem}.pill{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:.72rem;font-weight:800;text-transform:capitalize;white-space:nowrap}.pill.active,.pill.income{background:#ecfdf5;color:#047857}.pill.pending,.pill.collecting{background:#fff7ed;color:#c2410c}.pill.blocked,.pill.expense{background:#fef2f2;color:#b91c1c}.pill.human{background:#fff7ed;color:#c2410c}.pill.open{background:#eff6ff;color:#1d4ed8}.filters,.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:end}.filters{grid-template-columns:minmax(200px,1fr) minmax(160px,.35fr) auto}.stack{display:grid;gap:15px}label{display:grid;gap:7px;color:#334155;font-size:.85rem;font-weight:700}input,select,textarea{width:100%;border:1px solid #dbe2ea;background:white;color:var(--ink);border-radius:13px;padding:12px 13px;outline:none;transition:.2s}input:focus,select:focus,textarea:focus{border-color:#818cf8;box-shadow:0 0 0 4px rgba(99,102,241,.1)}textarea{resize:vertical}.button{border:0;border-radius:13px;padding:11px 16px;font-weight:800;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;gap:8px}.button:disabled{opacity:.6}.button.primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;box-shadow:0 10px 24px rgba(79,70,229,.22)}.button.secondary{background:#eef2ff;color:#4338ca}.button.danger{background:#fef2f2;color:#b91c1c}.button.small{padding:8px 11px;font-size:.78rem}.large-button{padding:15px;font-size:1rem}.table-card{overflow:auto;padding:0}table{border-collapse:collapse;width:100%;min-width:760px}th,td{padding:15px 18px;text-align:left;border-bottom:1px solid var(--line);font-size:.86rem}th{background:#f8fafc;color:#64748b;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;position:sticky;top:0}td small{display:block;color:var(--muted);margin-top:4px}.row-link{cursor:pointer}.row-link:hover td{background:#fafbff}.amount.income{color:var(--success)}.amount.expense{color:var(--danger)}.transaction-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;font-size:1.3rem;font-weight:800}.transaction-icon.income{background:#ecfdf5;color:#059669}.transaction-icon.expense{background:#fef2f2;color:#dc2626}.profile-card{display:flex;align-items:center;gap:18px}.profile-card h2{font-size:1.3rem}.profile-card p{color:var(--muted)}.tags{display:flex;gap:8px;flex-wrap:wrap}.chat-window{display:flex;flex-direction:column;gap:10px;max-height:500px;overflow:auto;padding:4px}.bubble{max-width:78%;padding:12px 14px;border-radius:17px;background:#f1f5f9;align-self:flex-start}.bubble.out{align-self:flex-end;background:#4f46e5;color:white}.bubble p{margin:0;line-height:1.45}.bubble small{display:block;opacity:.7;margin-top:6px;font-size:.7rem}.timeline{display:grid}.timeline-item{display:grid;grid-template-columns:80px 1fr;gap:20px;padding:18px 5px;border-bottom:1px solid var(--line)}.timeline-item time{font-size:1.25rem;font-weight:900;color:#4f46e5}.timeline-item h3{margin:8px 0 5px}.timeline-item p{margin:0;color:var(--muted)}.modal{position:fixed;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(5px);display:none;place-items:center;padding:18px;z-index:100}.modal.open{display:grid}.modal-card{background:#fff;width:min(560px,100%);max-height:90vh;overflow:auto;border-radius:24px;padding:25px;display:grid;gap:14px;position:relative;box-shadow:0 30px 80px rgba(15,23,42,.3)}.modal-close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:1.8rem;cursor:pointer;color:#64748b}.switch-grid{display:flex;flex-wrap:wrap;gap:14px;margin-top:16px}.switch{display:flex;align-items:center;gap:9px;background:#f8fafc;border:1px solid var(--line);border-radius:13px;padding:11px 13px}.switch input{display:none}.switch span{width:38px;height:22px;border-radius:99px;background:#cbd5e1;position:relative}.switch span:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:white;top:3px;left:3px;transition:.2s;box-shadow:0 2px 5px rgba(0,0,0,.15)}.switch input:checked+span{background:#4f46e5}.switch input:checked+span:after{left:19px}.webhook-box,.notice{margin-top:16px;padding:14px;border-radius:14px;background:#f8fafc;border:1px solid var(--line);display:flex;gap:12px;align-items:center;justify-content:space-between}.webhook-box code{overflow:auto;font-size:.76rem}.notice{display:block;color:#475569;line-height:1.5}.muted,.empty{color:var(--muted)}.empty{text-align:center;padding:26px}.toast{position:fixed;right:22px;bottom:22px;z-index:200;background:#111827;color:#fff;padding:14px 18px;border-radius:14px;box-shadow:var(--shadow);transform:translateY(120px);opacity:0;transition:.25s;max-width:380px}.toast.show{transform:translateY(0);opacity:1}.toast.error{background:#991b1b}.mobile-nav{display:none}.login-body{display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 20% 20%,#e0e7ff,transparent 30%),radial-gradient(circle at 80% 90%,#ede9fe,transparent 32%),#f8fafc}.login-card{width:min(460px,100%);background:rgba(255,255,255,.88);backdrop-filter:blur(20px);border:1px solid white;border-radius:28px;padding:32px;box-shadow:0 30px 80px rgba(79,70,229,.14)}.login-hero{text-align:center;margin-bottom:25px}.login-hero h1{margin:14px 0 7px;font-size:1.55rem}.login-hero p,.security-note{color:var(--muted);line-height:1.5}.security-note{display:block;text-align:center;margin-top:18px}.form-message{min-height:20px;text-align:center;color:var(--danger);margin:0}.mobile-nav small{font-size:.65rem}@media(max-width:1100px){.grid.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){body{padding-bottom:72px}.sidebar{transform:translateX(-105%);transition:.25s;width:min(300px,86vw);box-shadow:20px 0 60px rgba(15,23,42,.3)}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%}.topbar{height:76px;padding:13px 16px}.icon-button{display:block}.content{padding:16px}.grid.two,.grid.metrics.compact{grid-template-columns:1fr}.mobile-nav{display:grid;position:fixed;bottom:0;left:0;right:0;height:66px;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-top:1px solid var(--line);grid-template-columns:repeat(5,1fr);z-index:30;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav a{display:grid;place-content:center;text-align:center;gap:2px;color:#475569;font-size:1.1rem}.filters,.form-grid{grid-template-columns:1fr}.webhook-box{align-items:stretch;flex-direction:column}.profile-card{align-items:flex-start}.bubble{max-width:90%}}@media(max-width:520px){.grid.metrics{grid-template-columns:1fr}.metric{padding:18px}.card{padding:17px;border-radius:17px}.login-card{padding:24px}.topbar h1{font-size:1.1rem}.topbar p{font-size:.75rem}}