.card,.stat-card,.card-flat,.card-lg,.card-sm{background:#fff;border:.5px solid #11111712;border-radius:18px;padding:16px;box-shadow:0 1px #1111170a,0 1px 2px #1111170a,0 6px 16px #1111170a}.card-sm{padding:12px}.card-lg{padding:24px}.card-flat{box-shadow:none}.btn,.btn-danger,.btn-destructive,.btn-ghost,.btn-soft,.btn-secondary,.btn-gradient,.btn-primary{letter-spacing:-.1px;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 16px;font-family:-apple-system,Segoe UI,system-ui,sans-serif;font-size:15px;font-weight:600;text-decoration:none;transition:opacity .15s,transform .1s;display:inline-flex}.btn:hover,.btn-danger:hover,.btn-destructive:hover,.btn-ghost:hover,.btn-soft:hover,.btn-secondary:hover,.btn-gradient:hover,.btn-primary:hover{opacity:.9}.btn:active,.btn-danger:active,.btn-destructive:active,.btn-ghost:active,.btn-soft:active,.btn-secondary:active,.btn-gradient:active,.btn-primary:active{transform:scale(.98)}.btn:disabled,.btn-danger:disabled,.btn-destructive:disabled,.btn-ghost:disabled,.btn-soft:disabled,.btn-secondary:disabled,.btn-gradient:disabled,.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn.btn-sm,.btn-sm.btn-danger,.btn-sm.btn-destructive,.btn-sm.btn-ghost,.btn-sm.btn-soft,.btn-sm.btn-secondary,.btn-sm.btn-gradient,.btn-sm.btn-primary{border-radius:10px;height:32px;padding:0 12px;font-size:13px}.btn.btn-lg,.btn-lg.btn-danger,.btn-lg.btn-destructive,.btn-lg.btn-ghost,.btn-lg.btn-soft,.btn-lg.btn-secondary,.btn-lg.btn-gradient,.btn-lg.btn-primary{border-radius:14px;height:52px;padding:0 20px;font-size:16px}.btn.btn-full,.btn-full.btn-danger,.btn-full.btn-destructive,.btn-full.btn-ghost,.btn-full.btn-soft,.btn-full.btn-secondary,.btn-full.btn-gradient,.btn-full.btn-primary{width:100%}.btn-primary{background:var(--accent,#4f46e5);color:#fff;box-shadow:0 1px 2px #4f46e540,0 6px 14px #4f46e52e}.btn-gradient{background:linear-gradient(135deg, var(--accent,#4f46e5) 0%, var(--accent-2,#7c3aed) 100%);color:#fff;box-shadow:0 1px 2px #4f46e540,0 8px 24px #4f46e540}.btn-secondary{color:#0b0b12;background:#fff;border:.5px solid #1111171f;box-shadow:0 1px #11111708}.btn-soft{background:var(--accent-soft,#eeedff);color:var(--accent-ink,#3f39c4)}.btn-ghost{color:#0b0b12;background:0 0}.btn-destructive{color:#c8362a;background:#fff;border:.5px solid #1111171f}.btn-danger{color:#fff;background:#c8362a}.badge,.status-pill,.payment-refunded,.payment-failed,.payment-completed,.payment-pending,.status-cancelled,.status-overdue,.status-partially_paid,.status-paid,.status-viewed,.status-sent,.status-draft{letter-spacing:-.1px;border-radius:7px;align-items:center;gap:4px;padding:3px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.badge.badge-neutral,.badge-neutral.status-pill,.payment-refunded,.badge-neutral.payment-failed,.badge-neutral.payment-completed,.badge-neutral.payment-pending,.status-cancelled,.badge-neutral.status-overdue,.badge-neutral.status-partially_paid,.badge-neutral.status-paid,.badge-neutral.status-viewed,.badge-neutral.status-sent,.status-draft{color:#46464f;background:#f1f1f4}.badge.badge-accent,.badge-accent.status-pill,.badge-accent.payment-refunded,.badge-accent.payment-failed,.badge-accent.payment-completed,.badge-accent.payment-pending,.badge-accent.status-cancelled,.badge-accent.status-overdue,.badge-accent.status-partially_paid,.badge-accent.status-paid,.status-viewed,.status-sent,.badge-accent.status-draft{background:var(--accent-soft,#eeedff);color:var(--accent-ink,#3f39c4)}.badge.badge-pos,.badge-pos.status-pill,.badge-pos.payment-refunded,.badge-pos.payment-failed,.payment-completed,.badge-pos.payment-pending,.badge-pos.status-cancelled,.badge-pos.status-overdue,.badge-pos.status-partially_paid,.status-paid,.badge-pos.status-viewed,.badge-pos.status-sent,.badge-pos.status-draft{color:#1a8754;background:#e6f4ec}.badge.badge-neg,.badge-neg.status-pill,.badge-neg.payment-refunded,.payment-failed,.badge-neg.payment-completed,.badge-neg.payment-pending,.badge-neg.status-cancelled,.status-overdue,.badge-neg.status-partially_paid,.badge-neg.status-paid,.badge-neg.status-viewed,.badge-neg.status-sent,.badge-neg.status-draft{color:#c8362a;background:#fbeae7}.badge.badge-warn,.badge-warn.status-pill,.badge-warn.payment-refunded,.badge-warn.payment-failed,.badge-warn.payment-completed,.payment-pending,.badge-warn.status-cancelled,.badge-warn.status-overdue,.status-partially_paid,.badge-warn.status-paid,.badge-warn.status-viewed,.badge-warn.status-sent,.badge-warn.status-draft{color:#b8771a;background:#fbf1e2}.badge.badge-dark,.badge-dark.status-pill,.badge-dark.payment-refunded,.badge-dark.payment-failed,.badge-dark.payment-completed,.badge-dark.payment-pending,.badge-dark.status-cancelled,.badge-dark.status-overdue,.badge-dark.status-partially_paid,.badge-dark.status-paid,.badge-dark.status-viewed,.badge-dark.status-sent,.badge-dark.status-draft{color:#fff;background:#0b0b12}.dot{border-radius:9999px;flex-shrink:0;width:8px;height:8px;display:inline-block}.dot.dot-pos{background:#1a8754}.dot.dot-neg{background:#c8362a}.dot.dot-warn{background:#b8771a}.dot.dot-accent{background:var(--accent,#4f46e5)}.dot.dot-neutral{background:#b4b4bc}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{letter-spacing:.6px;text-transform:uppercase;color:#86868f;font-size:11px;font-weight:600}.form-control{color:#0b0b12;background:#fff;border:.5px solid #1111171f;border-radius:12px;outline:none;width:100%;height:48px;padding:0 14px;font-family:-apple-system,Segoe UI,system-ui,sans-serif;font-size:15px;transition:border-color .15s,box-shadow .15s}.form-control::placeholder{color:#b4b4bc}.form-control:focus{border-color:var(--accent,#4f46e5);box-shadow:0 0 0 4px var(--accent-soft,#eeedff)}textarea.form-control{resize:vertical;height:auto;min-height:100px;padding:12px 14px}select.form-control{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2386868F' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.form-check{cursor:pointer;align-items:center;gap:10px;display:flex}.form-check-text{align-items:flex-start;line-height:1.5}.form-check-text>span{min-width:0}.form-check-text .form-check-input{margin-top:1px}.form-check-input{width:20px;height:20px;accent-color:var(--accent,#4f46e5);cursor:pointer;border:.5px solid #1111171f;border-radius:6px;flex:none}.toggle{flex-shrink:0;align-items:center;width:44px;height:24px;display:inline-flex;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle .slider{cursor:pointer;background:#b4b4bc;border-radius:9999px;transition:background .2s;position:absolute;inset:0}.toggle .slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle input:checked+.slider{background:var(--accent,#4f46e5)}.toggle input:checked+.slider:before{transform:translate(20px)}.table-wrapper{-webkit-overflow-scrolling:touch;background:#fff;border:.5px solid #11111712;border-radius:18px;overflow:auto hidden;box-shadow:0 1px #1111170a,0 1px 2px #1111170a,0 6px 16px #1111170a}.data-table{border-collapse:collapse;width:100%}.data-table thead tr{border-bottom:.5px solid #1111171f}.data-table th{text-align:left;letter-spacing:.6px;text-transform:uppercase;color:#86868f;white-space:nowrap;background:#fafafb;padding:12px 16px;font-size:11px;font-weight:700}.data-table td{color:#0b0b12;vertical-align:middle;border-bottom:.5px solid #11111712;padding:14px 16px;font-size:14px}.data-table tbody tr{transition:background .1s}.data-table tbody tr:hover{background:#f6f6f8}.data-table tbody tr:last-child td{border-bottom:none}.data-table .col-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.data-table .col-mono{font-family:Cascadia Code,SF Mono,ui-monospace,Menlo,monospace;font-size:13px}.avatar{background:linear-gradient(135deg, var(--accent,#4f46e5), var(--accent-2,#7c3aed));color:#fff;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.avatar.avatar-sm{width:32px;height:32px;font-size:12px}.avatar.avatar-md{width:40px;height:40px;font-size:15px}.avatar.avatar-lg{width:56px;height:56px;font-size:20px}.stat-card{flex-direction:column;gap:4px;display:flex}.stat-card .stat-label{letter-spacing:.6px;text-transform:uppercase;color:#86868f;font-size:11px;font-weight:700}.stat-card .stat-value{letter-spacing:-.5px;font-variant-numeric:tabular-nums;color:#0b0b12;font-size:28px;font-weight:700}.stat-card .stat-delta{align-items:center;gap:3px;font-size:12px;font-weight:600;display:flex}.stat-card .stat-delta.pos{color:#1a8754}.stat-card .stat-delta.neg{color:#c8362a}.stat-card .stat-delta.muted{color:#86868f}.icon-tile{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-tile.tile-sm{border-radius:8px;width:28px;height:28px}.icon-tile.tile-md{width:36px;height:36px}.icon-tile.tile-lg{border-radius:12px;width:44px;height:44px}.icon-tile.tile-accent{background:var(--accent-soft,#eeedff);color:var(--accent-ink,#3f39c4)}.icon-tile.tile-pos{color:#1a8754;background:#e6f4ec}.icon-tile.tile-neg{color:#c8362a;background:#fbeae7}.icon-tile.tile-warn{color:#b8771a;background:#fbf1e2}.icon-tile.tile-neutral{color:#86868f;background:#f1f1f4}.segmented{background:#fafafb;border:.5px solid #1111171f;border-radius:10px;gap:2px;padding:3px;display:inline-flex}.segmented .seg-option{color:#86868f;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:5px 12px;font-size:12.5px;font-weight:600;transition:background .15s,color .15s}.segmented .seg-option.active{color:#0b0b12;background:#fff;box-shadow:0 1px 3px #11111714}.section-head{justify-content:space-between;align-items:center;padding:16px 0 8px;display:flex}.section-head .section-title{letter-spacing:-.2px;font-size:15px;font-weight:700}.section-head .section-action{color:var(--accent-ink,#3f39c4);font-size:13px;font-weight:600;text-decoration:none}.search-bar{color:#86868f;background:#fff;border:.5px solid #1111171f;border-radius:12px;align-items:center;gap:10px;height:44px;padding:0 14px;font-size:14px;transition:border-color .15s,box-shadow .15s;display:flex}.search-bar input{color:#0b0b12;background:0 0;border:none;outline:none;flex:1;font-family:-apple-system,Segoe UI,system-ui,sans-serif;font-size:14px}.search-bar input::placeholder{color:#86868f}.search-bar:focus-within{border-color:var(--accent,#4f46e5);box-shadow:0 0 0 4px var(--accent-soft,#eeedff)}.pagination{justify-content:center;align-items:center;gap:4px;padding:16px 0;display:flex}.pagination .page-btn{color:#46464f;cursor:pointer;background:#fff;border:.5px solid #1111171f;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:600;text-decoration:none;transition:background .1s;display:inline-flex}.pagination .page-btn:hover{background:#f6f6f8}.pagination .page-btn.active{background:var(--accent,#4f46e5);color:#fff;border-color:#0000}.pagination .page-btn.disabled{opacity:.4;cursor:default}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0b0b1280;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:22px;width:100%;max-width:520px;padding:24px;position:relative;box-shadow:0 24px 64px #0b0b1240}.modal-title{letter-spacing:-.3px;margin-bottom:16px;font-size:18px;font-weight:700}.alert{border-radius:12px;align-items:center;gap:8px;padding:12px 16px;font-size:13.5px;font-weight:500;display:flex}.alert.alert-success{color:#1a8754;background:#e6f4ec;border:.5px solid #1a875426}.alert.alert-error{color:#c8362a;background:#fbeae7;border:.5px solid #c8362a26}.alert.alert-warning{color:#b8771a;background:#fbf1e2;border:.5px solid #b8771a26}.alert.alert-info{color:#3f39c4;background:#eeedff;border:.5px solid #4f46e526}.hero-card{background:linear-gradient(135deg, var(--accent,#4f46e5) 0%, var(--accent-2,#7c3aed) 100%);color:#fff;border-radius:22px;padding:20px;position:relative;overflow:hidden;box-shadow:0 4px 12px #4f46e52e,0 12px 32px #4f46e540}.hero-card:before{content:"";filter:blur(8px);background:#ffffff1f;border-radius:9999px;width:180px;height:180px;position:absolute;top:-40px;right:-40px}.hero-card .hero-label{letter-spacing:.6px;text-transform:uppercase;opacity:.8;font-size:11px;font-weight:700}.hero-card .hero-value{letter-spacing:-.6px;font-variant-numeric:tabular-nums;margin-top:4px;font-size:34px;font-weight:700}.hero-card .hero-delta{background:#ffffff2e;border-radius:6px;align-items:center;gap:4px;margin-top:4px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.timeline{padding-left:28px;position:relative}.timeline:before{content:"";background:#1111171f;width:1px;position:absolute;top:8px;bottom:8px;left:10px}.timeline .timeline-item{padding-bottom:16px;position:relative}.timeline .timeline-item:before{content:"";background:var(--accent,#4f46e5);border:2px solid #fff;border-radius:9999px;width:10px;height:10px;position:absolute;top:4px;left:-22px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 24px;display:flex}.empty-state .empty-icon{width:64px;height:64px;color:var(--accent-ink,#3f39c4);background:#eeedff;border-radius:22px;justify-content:center;align-items:center;font-size:28px;display:flex}.empty-state .empty-title{color:#0b0b12;font-size:17px;font-weight:700}.empty-state .empty-sub{color:#86868f;max-width:280px;font-size:14px}.dropdown{display:inline-block;position:relative}.dropdown-menu{z-index:50;background:#fff;border:.5px solid #1111171f;border-radius:14px;min-width:180px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 32px #0b0b1226}.dropdown-menu .dropdown-item{color:#46464f;cursor:pointer;border-radius:9px;align-items:center;gap:8px;padding:9px 12px;font-size:13.5px;font-weight:500;text-decoration:none;transition:background .1s;display:flex}.dropdown-menu .dropdown-item:hover{color:#0b0b12;background:#f6f6f8}.dropdown-menu .dropdown-item.danger{color:#c8362a}.dropdown-menu .dropdown-item.danger:hover{background:#fbeae7}.dropdown-menu .dropdown-divider{background:#11111712;height:.5px;margin:5px 0}.chart-container{width:100%;position:relative}.mini-bars{align-items:flex-end;gap:3px;height:36px;display:flex}.mini-bars span,.mini-bars .mini-bar{background:#ffffff73;border-radius:3px;flex:1;min-height:4px;display:block}.mini-bars span.active,.mini-bars .mini-bar.active{background:#fff}.seg-option{color:#86868f;cursor:pointer;background:#fff;border:.5px solid #1111171f;border-radius:8px;padding:5px 12px;font-size:12.5px;font-weight:600;transition:background .15s,color .15s}.seg-option.active{background:var(--accent,#4f46e5);color:#fff;border-color:#0000}.section-action{color:var(--accent-ink,#3f39c4);font-size:13px;font-weight:600;text-decoration:none}.section-action:hover{text-decoration:underline}@media (width<=640px){.card,.card-sm,.card-lg,.card-flat,.stat-card{border-radius:14px;padding:12px}.data-table th{padding:10px 12px}.data-table td{padding:12px;font-size:13.5px}.btn-block-sm{width:100%}.data-table td,.card,.card-sm,.card-lg,.card-flat,.stat-card{overflow-wrap:anywhere}.dropdown-menu{min-width:160px}.empty-state{padding:36px 12px}.filter-bar .search-bar{flex:1 0 100%!important;min-width:0!important}.filter-bar select.form-control{flex:120px;min-width:0!important}.form-control,.search-bar input{font-size:16px}.modal-backdrop{align-items:flex-end;padding:12px}.modal{border-radius:18px;max-height:calc(100dvh - 24px);padding:16px;overflow-y:auto}.hero-card .hero-value{font-size:28px}}@media (width<=380px){.card,.card-sm,.card-lg,.card-flat,.stat-card{padding:14px}.data-table td{font-size:13px}}@media (width<=900px){.card>.data-table,.card-sm>.data-table,.card-lg>.data-table,.card-flat>.data-table,.stat-card>.data-table,.card>table,.card-sm>table,.card-lg>table,.card-flat>table,.stat-card>table{white-space:nowrap;-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}}@media (width<=640px){[style*="grid-template-columns:1fr 1fr"],[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:minmax(0,1fr)!important}[style*="grid-template-columns:1fr 1fr"]>[style*="grid-column:span 2"],[style*="grid-template-columns:1fr 1fr"]>[style*="grid-column: span 2"],[style*="grid-template-columns: 1fr 1fr"]>[style*="grid-column:span 2"],[style*="grid-template-columns: 1fr 1fr"]>[style*="grid-column: span 2"]{grid-column:1/-1!important}.table-wrapper>.data-table.is-stacked{display:block}.table-wrapper>.data-table.is-stacked thead{display:none}.table-wrapper>.data-table.is-stacked tbody,.table-wrapper>.data-table.is-stacked tfoot{display:block}.table-wrapper>.data-table.is-stacked tbody tr{border-bottom:.5px solid #11111712;padding:10px 14px;display:block}.table-wrapper>.data-table.is-stacked tbody tr:last-child{border-bottom:none}.table-wrapper>.data-table.is-stacked tbody tr:hover{background:0 0}.table-wrapper>.data-table.is-stacked tbody td{border:none;flex-wrap:wrap;justify-content:flex-end;align-items:center;column-gap:6px;padding:5px 0;display:flex;text-align:right!important;width:auto!important}.table-wrapper>.data-table.is-stacked tbody td:before{content:attr(data-label);letter-spacing:.5px;text-transform:uppercase;color:#86868f;text-align:left;flex:none;max-width:45%;margin-right:auto;padding-right:12px;font-size:11px;font-weight:700}.table-wrapper>.data-table.is-stacked tbody td>*{min-width:0}.table-wrapper>.data-table.is-stacked tbody td>div[style*=display\:flex]{justify-content:flex-end}.table-wrapper>.data-table.is-stacked tbody td[data-label=""]:before{content:none}.table-wrapper>.data-table.is-stacked tbody td[data-label=""]{justify-content:flex-end}.table-wrapper>.data-table.is-stacked tbody td[data-cell=check]{display:none}.table-wrapper>.data-table.is-stacked tbody td[data-cell=actions]{border-top:.5px dashed #11111712;justify-content:flex-end;margin-top:4px;padding-top:8px}.table-wrapper>.data-table.is-stacked tbody td[data-cell=actions]:before{content:none}.table-wrapper>.data-table.is-stacked tbody td[colspan]{padding:8px 0;display:block;text-align:center!important}.table-wrapper>.data-table.is-stacked tbody td[colspan]:before{content:none}.table-wrapper>.data-table.is-stacked tfoot tr{border-top:.5px solid #11111712;justify-content:space-between;align-items:center;gap:12px;padding:0 14px;display:flex}.table-wrapper>.data-table.is-stacked tfoot td{border:none;padding:10px 0!important}.table-wrapper>.data-table.is-stacked tfoot td:empty{display:none}}@media (width<=900px){[style*="grid-template-columns:minmax(0,1fr) 2"],[style*="grid-template-columns:minmax(0,1fr) 3"]{grid-template-columns:minmax(0,1fr)!important}[style*="grid-template-columns:repeat(5,1fr)"]{-webkit-overflow-scrolling:touch;padding-bottom:8px;overflow-x:auto;grid-template-columns:repeat(5,minmax(240px,1fr))!important}}@media (width<=640px){[style*="grid-template-columns:repeat(4,1fr)"],[style*="grid-template-columns: repeat(4,1fr)"],[style*="grid-template-columns:repeat(3,1fr)"],[style*="grid-template-columns: repeat(3,1fr)"],[style*="grid-template-columns: repeat(3, 1fr)"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}[style*="grid-template-columns:2fr 1fr 1fr 1fr 30px"]{grid-template-columns:repeat(3,minmax(0,1fr)) 30px!important}[style*="grid-template-columns:2fr 1fr 1fr 1fr 30px"]>:first-child{grid-column:1/-1}}.app-shell{color:#0b0b12;-webkit-font-smoothing:antialiased;letter-spacing:-.01em;background:#f6f6f8;min-height:100vh;font-family:-apple-system,Segoe UI,system-ui,sans-serif;display:flex}.sidebar{color:#fff;z-index:30;background:#0b0b12;border-right:1px solid #ffffff0a;flex-direction:column;width:240px;height:100vh;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar .sidebar-logo{align-items:center;gap:10px;padding:20px 18px 18px;text-decoration:none;display:flex}.sidebar .sidebar-logo .logo-mark{background:linear-gradient(135deg, var(--accent,#4f46e5), var(--accent-2,#7c3aed));letter-spacing:-.5px;color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:800;display:flex}.sidebar .sidebar-logo .logo-text{letter-spacing:-.2px;color:#fff;font-size:15px;font-weight:700}.sidebar .sidebar-logo .logo-sub{color:#ffffff80;font-size:10.5px}.sidebar .sidebar-section{padding:0 10px 4px}.sidebar .sidebar-section-label{color:#fff6;letter-spacing:.8px;text-transform:uppercase;padding:12px 8px 4px;font-size:10px;font-weight:700}.sidebar .sidebar-nav{scrollbar-width:none;flex:1;padding:0 10px 14px;overflow-y:auto}.sidebar .sidebar-nav::-webkit-scrollbar{display:none}.sidebar .nav-item{color:#ffffffb3;border-radius:9px;align-items:center;gap:10px;margin-bottom:1px;padding:8px 10px;font-size:13px;font-weight:500;text-decoration:none;transition:background .1s,color .1s;display:flex;position:relative}.sidebar .nav-item:hover{color:#fff;background:#ffffff0f}.sidebar .nav-item.active{color:#fff;background:#ffffff14;font-weight:600}.sidebar .nav-item.active:before{content:"";background:var(--accent,#4f46e5);border-radius:4px;width:2px;position:absolute;top:8px;bottom:8px;left:-10px}.sidebar .nav-item .nav-badge{color:#ffffffb3;background:#ffffff14;border-radius:6px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:700}.sidebar .nav-item.active .nav-badge{background:var(--accent,#4f46e5);color:#fff}.sidebar .sidebar-user{border-top:.5px solid #ffffff0f;align-items:center;gap:10px;padding:12px 14px 16px;display:flex}.sidebar .sidebar-user .user-name{color:#fff;font-size:12.5px;font-weight:600}.sidebar .sidebar-user .user-role{color:#ffffff73;font-size:10.5px}.main-content{flex-direction:column;flex:1;min-width:0;min-height:100vh;margin-left:240px;display:flex}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#ffffffd9;border-bottom:.5px solid #11111712;align-items:center;gap:14px;height:60px;padding:0 24px;display:flex;position:sticky;top:0}.topbar .topbar-title{flex:1;min-width:0}.topbar .topbar-title h1{letter-spacing:-.2px;margin:0;font-size:16px;font-weight:700}.topbar .topbar-title .topbar-sub{color:#86868f;margin-top:1px;font-size:11.5px}.topbar .topbar-search{color:#86868f;cursor:text;background:#fafafb;border:.5px solid #11111712;border-radius:10px;align-items:center;gap:8px;min-width:260px;height:36px;padding:0 12px;font-size:12.5px;transition:border-color .15s;display:flex}.topbar .topbar-search:focus-within{border-color:var(--accent,#4f46e5);background:#fff}.topbar .topbar-search input{color:#0b0b12;background:0 0;border:none;outline:none;flex:1;font-family:-apple-system,Segoe UI,system-ui,sans-serif;font-size:12.5px}.topbar .topbar-search input::placeholder{color:#86868f}.topbar .topbar-search .search-kbd{color:#86868f;background:#fff;border:.5px solid #11111712;border-radius:4px;padding:1px 6px;font-family:Cascadia Code,SF Mono,ui-monospace,Menlo,monospace;font-size:10px}.topbar .topbar-actions{align-items:center;gap:8px;display:flex}.page-content{flex:1;padding:24px}.page-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.page-header .page-title{letter-spacing:-.4px;font-size:22px;font-weight:700}.page-header .page-sub{color:#86868f;margin-top:2px;font-size:13px}.page-header .page-actions{align-items:center;gap:8px;display:flex}.filter-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}@media (width<=1200px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.kpi-grid{grid-template-columns:minmax(0,1fr)}}.kpi-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}@media (width<=900px){.kpi-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.kpi-3{grid-template-columns:minmax(0,1fr)}}.grid-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}@media (width<=900px){.grid-2{grid-template-columns:minmax(0,1fr)}}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}@media (width<=900px){.grid-3{grid-template-columns:minmax(0,1fr)}}.detail-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:16px;display:grid}@media (width<=1100px){.detail-layout{grid-template-columns:minmax(0,1fr)}}.sidebar-toggle{color:#0b0b12;cursor:pointer;background:#fff;border:.5px solid #1111171f;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:none}.sidebar-backdrop{z-index:29;opacity:0;pointer-events:none;background:#0b0b1273;transition:opacity .2s;position:fixed;inset:0}.sidebar-backdrop.show{opacity:1;pointer-events:auto}@media (width<=768px){.sidebar{z-index:30;transition:transform .2s;transform:translate(-240px)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.sidebar-toggle{display:inline-grid}.topbar{gap:10px;padding:0 14px}.topbar .topbar-search{flex:auto;min-width:0}.topbar .topbar-search .search-kbd{display:none}.topbar .topbar-title h1{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.topbar .topbar-actions{flex:none}.topbar .topbar-actions .btn,.topbar .topbar-actions .btn-primary,.topbar .topbar-actions .btn-gradient,.topbar .topbar-actions .btn-secondary,.topbar .topbar-actions .btn-soft,.topbar .topbar-actions .btn-ghost,.topbar .topbar-actions .btn-destructive,.topbar .topbar-actions .btn-danger{white-space:nowrap}.page-content{padding:16px 14px}.page-header{flex-wrap:wrap;gap:12px}.page-header .page-title{font-size:19px}.page-header .page-actions{flex-wrap:wrap}}.topbar-search-toggle{display:none}@media (width<=560px){.topbar{flex-wrap:wrap;row-gap:10px;height:auto;min-height:60px;padding:11px 14px}.topbar .topbar-search{display:none}.topbar.search-open .topbar-search{flex:1 0 100%;order:10;height:40px;display:flex}.topbar.search-open .topbar-search input{font-size:16px}.topbar .topbar-title h1{font-size:17px}.topbar .topbar-sub{display:none}:is(.topbar .topbar-actions .btn:has(>svg),.topbar .topbar-actions .btn-primary:has(>svg),.topbar .topbar-actions .btn-gradient:has(>svg),.topbar .topbar-actions .btn-secondary:has(>svg),.topbar .topbar-actions .btn-soft:has(>svg),.topbar .topbar-actions .btn-ghost:has(>svg),.topbar .topbar-actions .btn-destructive:has(>svg),.topbar .topbar-actions .btn-danger:has(>svg)){justify-content:center;gap:0;width:38px;height:38px;padding:0;font-size:0}.topbar .topbar-actions form label{display:none}.topbar .topbar-actions select{max-width:130px;min-width:0!important}.topbar-search-toggle{color:#0b0b12;cursor:pointer;background:#fff;border:.5px solid #1111171f;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:inline-grid}}@media (width<=380px){.page-content{padding:14px 12px}.topbar{gap:8px;padding:10px 12px}}*,:before,:after{box-sizing:border-box}html,body{color:#0b0b12;-webkit-font-smoothing:antialiased;background:#f6f6f8;margin:0;padding:0;font-family:-apple-system,Segoe UI,system-ui,sans-serif;font-size:16px}:root{--accent:#4f46e5;--accent-2:#7c3aed;--accent-soft:#eeedff;--accent-ink:#3f39c4}a{color:var(--accent-ink,#3f39c4);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{letter-spacing:-.3px;color:#0b0b12;margin:0;font-weight:700}p{margin:0}.text-muted{color:#86868f}.text-pos{color:#1a8754}.text-neg{color:#c8362a}.text-warn{color:#b8771a}.text-accent{color:var(--accent-ink,#3f39c4)}.fw-600{font-weight:600}.fw-700{font-weight:700}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.mono{font-family:Cascadia Code,SF Mono,ui-monospace,Menlo,monospace}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.d-flex{display:flex}.align-center{align-items:center}.justify-between{justify-content:space-between}.flex-1{flex:1;min-width:0}.auth-wrapper{background:#f6f6f8;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:#fff;border:.5px solid #11111712;border-radius:22px;width:100%;max-width:440px;padding:40px;box-shadow:0 1px #1111170a,0 1px 2px #1111170a,0 6px 16px #1111170a}.auth-logo-mark{background:linear-gradient(135deg, var(--accent,#4f46e5), var(--accent-2,#7c3aed));letter-spacing:-1px;color:#fff;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:24px;font-size:26px;font-weight:800;display:flex}.auth-title{letter-spacing:-.6px;margin-bottom:4px;font-size:28px;font-weight:700}.auth-sub{color:#86868f;margin-bottom:28px;font-size:15px}.auth-divider{color:#86868f;letter-spacing:.6px;text-transform:uppercase;align-items:center;gap:12px;margin:20px 0;font-size:11px;font-weight:600;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#11111712;flex:1;height:.5px}.auth-footer{text-align:center;color:#86868f;margin-top:20px;font-size:13px}.splash-screen{color:#fff;text-align:center;background:linear-gradient(160deg,#0b0b12 0%,#1a1233 55%,#312087 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.splash-screen .splash-blob-1{opacity:.6;background:radial-gradient(circle,#7c3aed 0%,#0000 70%);border-radius:9999px;width:300px;height:300px;position:absolute;top:80px;left:-60px}.splash-screen .splash-blob-2{opacity:.45;background:radial-gradient(circle,#06b6d4 0%,#0000 70%);border-radius:9999px;width:360px;height:360px;position:absolute;bottom:120px;right:-80px}.splash-screen .splash-logo-mark{z-index:1;background:linear-gradient(135deg,#fff 0%,#fff9 100%);border-radius:24px;justify-content:center;align-items:center;width:84px;height:84px;margin-bottom:20px;display:flex;position:relative;box-shadow:0 20px 60px #00000073,inset 0 1px #fffc}.splash-screen .splash-title{letter-spacing:-1px;z-index:1;font-size:38px;font-weight:700;position:relative}.splash-screen .splash-tagline{color:#ffffffb3;z-index:1;max-width:280px;margin-top:6px;font-size:15px;position:relative}.rev-bar-chart{align-items:flex-end;gap:4px;height:36px;margin-top:18px;display:flex}.rev-bar-chart span{background:#ffffff73;border-radius:3px;flex:1;min-height:4px;display:block}.rev-bar-chart span.active{background:#fff}.kpi-strip{background:#fff;border:.5px solid #11111712;border-radius:18px;gap:0;display:flex;overflow:hidden}.kpi-strip .kpi-strip-item{border-right:.5px solid #11111712;flex:1;padding:16px}.kpi-strip .kpi-strip-item:last-child{border-right:none}.invoice-items-table{border-collapse:collapse;width:100%;min-width:620px}.invoice-items-table th{text-align:left;letter-spacing:.6px;text-transform:uppercase;color:#86868f;background:#fafafb;padding:10px 12px;font-size:11px;font-weight:700}.invoice-items-table td{vertical-align:middle;border-bottom:.5px solid #11111712;padding:8px 12px}.invoice-items-table tbody tr:last-child td{border-bottom:none}.invoice-items-table .col-desc{width:40%}.invoice-items-table .col-qty{width:12%}.invoice-items-table .col-price{width:18%}.invoice-items-table .col-tax{width:12%}.invoice-items-table .col-total{width:15%}.invoice-items-table .col-del{width:3%}.invoice-items-table .item-input{background:#fff;border:.5px solid #1111171f;border-radius:9px;outline:none;width:100%;height:40px;padding:0 10px;font-family:-apple-system,Segoe UI,system-ui,sans-serif;font-size:14px}.invoice-items-table .item-input:focus{border-color:var(--accent,#4f46e5);box-shadow:0 0 0 3px var(--accent-soft,#eeedff)}@media (width<=640px){.invoice-items-table{min-width:0;display:block}.invoice-items-table thead{display:none}.invoice-items-table tbody{display:block}.invoice-items-table tr.item-row{border-bottom:.5px solid #11111712;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 10px;padding:12px 14px;display:grid}.invoice-items-table tbody tr:last-child{border-bottom:none}.invoice-items-table td{padding:0;display:block;border:none!important}.invoice-items-table td:first-child{grid-column:1/-1}.invoice-items-table td:nth-child(2):before,.invoice-items-table td:nth-child(3):before,.invoice-items-table td:nth-child(4):before{letter-spacing:.5px;text-transform:uppercase;color:#86868f;margin-bottom:4px;font-size:10.5px;font-weight:700;display:block}.invoice-items-table td:nth-child(2):before{content:"Qty"}.invoice-items-table td:nth-child(3):before{content:"Unit price"}.invoice-items-table td:nth-child(4):before{content:"Tax %"}.invoice-items-table td:nth-child(5){grid-column:1/3;align-self:center}.invoice-items-table td:nth-child(5):before{content:"Line total  ";white-space:pre;color:#86868f;font-size:12px;font-weight:500}.invoice-items-table td:nth-child(6){justify-self:end}.invoice-items-table .item-input{font-size:16px}}.invoice-summary{background:#fff;border:.5px solid #11111712;border-radius:18px;padding:16px;box-shadow:0 1px #1111170a,0 1px 2px #1111170a,0 6px 16px #1111170a}.invoice-summary .summary-row{color:#46464f;border-bottom:.5px solid #11111712;justify-content:space-between;padding:6px 0;font-size:14px;display:flex}.invoice-summary .summary-row:last-child{border-bottom:none}.invoice-summary .summary-row.summary-total{color:#0b0b12;padding-top:10px;font-size:16px;font-weight:700}.status-pill{padding:5px 12px;font-size:12px}.customer-hero{align-items:center;gap:20px;padding:20px 0 0;display:flex}.customer-hero .customer-meta{flex:1}.customer-hero .customer-meta .customer-name{letter-spacing:-.4px;font-size:22px;font-weight:700}.customer-hero .customer-meta .customer-email{color:#86868f;margin-top:3px;font-size:13px}.waterfall-chart{align-items:flex-end;gap:4px;height:100px;padding:12px 0 4px;display:flex}.waterfall-chart .bar-col{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.waterfall-chart .bar-col .bar{border-radius:6px;width:100%;min-height:8px}.waterfall-chart .bar-col .bar-label{color:#86868f;font-size:10px;font-weight:600}.waterfall-chart .bar-col .bar-value{font-variant-numeric:tabular-nums;font-size:10.5px;font-weight:700}.settings-section{margin-bottom:24px}.settings-section .settings-section-title{letter-spacing:.6px;text-transform:uppercase;color:#86868f;border-bottom:.5px solid #11111712;margin-bottom:12px;padding-bottom:8px;font-size:13px;font-weight:700}.settings-row{border-bottom:.5px solid #11111712;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.settings-row:last-child{border-bottom:none}.settings-row .settings-row-label{color:#0b0b12;font-size:14px;font-weight:500}.settings-row .settings-row-sub{color:#86868f;margin-top:2px;font-size:12px}.danger-zone{background:#fbeae7;border:1px solid #c8362a33;border-radius:18px;padding:20px}.danger-zone h3{color:#c8362a;margin-bottom:4px;font-size:15px}.danger-zone p{color:#c8362a;opacity:.8;font-size:13px}@media (width<=640px){.auth-wrapper{align-items:flex-start;padding:16px}.auth-card{border-radius:18px;padding:26px 20px}.auth-logo-mark{border-radius:13px;width:44px;height:44px;margin-bottom:18px;font-size:22px}.auth-title{letter-spacing:-.4px;font-size:23px}.auth-sub{margin-bottom:22px;font-size:14px}}@media (width<=380px){.auth-wrapper{padding:12px}.auth-card{padding:22px 16px}.auth-title{font-size:21px}}@media print{.sidebar,.topbar,.no-print{display:none!important}.main-content{margin-left:0}.page-content{padding:0}}