*{box-sizing:border-box}html{scroll-behavior:smooth}#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, var(--tror-gold), var(--tror-gold-bright));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}.nav-wallet{border-top:1px solid #ffffff14;margin-top:20px;padding-top:20px}.nav-wallet .wallet-chip{margin-bottom:10px}.nav-wallet .btn-connect{width:100%}.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(135deg, var(--tror-gold), var(--tror-gold-bright));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}.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}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}@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}.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-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{flex:none!important;align-items:center!important;gap:10px!important;display:flex!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}}.mobile-menu-btn{display:none}@media (width<=700px){body{padding-bottom:0!important}.mobile-menu-btn{border-radius:12px!important;justify-content:center!important;align-items:center!important;width:42px!important;height:42px!important;padding:0!important;font-size:22px!important;display:inline-flex!important}.sidebar{z-index:999998!important;border-top:none!important;border-right:1px solid #38bdf838!important;width:260px!important;height:calc(100vh - 58px)!important;padding:20px 14px!important;transition:left .22s!important;position:fixed!important;inset:58px auto auto -280px!important}.sidebar.open{left:0!important}.sidebar .brand{display:flex!important}.sidebar-menu{flex-direction:column!important;grid-template-columns:none!important;gap:10px!important;height:auto!important;display:flex!important}.sidebar-menu a{border-radius:16px!important;justify-content:flex-start!important;padding:14px 16px!important;font-size:14px!important}.topbar{justify-content:space-between!important}.topbar-right{width:auto!important;margin-left:auto!important}}@media (width<=768px){.sidebar{transition:all .25s;transform:translate(-100%)}body.sidebar-open .sidebar{transform:translate(0)}}@media (width<=700px){.sidebar{left:-280px!important;transform:none!important}.sidebar.open{left:0!important;transform:none!important}}@media (width<=900px){#app{grid-template-columns:none!important;display:block!important}.main-shell{padding-top:70px!important}.sidebar{z-index:999998!important;width:260px!important;height:calc(100vh - 58px)!important;position:fixed!important;inset:58px auto auto -280px!important;transform:none!important}.sidebar.open{left:0!important;transform:none!important}}@media (width>=901px){#app{display:block!important}.sidebar{border-bottom:1px solid #38bdf82e!important;border-right:none!important;justify-content:space-between!important;align-items:center!important;width:100%!important;height:76px!important;padding:0 28px!important;display:flex!important;position:sticky!important;top:0!important}.brand{margin-bottom:0!important}.sidebar-menu{flex-direction:row!important;align-items:center!important;gap:8px!important}.sidebar-menu a{border-radius:999px!important;padding:10px 14px!important;font-size:13px!important}.main-shell{max-width:1180px!important;margin:0 auto!important;padding:28px!important}.topbar{border-radius:18px!important;margin-bottom:20px!important}.topbar-right{gap:10px!important;margin-left:auto!important}.tb-btn-ghost,.wallet-chip,.btn-connect{border-radius:999px!important;width:auto!important;min-width:auto!important;height:40px!important}.dashboard{grid-template-columns:repeat(4,minmax(0,1fr))!important}.stat-card{min-height:130px!important}.sidebar{grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:22px!important;height:82px!important;display:grid!important}.sidebar-menu{flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:8px!important;display:flex!important}.nav-wallet{align-items:center!important;gap:10px!important;width:auto!important;margin-left:0!important;display:flex!important}.topbar{display:none!important}.sidebar{z-index:999999!important;height:82px!important;position:fixed!important;top:0!important;left:0!important;right:0!important}.main-shell{padding-top:120px!important}#dashboard-top,.app-section{scroll-margin-top:120px!important}}#dashboard .mini-box{background:radial-gradient(circle at 0 0,#38bdf81f,#0000 34%),linear-gradient(145deg,#0f172af5,#080d1ef5);border:1px solid #38bdf838;box-shadow:0 0 35px #38bdf81a,inset 0 1px #ffffff0f}#activityFeed{gap:12px;margin-top:16px;display:grid}#activityFeed div,#activityFeed p{color:#e2e8f0;background:#ffffff0e;border:1px solid #ffffff14;border-radius:16px;padding:13px 15px;font-weight:800}#activityFeed div:first-child,#activityFeed p:first-child{color:#bbf7d0;background:#22c55e1a;border-color:#22c55e52}#activityFeed div:nth-child(2),#activityFeed p:nth-child(2){color:#bae6fd;background:#38bdf81a;border-color:#38bdf857}#activityFeed div:nth-child(3),#activityFeed p:nth-child(3){color:#e9d5ff;background:#a855f71f;border-color:#a855f757}.activity-item{align-items:center!important;gap:18px!important;font-size:16px!important;font-weight:800!important;line-height:1.45!important;display:flex!important;position:relative!important}.activity-icon{background:#ffffff12!important;border:1px solid #ffffff1a!important;border-radius:14px!important;justify-content:center!important;align-items:center!important;width:38px!important;min-width:38px!important;height:38px!important;font-size:28px!important;display:inline-flex!important;box-shadow:0 10px 26px #00000038!important}.activity-success{color:#bbf7d0!important;background:#22c55e1f!important;border-color:#22c55e59!important}.activity-payroll{color:#fde68a!important;background:#eab3081f!important;border-color:#eab30859!important}.activity-claim{color:#e9d5ff!important;background:#a855f71f!important;border-color:#a855f759!important}.activity-failed{color:#fecaca!important;background:#ef44441f!important;border-color:#ef444459!important}.activity-pending{color:#fed7aa!important;background:#f973161f!important;border-color:#f9731659!important}#activityFeed div:before,#activityFeed p:before,#activityFeed .activity-item:before,#activityFeed .activity-item:after{content:none!important;display:none!important}#activityFeed .activity-item{border-radius:18px!important;align-items:center!important;gap:18px!important;padding:15px 17px!important;font-size:16px!important;font-weight:800!important;line-height:1.45!important;transition:all .2s!important;display:flex!important}#activityFeed .activity-item:hover{transform:translateY(-2px)!important;box-shadow:0 0 26px #38bdf829!important}#activityFeed .activity-icon{background:#ffffff12!important;border:1px solid #ffffff1a!important;border-radius:14px!important;justify-content:center!important;align-items:center!important;width:38px!important;min-width:38px!important;height:38px!important;font-size:28px!important;display:inline-flex!important;box-shadow:0 10px 26px #00000038!important}#activityFeed .activity-success{color:#bbf7d0!important;background:radial-gradient(circle at 0,#22c55e2e,#0000 40%),#22c55e1a!important;border-color:#22c55e61!important}#activityFeed .activity-payroll{color:#fde68a!important;background:radial-gradient(circle at 0,#eab3082e,#0000 40%),#eab3081a!important;border-color:#eab30866!important}#activityFeed .activity-claim{color:#e9d5ff!important;background:radial-gradient(circle at 0,#a855f733,#0000 40%),#a855f71f!important;border-color:#a855f76b!important}#activityFeed .activity-failed{color:#fecaca!important;background:radial-gradient(circle at 0,#ef44442e,#0000 40%),#ef44441f!important;border-color:#ef444466!important}#activityFeed .activity-pending{color:#fed7aa!important;background:radial-gradient(circle at 0,#f973162e,#0000 40%),#f973161f!important;border-color:#f9731666!important}@keyframes livePulse{0%,to{transform:scale(1);box-shadow:0 0 8px #22c55e99}50%{transform:scale(1.3);box-shadow:0 0 24px #22c55e}}.dashboard-grid-modern .stat-card{animation:.45s both cardFadeUp}.dashboard-grid-modern .stat-card:first-child{animation-delay:40ms}.dashboard-grid-modern .stat-card:nth-child(2){animation-delay:80ms}.dashboard-grid-modern .stat-card:nth-child(3){animation-delay:.12s}.dashboard-grid-modern .stat-card:nth-child(4){animation-delay:.16s}.dashboard-grid-modern .stat-card:nth-child(5){animation-delay:.2s}.dashboard-grid-modern .stat-card:nth-child(6){animation-delay:.24s}.dashboard-grid-modern .stat-card:nth-child(7){animation-delay:.28s}.dashboard-grid-modern .stat-card:nth-child(8){animation-delay:.32s}@keyframes cardFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.activity-ticker{background:#0f172ac7;border:1px solid #38bdf838;border-radius:18px;margin:18px 0 4px;overflow:hidden;box-shadow:0 0 28px #38bdf81a}.activity-ticker-track{gap:24px;width:max-content;padding:12px 18px;animation:28s linear infinite tickerMove;display:flex}.ticker-item{white-space:nowrap;color:#dbeafe;font-size:13px;font-weight:900}@keyframes tickerMove{0%{transform:translate(0)}to{transform:translate(-50%)}}.activity-ticker{background:linear-gradient(90deg,#38bdf824,#8b5cf624),#0f172ad1;border:1px solid #38bdf852;border-radius:999px;align-items:center;height:48px;margin:22px 0 18px;display:flex;overflow:hidden;box-shadow:0 0 24px #38bdf82e,inset 0 1px #ffffff14}.activity-ticker-track{align-items:center;gap:34px;width:max-content;padding:0 22px;animation:24s linear infinite tickerMove;display:flex}.ticker-item{white-space:nowrap;color:#f8fafc;text-shadow:0 0 10px #ffffff2e;align-items:center;gap:8px;font-size:14px;font-weight:900;display:inline-flex}.dashboard-grid-modern .stat-card,.stat-card{transition:transform .25s,box-shadow .25s,border-color .25s}.dashboard-grid-modern .stat-card:hover,.stat-card:hover{transform:translateY(-7px);border-color:#38bdf88c!important;box-shadow:0 22px 55px #38bdf833,0 0 36px #8b5cf62e!important}.status-grid-modern .mini-box,.status-grid .mini-box{transition:transform .25s,box-shadow .25s,border-color .25s;background:radial-gradient(circle at 0 0,#38bdf829,#0000 36%),linear-gradient(145deg,#1e295af0,#0f172af0)!important;border-color:#7dd3fc4d!important}.status-grid-modern .mini-box:hover,.status-grid .mini-box:hover{transform:translateY(-4px);border-color:#38bdf885!important;box-shadow:0 18px 45px #38bdf82e,0 0 34px #8b5cf624!important}.dash-live-badge span{animation:1.8s ease-in-out infinite livePulse}.activity-ticker{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;margin:16px 0;padding:10px 0;overflow:hidden}.activity-ticker-track{gap:40px;width:max-content;animation:30s linear infinite tickerMove;display:flex}.activity-ticker:hover .activity-ticker-track{animation-play-state:paused}.ticker-item{white-space:nowrap;color:#e5e7eb;cursor:pointer;font-weight:600;transition:all .25s}.activity-ticker,.activity-ticker-track,.ticker-item{pointer-events:auto}.ticker-item{font:inherit;color:#e5e7eb;cursor:pointer;pointer-events:auto;background:0 0;border:0}.ticker-item:hover{color:#7dd3fc;transform:scale(1.05)}#employeeManagement{background:linear-gradient(135deg,#38bdf814,#8b5cf614),#0f172ac2;border:1px solid #67e8f92e;border-radius:20px;margin:20px 0 24px;padding:20px;box-shadow:0 18px 45px #0206174d}#employeeForm{background:#02061780;border:1px solid #94a3b824;border-radius:16px;margin-bottom:20px;padding:18px;display:none}#employeeForm input,#employeeForm select{color:#f8fafc;background:#0f172ae6;border:1px solid #94a3b82e;border-radius:12px;outline:none;width:100%;margin-bottom:12px;padding:13px 14px}#employeeForm input:focus,#employeeForm select:focus{border-color:#38bdf8b8;box-shadow:0 0 0 3px #38bdf81f}#employeeForm input::placeholder{color:#64748b}#employeesList{gap:12px;display:grid}.employee-card{background:#0f172ac7;border:1px solid #94a3b824;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;display:grid}.employee-card h4{color:#f8fafc;margin:0 0 7px}.employee-card p{color:#94a3b8;overflow-wrap:anywhere;margin:4px 0;font-size:13px}.employee-card-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.employee-status{letter-spacing:.4px;border-radius:999px;align-items:center;margin-top:7px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}.employee-status-active{color:#86efac;background:#22c55e24;border:1px solid #22c55e4d}.employee-status-inactive{color:#fde68a;background:#f59e0b24;border:1px solid #f59e0b4d}.employee-status-terminated{color:#fda4af;background:#f43f5e24;border:1px solid #f43f5e4d}#employeeFormStatus{color:#94a3b8;min-height:20px;font-size:13px}@media (width<=640px){#employeeManagement{padding:15px}.employee-card{grid-template-columns:1fr}.employee-card-actions{justify-content:flex-start}}:root{--tror-black:#050505;--tror-black-soft:#0b0b0d;--tror-panel:#111113eb;--tror-panel-soft:#1b1b1ee0;--tror-gold:#d7b35a;--tror-gold-bright:#f4d77f;--tror-gold-dark:#9c772c;--tror-silver:#c8c9cc;--tror-platinum:#f2f2f3;--tror-muted:#96979c;--tror-border:#d7b35a4d;--tror-border-silver:#c8c9cc2e}body{color:var(--tror-platinum)!important;background:radial-gradient(circle at 15% 0,#d7b35a29,#0000 34%),radial-gradient(circle at 85% 8%,#c8c9cc1a,#0000 34%),radial-gradient(circle at 50% 100%,#9c772c1a,#0000 38%),linear-gradient(135deg,#030303 0%,#0b0b0d 48%,#050505 100%)!important}.sidebar{background:linear-gradient(#050505fa,#0e0e10f7)!important;border-color:#d7b35a3d!important;box-shadow:0 16px 50px #0000007a,0 1px #ffffff08!important}.brand-logo-svg{filter:drop-shadow(0 0 8px #d7b35a6b)drop-shadow(0 0 16px #c8c9cc29)!important;width:46px!important;height:46px!important}.brand-logo-img{object-fit:contain;width:44px;height:44px;display:block}.brand-title{letter-spacing:.05em;color:var(--tror-platinum)!important}.brand-subtitle{color:var(--tror-gold)!important}.sidebar-menu a{color:#bbbcc0!important}.sidebar-menu a:hover,.sidebar-menu a.active-tab{color:#090909!important;background:linear-gradient(135deg,#f4d77f 0%,#d7b35a 48%,#b99443 100%)!important;border-color:#f4d77f8c!important;box-shadow:0 10px 28px #d7b35a38,inset 0 1px #ffffff6b!important}.hero-panel,.panel{border:1px solid var(--tror-border)!important;background:radial-gradient(circle at 0 0,#d7b35a17,#0000 34%),linear-gradient(145deg,#18181bf0,#08080af5)!important;box-shadow:0 20px 50px #00000057,0 0 30px #d7b35a17,inset 0 1px #ffffff0f!important}.panel:hover{border-color:#f4d77f8c!important;box-shadow:0 22px 58px #0000006b,0 0 35px #d7b35a24!important}.stat-card,.mini-box,.box,.invoice,.card,.glass-card,.analytics-card,.employee-card{border:1px solid var(--tror-border-silver)!important;background:linear-gradient(145deg,#1c1c1ff2,#0a0a0cf5)!important;box-shadow:0 14px 34px #00000057,inset 0 1px #ffffff0a!important}.stat-card:hover,.invoice:hover,.employee-card:hover{border-color:#d7b35a7a!important;box-shadow:0 18px 42px #0000006b,0 0 24px #d7b35a1f!important}h1,h2,h3,h4{color:var(--tror-platinum)!important}.eyebrow,a{color:var(--tror-gold-bright)!important;text-shadow:0 0 14px #d7b35a38!important}.stat-value,.analytics-card h3{color:var(--tror-gold-bright)!important;text-shadow:0 0 16px #d7b35a4d,0 0 32px #c8c9cc14!important}.stat-value.small{color:var(--tror-silver)!important}input,textarea,select{color:var(--tror-platinum)!important;background:linear-gradient(145deg,#141416fa,#0a0a0cfa)!important;border:1px solid #c8c9cc29!important}input:focus,textarea:focus,select:focus{border-color:#d7b35ab8!important;box-shadow:0 0 0 3px #d7b35a1a!important}input::placeholder,textarea::placeholder{color:#6f7075!important}button,.btn-connect,#btnScanQR{color:#080808!important;background:linear-gradient(135deg,#f4d77f 0%,#d7b35a 48%,#a87f30 100%)!important;border:1px solid #ffedab6b!important;box-shadow:0 10px 25px #d7b35a38,inset 0 1px #ffffff6b!important}button:hover,.btn-connect:hover{box-shadow:0 14px 34px #d7b35a52,0 0 24px #f4d77f2e!important}button.secondary,.tb-btn-ghost{color:var(--tror-silver)!important;box-shadow:none!important;background:linear-gradient(145deg,#2d2d31f2,#151518f2)!important;border:1px solid #c8c9cc33!important}button.secondary:hover,.tb-btn-ghost:hover{color:var(--tror-gold-bright)!important;border-color:#d7b35a6b!important}.topbar{background:#070708f0!important;border-color:#d7b35a33!important}.wallet-chip{background:#c8c9cc0d!important;border-color:#c8c9cc29!important}.wallet-chip:hover{background:#d7b35a14!important;border-color:#d7b35a52!important}.wc-balance{color:var(--tror-gold-bright)!important}.wallet-menu{background:#0a0a0cfa!important;border-color:#d7b35a3d!important}.wallet-menu button{color:var(--tror-silver)!important;box-shadow:none!important;background:0 0!important;border-color:#0000!important}.wallet-menu button:hover{color:var(--tror-gold-bright)!important;background:#d7b35a17!important;border-color:#d7b35a2e!important}.wm-card{background:linear-gradient(145deg,#161619fc,#060607fc)!important;border-color:#d7b35a47!important;box-shadow:0 28px 90px #000000c7,0 0 50px #d7b35a1a!important}.wm-logo{background:#d7b35a14!important;border-color:#d7b35a47!important}.wm-option:hover{background:#d7b35a12!important}.wm-option:active{background:#d7b35a1f!important}.wm-option:hover .wm-option-arrow{color:var(--tror-gold-bright)!important}.invoice-modal-content,.invoice-sheet-content,.sheet-body,.sheet-qr-card,.sheet-link-card{background:linear-gradient(145deg,#19191cfa,#08080afa)!important;border-color:#c8c9cc29!important}::-webkit-scrollbar-thumb{background:linear-gradient(#d7b35a,#70602f)!important}::-webkit-scrollbar-track{background:#080808!important}.employee-filter.is-active{background:linear-gradient(135deg,#d7b35a38,#c8c9cc1a)!important;border-color:#d7b35ab3!important}.stat-card,.mini-box,.analytics-card,.panel,.hero-panel,.invoice,.employee-card{border-color:#d7b35a47!important;box-shadow:0 16px 38px #00000061,0 0 22px #d7b35a1a,inset 0 1px #ffffff0a!important}.stat-card:hover,.mini-box:hover,.analytics-card:hover,.panel:hover,.invoice:hover,.employee-card:hover{border-color:#f4d77f8f!important;box-shadow:0 18px 44px #00000070,0 0 26px #d7b35a29!important}.stat-card:focus,.stat-card:focus-visible,.stat-card.active,.stat-card.selected{border-color:#f4d77f94!important;outline:none!important;box-shadow:0 18px 44px #0000006b,0 0 26px #d7b35a2e!important}.stat-card,.mini-box{background:radial-gradient(circle at 0 0,#d7b35a12,#0000 36%),linear-gradient(145deg,#19191cf7,#09090bfa)!important}.stat-value,.analytics-card h3{text-shadow:0 0 14px #d7b35a40!important}.activity-item,.ticker-item{border-color:#d7b35a38!important}.ticker-item:hover,.activity-item:hover{border-color:#f4d77f73!important;box-shadow:0 0 18px #d7b35a1f!important}.status-grid-modern .mini-box,.status-grid .mini-box{background:radial-gradient(circle at 0 0,#d7b35a14,#0000 36%),linear-gradient(145deg,#19191cfa,#08080afc)!important;border-color:#d7b35a4d!important;box-shadow:0 14px 34px #0006,0 0 18px #d7b35a1a,inset 0 1px #ffffff0a!important}.status-grid-modern .mini-box:hover,.status-grid .mini-box:hover{border-color:#f4d77f8c!important;transform:translateY(-2px)!important;box-shadow:0 18px 42px #00000075,0 0 24px #d7b35a29!important}#dashboard-top .stat-card,#dashboard-top .stat-card:hover,#dashboard-top .stat-card:focus,#dashboard-top .stat-card:active{background:radial-gradient(circle at 0 0,#d7b35a14,#0000 38%),linear-gradient(145deg,#19191c 0%,#09090b 100%)!important;border:1px solid #d7b35a4d!important;transition:transform .22s,border-color .22s,box-shadow .22s!important;animation:none!important;box-shadow:0 14px 34px #0006,0 0 18px #d7b35a1a,inset 0 1px #ffffff0a!important}#dashboard-top .stat-card:hover{background:radial-gradient(circle at 0 0,#f4d77f1f,#0000 40%),linear-gradient(145deg,#1d1b16 0%,#0a0a0b 100%)!important;border-color:#f4d77f94!important;transform:translateY(-2px)!important;box-shadow:0 18px 42px #00000075,0 0 24px #d7b35a2e!important}#dashboard-top .stat-card:before,#dashboard-top .stat-card:after,#dashboard-top .stat-card:hover:before,#dashboard-top .stat-card:hover:after{content:none!important;display:none!important}.main,.content,.dashboard,.app-section,#dashboard-top{background:0 0!important}.stat-card,.mini-box,.box,.glass-card,.invoice,.invoice-card,.analytics-card,.employee-card,.panel{background:radial-gradient(circle at 0 0,#f2f2f312,#0000 38%),linear-gradient(145deg,#222327f5,#0d0d0ffa)!important;border:1px solid #c8c9cc3d!important;box-shadow:inset 0 1px #ffffff0f,0 14px 34px #00000061!important}.stat-card:hover,.mini-box:hover,.box:hover,.invoice:hover,.invoice-card:hover,.analytics-card:hover,.employee-card:hover{border-color:#f4d77f8f!important;box-shadow:inset 0 1px #ffffff12,0 18px 42px #00000070,0 0 24px #d7b35a29!important}.dashboard-grid-modern,.status-grid-modern,.status-grid{background:linear-gradient(145deg,#202125a3,#0a0a0cb8)!important;border-color:#c8c9cc33!important}#payroll,.payroll-panel,.payroll-section,.payroll-card,.employee-management,.employee-card,.payroll-summary-card,.payroll-form,.payroll-history,.payroll-total,.final-amount,.csv-import-box{background:radial-gradient(circle at 0 0,#f2f2f312,#0000 38%),linear-gradient(145deg,#222327f5,#0d0d0ffa)!important;border-color:#c8c9cc3d!important;box-shadow:inset 0 1px #ffffff0f,0 14px 34px #00000061!important}#payroll .mini-box,#payroll .stat-card,#payroll .box,.payroll-panel .mini-box,.payroll-panel .stat-card{background:linear-gradient(145deg,#1f1f23f7,#0c0c0efa)!important;border-color:#c8c9cc42!important}#payroll input,#payroll textarea,#payroll select,.payroll-panel input,.payroll-panel textarea,.payroll-panel select,.final-amount,.payroll-total{color:var(--tror-platinum)!important;background:linear-gradient(145deg,#18181bfa,#0a0a0cfc)!important;border:1px solid #c8c9cc3d!important;box-shadow:inset 0 1px #ffffff0a!important}#payroll input:focus,#payroll textarea:focus,#payroll select:focus,.payroll-panel input:focus,.payroll-panel textarea:focus,.payroll-panel select:focus{border-color:#f4d77f94!important;outline:none!important;box-shadow:0 0 0 3px #d7b35a1a,0 0 18px #d7b35a1f!important}#payroll .employee-card:hover,#payroll .mini-box:hover,#payroll .stat-card:hover,.payroll-panel .employee-card:hover{border-color:#f4d77f8f!important;box-shadow:0 18px 42px #00000070,0 0 22px #d7b35a24!important}html,body{color:var(--tror-platinum)!important;background:radial-gradient(circle at 12% 8%,#f2f2f321,#0000 34%),radial-gradient(circle at 88% 15%,#c8c9cc17,#0000 36%),radial-gradient(circle at 50% 100%,#d7b35a14,#0000 40%),linear-gradient(135deg,#050505 0%,#111214 32%,#202126 54%,#111214 78%,#050505 100%)!important}.sidebar,.topbar{background:linear-gradient(#070708fa,#111113f7)!important;border-color:#d7b35a3d!important}.hero-panel,.panel,.stat-card,.mini-box,.box,.card,.glass-card,.invoice,.invoice-card,.analytics-card,.employee-card,.chart-box,.invoice-modal-content,.invoice-sheet-content,.sheet-body,.sheet-qr-card,.sheet-link-card{background:radial-gradient(circle at 0 0,#f2f2f312,#0000 38%),linear-gradient(145deg,#222327f7,#0c0c0efc)!important;border-color:#c8c9cc40!important;box-shadow:inset 0 1px #ffffff0f,0 14px 34px #0006!important}.dashboard-grid-modern,.status-grid-modern,.status-grid,#employeeManagement,#payroll .card,#payroll section,.payroll-panel,.payroll-section{background:linear-gradient(145deg,#1e1f23bd,#09090bd6)!important;border-color:#c8c9cc38!important}#payroll input,#payroll textarea,#payroll select,#payroll pre,#payroll .final-amount,#payroll .payroll-total,.payroll-panel input,.payroll-panel textarea,.payroll-panel select{color:var(--tror-platinum)!important;background:linear-gradient(145deg,#18181bfa,#09090bfc)!important;border-color:#c8c9cc40!important;box-shadow:inset 0 1px #ffffff0a!important}button,.btn-connect,#btnScanQR,.sidebar-menu a.active-tab,.employee-filter.is-active{color:#090909!important;background:linear-gradient(135deg,#f4d77f 0%,#d7b35a 52%,#b99443 100%)!important;border-color:#f4d77f8c!important;box-shadow:0 10px 28px #d7b35a33,inset 0 1px #ffffff61!important}button.secondary,.employee-filter:not(.is-active),.tb-btn-ghost{color:var(--tror-silver)!important;box-shadow:none!important;background:#ffffff0b!important;border:1px solid #c8c9cc33!important}.stat-card:hover,.mini-box:hover,.box:hover,.card:hover,.invoice:hover,.employee-card:hover,.analytics-card:hover{border-color:#f4d77f8f!important;transform:translateY(-2px)!important;box-shadow:0 18px 42px #00000070,0 0 22px #d7b35a26!important}.activity-ticker{box-shadow:none!important;background:linear-gradient(90deg,#c8c9cc0f,#d7b35a14),#0c0c0ee6!important;border-color:#d7b35a3d!important}.wallet-chip,.wallet-menu,.wm-card{background:linear-gradient(145deg,#19191cfa,#070708fc)!important;border-color:#d7b35a40!important}.wallet-chip:hover,.wallet-menu button:hover,.wm-option:hover{color:var(--tror-gold-bright)!important;background:#d7b35a1a!important;border-color:#d7b35a47!important}.eyebrow,.brand-subtitle,.stat-value,.analytics-card h3,.wc-balance{color:var(--tror-gold-bright)!important;text-shadow:0 0 14px #d7b35a33!important}.muted,.stat-label,.mini-box span,label,.analytics-card span{color:var(--tror-silver)!important}a{color:var(--tror-gold-bright)!important;text-shadow:none!important}.brand-logo-svg{filter:drop-shadow(0 0 8px #d7b35a61)drop-shadow(0 0 14px #c8c9cc24)!important}.wm-logo{background:linear-gradient(145deg,#1c1c1ffa,#0a0a0cfc)!important;border:1px solid #d7b35a4d!important;border-radius:13px!important;justify-content:center!important;align-items:center!important;width:42px!important;height:42px!important;padding:5px!important;display:flex!important;overflow:hidden!important}.wm-logo-img{object-fit:contain!important;width:32px!important;height:32px!important;display:block!important}.card-field,.claim-card-field,.secure-field,.input-with-eye{width:100%!important;position:relative!important}.card-field input,.claim-card-field input,.secure-field input,.input-with-eye input{width:100%!important;padding-right:72px!important}.card-field .eye-btn,.claim-card-field .eye-btn,.secure-field .eye-btn,.input-with-eye .eye-btn,.toggle-visibility,.password-toggle{z-index:3!important;border-radius:13px!important;justify-content:center!important;align-items:center!important;width:54px!important;min-width:54px!important;height:44px!important;margin:0!important;padding:0!important;display:flex!important;position:absolute!important;top:50%!important;right:12px!important;transform:translateY(-50%)!important}.card-field .eye-btn:hover,.claim-card-field .eye-btn:hover,.secure-field .eye-btn:hover,.input-with-eye .eye-btn:hover,.toggle-visibility:hover,.password-toggle:hover{transform:translateY(-50%)!important}