*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#f8fafc;background:radial-gradient(circle at 10% 0,#7c3aed40,#0000 35%),radial-gradient(circle at 90% 10%,#7c3aed38,#0000 35%),radial-gradient(circle at 50% 100%,#00ffa314,#0000 30%),#050816;margin:0;font-family:Inter,Arial,sans-serif;overflow-x:hidden}#app{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:linear-gradient(#050816fa,#0a1020f5);border-right:1px solid #00d4ff24;height:100vh;padding:24px 18px;position:sticky;top:0;box-shadow:20px 0 60px #00000040}.brand{align-items:center;gap:12px;margin-bottom:32px;display:flex}.brand-logo{color:#04111f;background:linear-gradient(135deg,#00d4ff,#7c3aed);border-radius:16px;place-items:center;width:44px;height:44px;font-weight:900;display:grid;box-shadow:0 0 24px #00d4ff73,0 0 44px #7c3aed40}.brand-title{color:#fff;font-size:22px;font-weight:900}.brand-subtitle{color:#7c89b6;letter-spacing:1.2px;margin-top:3px;font-size:11px;font-weight:800}.sidebar-menu{flex-direction:column;gap:10px;display:flex}.sidebar-menu a{color:#8fa0ce;border:1px solid #0000;border-radius:16px;padding:14px 16px;font-weight:900;text-decoration:none;display:block}.sidebar-menu a:hover{color:#06121f;background:linear-gradient(90deg,#7c3aed,#a855f7);box-shadow:0 14px 30px #00e0ff33}.main-shell{min-width:0;padding:28px}.panel{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0c1226d1;border:1px solid #ffd7648c;border-radius:28px;margin-bottom:24px;padding:24px;box-shadow:0 0 20px #00d4ff14,0 0 40px #ffd7644d,inset 0 1px #ffffff0d}.panel:hover{border-color:#ffd764e6;box-shadow:0 0 25px #ffd76459,0 0 60px #ffd76433}.hero-panel{background:linear-gradient(135deg,#00d4ff14,#7c3aed1f),#0c1226d9;border:1px solid #7c3aed40;box-shadow:0 0 25px #00d4ff1f,0 0 50px #7c3aed2e}.hero-top,.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.eyebrow{color:#16d9ff;text-transform:uppercase;letter-spacing:1.4px;margin:0 0 8px;font-size:11px;font-weight:900}h1,h2,h3{color:#fff;margin-top:0}h1{margin-bottom:8px;font-size:34px}h2{font-size:23px}h3{font-size:18px}.muted{color:#8fa0ce;max-width:620px;margin:0}.three-column-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:24px;display:grid}.main-column{min-width:0}.right-panel{flex-direction:column;align-self:start;gap:24px;display:flex}.right-panel .panel{margin-bottom:0}.dashboard{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0;display:grid}.stat-card{background:linear-gradient(145deg,#12162df2,#0a0c1ef2);border:1px solid #7c3aed47;border-radius:24px;min-height:116px;padding:20px}.stat-label{color:#7985ad;text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:900}.stat-value{color:#c084fc;word-break:break-word;margin-top:10px;font-size:30px;font-weight:900}.stat-value.small{color:#dbeafe;word-break:break-all;font-size:14px}.status-grid,.split-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.split-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;margin:18px 0}.mini-box,.box,.invoice{color:#f8fafc;word-break:break-word;background:linear-gradient(145deg,#12162deb,#0a0c1eeb);border:1px solid #ffffff0f;border-radius:18px;padding:16px}.mini-box span{color:#7c89b6;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:11px;font-weight:900;display:block}label{color:#7c89b6;text-transform:uppercase;letter-spacing:1px;margin:14px 0 8px;font-size:11px;font-weight:900;display:block}input,textarea,select{color:#fff;background:#12192d;border:1px solid #ffffff0f;border-radius:16px;outline:none;width:100%;margin-bottom:12px;padding:14px;font-size:14px}input::placeholder,textarea::placeholder{color:#657099}textarea{resize:vertical;min-height:96px}button{color:#06121f;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:14px;padding:11px 16px;font-weight:900;transition:all .18s;box-shadow:0 14px 30px #00e0ff2e}button:hover{transform:translateY(-2px)}button.secondary{color:#fff;background:#25304d}button.green{color:#fff;background:#059669}.row,.hero-actions,.secondary-actions,.wallet-actions{flex-wrap:wrap;gap:10px;display:flex}#invoiceList{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}.invoice{transition:all .18s}.invoice:hover{border-color:#00e0ff4d;transform:translateY(-2px)}.invoice-title{color:#fff;margin-bottom:10px;font-size:17px;font-weight:900}.qr-wrap{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.qr-wrap img{background:#fff;border-radius:20px;width:180px;height:180px;padding:10px}.qr-empty{color:#7580a8}.card,.glass-card{color:#f8fafc;box-shadow:none;background:#0f1628;border:1px solid #ffffff0f;border-radius:22px;padding:18px}#payroll-anchor .card,#payout-root .card,#payroll-anchor section,#payout-root section{margin-bottom:16px}a{color:#16d9ff;font-weight:900}pre{white-space:pre-wrap;color:#9cecff;background:#0f1628;border-radius:16px;padding:14px;overflow:auto}.success{color:#00ffb2;font-weight:900}.error{color:#ff5d7a;font-weight:900}.toast{color:#fff;z-index:99999;opacity:0;pointer-events:none;background:#0f1628;border:1px solid #ffffff14;border-radius:18px;min-width:260px;max-width:420px;padding:16px 18px;font-weight:900;transition:all .25s;position:fixed;bottom:24px;right:24px;transform:translateY(20px);box-shadow:0 20px 60px #00000073}.toast.show{opacity:1;animation:.25s toastIn;display:block;transform:translateY(0)}.toast.success{color:#00ffb2;border:1px solid #00ffaa59;box-shadow:0 0 20px #00ffaa26}.toast.error{color:#ff5d7a;border:1px solid #ff507859;box-shadow:0 0 20px #ff507826}.toast.hidden{display:none}@keyframes toastIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#1f2b4d;border-radius:20px}::-webkit-scrollbar-track{background:#0b1020}@media (width<=1200px){#app{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.three-column-layout{grid-template-columns:1fr}.dashboard,.status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.main-shell{padding:16px}.panel{border-radius:22px;padding:18px}.dashboard,.status-grid,.split-grid,#invoiceList,.analytics-grid{grid-template-columns:1fr}.row,.hero-actions,.secondary-actions{flex-direction:column}button{width:100%}.qr-wrap{flex-direction:column;align-items:flex-start}.qr-wrap img{width:160px;height:160px}}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex!important}.hero-actions button{min-width:160px}.invoice-modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.invoice-modal.hidden{display:none}.invoice-modal-content{background:#0b1220;border:1px solid #ffffff14;border-radius:30px;width:min(700px,100%);padding:28px;animation:.25s modalIn;position:relative;box-shadow:0 20px 80px #0000008c}@keyframes modalIn{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:none}}.close-btn{color:#fff;cursor:pointer;background:#162033;border:none;border-radius:50%;width:42px;height:42px;font-size:18px;position:absolute;top:18px;right:18px}.close-btn:hover{background:#22304d}.invoice-detail-card{min-height:260px}#selectedInvoice{font-size:15px;line-height:1.55}#selectedInvoice b{color:#fff;font-size:22px}#selectedInvoice a{color:#16d9ff;margin-top:8px;display:inline-block}.payroll-analytics{margin-bottom:24px}.analytics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.analytics-card{background:#0f1628;border:1px solid #ffffff0f;border-radius:22px;padding:20px}.analytics-card span{color:#7f8bb3;text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:800}.analytics-card h3{color:#d8b4fe;margin-top:12px;font-size:34px}.chart-box{background:#0d1425;border:1px solid #a855f7;border-radius:24px;margin-top:24px;padding:24px}.fake-chart{align-items:flex-end;gap:16px;height:220px;display:flex}.bar{opacity:.55;background:linear-gradient(#2445ff,#15d7ff);border-radius:18px 18px 6px 6px;flex:1}.bar.active{opacity:1;box-shadow:0 0 25px #15d7ff59}@media (width<=700px){body{padding-bottom:90px!important}#app{display:block!important}.sidebar{z-index:99999!important;background:#070b16fa!important;border-top:1px solid #ffffff1a!important;border-right:none!important;width:100%!important;height:76px!important;padding:8px 10px!important;position:fixed!important;inset:auto 0 0!important}.sidebar .brand{display:none!important}.sidebar-menu{grid-template-columns:repeat(6,1fr)!important;gap:4px!important;height:100%!important;display:grid!important;overflow:visible!important}.sidebar-menu a{text-align:center!important;white-space:normal!important;background:0 0!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;padding:6px 2px!important;font-size:10px!important;line-height:1.1!important;display:flex!important}.sidebar-menu a:hover{color:#06121f!important;background:linear-gradient(90deg,#16c8ff,#00e0ff)!important}.main-shell{padding-bottom:96px!important}html,body{width:100%;overflow-x:hidden}#app{width:100%;display:block}.main-shell{width:100%;padding:12px}.three-column-layout,.main-column,.right-panel{width:100%;display:block}.dashboard,.status-grid,.split-grid,#invoiceList,.analytics-grid{gap:14px;display:grid;grid-template-columns:1fr!important}.hero-panel,.panel,.mini-box,.stat-card,.invoice,.card,.glass-card{width:100%;max-width:100%}.hero-actions,.row,.secondary-actions,.wallet-actions{flex-direction:column;width:100%;display:flex}.hero-actions button,.row button,.secondary-actions button,.wallet-actions button,button{width:100%}.right-panel{margin-top:16px}#invoiceList .invoice{min-width:0}.qr-wrap{flex-direction:column;align-items:flex-start;display:flex}.qr-wrap img{width:180px;height:180px}.toast{min-width:auto;max-width:none;bottom:18px;left:14px;right:14px}input,textarea,select{padding:15px;font-size:16px}button{width:100%;padding:14px 16px;font-size:15px}h1{font-size:30px}h2{font-size:24px}.stat-card{min-height:92px;padding:16px}.stat-value{font-size:26px}}.invoice-sheet.hidden{display:none}.invoice-sheet{z-index:99998;position:fixed;inset:0}.invoice-sheet-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000009e;position:absolute;inset:0}.invoice-sheet-content{background:#0b1220;border:1px solid #ffffff14;border-radius:30px 30px 0 0;max-height:88vh;padding:14px 20px 28px;animation:.24s sheetUp;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -24px 70px #0000008c}.sheet-handle{background:#ffffff38;border-radius:999px;width:46px;height:5px;margin:0 auto 18px}.sheet-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.sheet-close{color:#fff;background:#162033;border-radius:50%;width:42px;height:42px;padding:0;font-size:26px;line-height:1}.sheet-body{background:#0f1628;border:1px solid #ffffff0f;border-radius:20px;margin-top:14px;padding:16px;line-height:1.55}.sheet-qr{margin-top:14px}.sheet-qr .qr-wrap{background:#0f1628;border:1px solid #ffffff0f;border-radius:20px;padding:16px}.sheet-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}@keyframes sheetUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (width>=701px){.invoice-sheet-content{border-radius:30px;width:min(620px,100% - 40px);bottom:40px;left:50%;right:auto;transform:translate(-50%)}}.sheet-qr-card{background:#0f1628;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;align-items:center;gap:16px;margin-top:16px;padding:18px;display:flex}.sheet-qr-img{background:#fff;border-radius:24px;width:210px;height:210px;padding:12px;box-shadow:0 18px 45px #00e0ff29}.sheet-link-card{word-break:break-all;background:#0b1220;border:1px solid #ffffff0f;border-radius:18px;width:100%;padding:14px}.sheet-link-label{color:#7c89b6;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:11px;font-weight:900}@media (width<=700px){.sheet-qr-img{width:120px;height:120px}.sheet-qr-card{gap:10px;padding:12px}.sheet-link-card{padding:10px}.invoice-sheet-content,.sheet-content,.invoice-sheet{max-height:78vh;padding-bottom:120px;overflow-y:auto}}.status-paid{color:#0f9;font-weight:700}.status-created{color:#fc0;font-weight:700}.status-overdue{color:#ff4d4f;font-weight:700}.status-reminder{color:#f59e0b}.mini-action.hidden{display:none!important}.mini-action{border-radius:999px;width:100%;margin-top:10px;padding:10px 12px;font-size:12px}.hidden-section{display:none!important}.sidebar-menu a.active-tab{box-shadow:0 0 25px #7c3aed59;color:#fff!important;background:linear-gradient(135deg,#7c3aed,#a855f7)!important}body{background:radial-gradient(circle at 18% 0,#6366f161,#0000 34%),radial-gradient(circle at 82% 8%,#22d3ee4d,#0000 32%),radial-gradient(circle at 50% 100%,#a855f733,#0000 38%),linear-gradient(135deg,#070b1f 0%,#10163a 48%,#060816 100%)!important}.hero-panel,.panel{background:linear-gradient(145deg,#1e295ad1,#0f172ae0)!important;border:1px solid #7dd3fc38!important;box-shadow:0 0 35px #22d3ee2e,0 0 70px #a855f72e,inset 0 1px #ffffff1a!important}.stat-card,.mini-box,.box,.invoice,.card,.glass-card{background:linear-gradient(145deg,#1e295ae0,#0f172aeb)!important;border:1px solid #93c5fd38!important;box-shadow:0 14px 35px #00000047,0 0 24px #6366f12e!important}.stat-value{color:#f0abfc!important;text-shadow:0 0 18px #f0abfc8c,0 0 35px #22d3ee2e!important}button,#btnScanQR,.sidebar-menu a.active-tab{color:#fff!important;background:linear-gradient(135deg,#38bdf8,#8b5cf6,#ec4899)!important;box-shadow:0 0 22px #38bdf861,0 0 35px #8b5cf64d!important}button:hover,.stat-card:hover,.invoice:hover{transform:translateY(-3px);box-shadow:0 0 30px #38bdf859,0 0 55px #ec48993d!important}.eyebrow,a{text-shadow:0 0 14px #67e8f959;color:#67e8f9!important}.sidebar{background:linear-gradient(#080d23fa,#0f172af5)!important;border-right:1px solid #38bdf838!important}.brand-logo{color:#fff!important;background:linear-gradient(135deg,#38bdf8,#8b5cf6,#ec4899)!important}.brand-logo-svg{filter:drop-shadow(0 0 8px #38bdf866);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.topbar{z-index:9998;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#070b1feb;border-bottom:1px solid #38bdf81f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 20px;display:flex;position:sticky;top:0}.topbar-left{flex:1}.topbar-title{color:#fff;letter-spacing:.01em;font-size:16px;font-weight:900}.topbar-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tb-btn-ghost{color:#ffffffbf!important;cursor:pointer!important;width:auto!important;min-width:auto!important;height:auto!important;box-shadow:none!important;background:#ffffff0f!important;border:1px solid #ffffff1f!important;border-radius:8px!important;padding:7px 13px!important;font-size:12px!important;font-weight:700!important;transition:all .18s!important}.tb-btn-ghost:hover{color:#67e8f9!important;background:#38bdf81f!important;border-color:#38bdf84d!important;transform:none!important}.wallet-chip{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;padding:7px 12px;font-size:12px;transition:all .2s;display:flex;z-index:auto!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;position:static!important;top:auto!important;right:auto!important}.wallet-chip:hover{background:#38bdf81a;border-color:#38bdf840}.wc-dot{background:#64748b;border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:background .3s}.wc-dot.connected{background:#00e887;animation:2s ease-in-out infinite wcPulse;box-shadow:0 0 6px #00e887}@keyframes wcPulse{0%,to{opacity:1}50%{opacity:.4}}.wc-balance{color:#67e8f9;font-size:12px;font-weight:900}.wc-addr{color:#ffffffa6;font-family:monospace;font-size:11px;font-weight:700}.btn-connect{color:#fff!important;cursor:pointer!important;letter-spacing:.01em!important;background:linear-gradient(135deg,#38bdf8,#8b5cf6,#ec4899)!important;border:none!important;border-radius:8px!important;width:auto!important;min-width:auto!important;height:auto!important;padding:8px 16px!important;font-size:13px!important;font-weight:900!important;transition:all .2s!important;box-shadow:0 0 18px #38bdf84d!important}.btn-connect:hover{transform:translateY(-1px)!important;box-shadow:0 0 28px #38bdf880!important}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.wallet-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0f23f7;border:1px solid #38bdf833;border-radius:12px;width:190px;padding:8px;animation:.15s dropIn;box-shadow:0 8px 32px #00000080;z-index:999999!important;position:fixed!important}.wallet-menu.hidden{display:none!important}.wallet-menu button{text-align:left!important;color:#ffffffbf!important;width:100%!important;box-shadow:none!important;background:0 0!important;border:1px solid #0000!important;border-radius:8px!important;margin-bottom:3px!important;padding:9px 12px!important;font-size:12px!important;font-weight:700!important;transition:all .15s!important}.wallet-menu button:hover{color:#67e8f9!important;background:#38bdf81a!important;border-color:#38bdf833!important;transform:none!important}.hero-actions,body>.hero-actions,body>.wallet-chip{display:none!important}.wallet-modal{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;z-index:2147483647!important;background:#000000bf!important;justify-content:center!important;align-items:center!important;padding:20px!important;display:flex!important;position:fixed!important;inset:0!important}.wallet-modal.hidden{display:none!important}.wm-card{background:#080f22;border:1px solid #38bdf833;border-radius:24px;width:min(420px,100%);padding:0;animation:.22s wmIn;overflow:hidden;box-shadow:0 0 0 1px #ffffff0a,0 24px 80px #000000b3,0 0 60px #38bdf814}@keyframes wmIn{0%{opacity:0;transform:scale(.94)translateY(10px)}to{opacity:1;transform:none}}.wm-header{border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:20px 20px 16px;display:flex}.wm-logo{background:#38bdf814;border:1px solid #38bdf833;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.wm-title-wrap{flex:1}.wm-title{color:#fff;font-size:15px;font-weight:900;line-height:1}.wm-subtitle{color:#fff6;letter-spacing:.02em;margin-top:3px;font-size:11px}.wm-close{color:#fff9!important;width:32px!important;min-width:auto!important;height:32px!important;box-shadow:none!important;cursor:pointer!important;background:#ffffff0f!important;border:1px solid #ffffff14!important;border-radius:8px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;padding:0!important;font-size:18px!important;line-height:1!important;transition:all .15s!important;display:flex!important}.wm-close:hover{color:#fff!important;background:#ffffff1a!important;transform:none!important}.wm-section-label{letter-spacing:.22em;color:#ffffff40;text-transform:uppercase;padding:12px 20px 6px;font-size:9px;font-weight:900}.wm-option{cursor:pointer!important;width:100%!important;box-shadow:none!important;text-align:left!important;background:0 0!important;border:none!important;border-radius:0!important;align-items:center!important;gap:12px!important;padding:12px 20px!important;transition:background .15s!important;display:flex!important;position:relative!important}.wm-option:hover{background:#38bdf812!important;transform:none!important}.wm-option:active{background:#38bdf81f!important}.wm-option-icon{background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.wm-option-name{color:#fff;font-size:14px;font-weight:700;line-height:1;display:block}.wm-option-sub{color:#ffffff59;margin-top:2px;font-size:10.5px;font-weight:400;display:block}.wm-option-arrow{color:#fff3;flex-shrink:0;margin-left:auto;font-size:14px;transition:all .15s}.wm-option:hover .wm-option-arrow{color:#67e8f9;transform:translate(3px)}.wm-google{background:#4285f40f!important}.wm-google:hover{background:#4285f41f!important}.wm-footer{color:#fff3;text-align:center;letter-spacing:.08em;border-top:1px solid #ffffff0d;padding:14px 20px;font-size:10px}@media (width<=700px){.topbar{gap:6px;padding:8px 12px}.topbar-title{font-size:14px}.tb-btn-ghost{padding:6px 9px!important;font-size:11px!important}.wc-balance{display:none}.wc-addr{font-size:10px}.btn-connect{padding:7px 12px!important;font-size:12px!important}.wallet-chip{padding:6px 9px}.topbar{z-index:999999!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;background:#070b1ff5!important;height:58px!important;padding:8px 10px!important;position:fixed!important;top:0!important;left:0!important;right:0!important}.topbar-left{display:none!important}.topbar-right{flex-wrap:nowrap!important;align-items:center!important;gap:6px!important;width:100%!important;display:flex!important;overflow-x:auto!important}.topbar-right button,.wallet-chip{border-radius:999px!important;flex:none!important;width:auto!important;min-width:max-content!important;height:40px!important;padding:8px 12px!important;font-size:12px!important}.main-shell{padding-top:70px!important}}