@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
        body{font-family:'Inter',sans-serif;background-color:#f8fafc;-webkit-tap-highlight-color:transparent;}
        .skip-link{position:absolute;left:1rem;top:-3rem;z-index:10000;background:#111827;color:#fff;padding:.75rem 1rem;border-radius:.75rem;font-weight:700;transition:top .2s ease;}
        .skip-link:focus{top:1rem;}
        input[type="text"],input[type="number"],input[type="password"],input[type="date"],input[type="month"],select,textarea{border:1.5px solid #e2e8f0!important;border-radius:0.75rem!important;padding:0.75rem 1rem!important;outline:none!important;transition:all 0.2s cubic-bezier(0.4,0,0.2,1)!important;width:100%;height:48px!important;background-color:#f8fafc!important;color:#334155!important;font-size:0.875rem!important;font-weight:600!important;box-shadow:0 1px 2px 0 rgba(0,0,0,0.05)!important;box-sizing:border-box;}
        input:focus,select:focus,textarea:focus{border-color:#3b82f6!important;background-color:#ffffff!important;box-shadow:0 0 0 4px rgba(59,130,246,0.15)!important;}
        button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(37,99,235,.35)!important;outline-offset:2px;}
        input.search-input,input[type="text"].search-input{padding-left:2.75rem!important;}
        .limit-select{padding:0.4rem 1.5rem 0.4rem 0.75rem!important;height:auto!important;width:auto!important;}
        select{appearance:none!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")!important;background-position:right 1rem center!important;background-repeat:no-repeat!important;background-size:1.2em 1.2em!important;padding-right:2.5rem!important;cursor:pointer;}
        textarea{min-height:80px;height:auto!important;resize:vertical;}
        #pos-qty,#pos-unit{height:52px!important;}#pos-qty,#new-exp-amount,#pos-discount,#pos-dp,#search-invoice,#pos-p,#pos-l{font-size:1.125rem!important;font-weight:800!important;}
        #pos-qty,#search-invoice,#pos-p,#pos-l{text-align:center!important;}
        #new-exp-amount{color:#dc2626!important;}#pos-dp{color:#16a34a!important;}#pos-discount{color:#ea580c!important;}
        .pb-safe{padding-bottom:env(safe-area-inset-bottom);}
        .no-scrollbar::-webkit-scrollbar{display:none;}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none;}
        .preview-scroll::-webkit-scrollbar{width:6px;height:6px;}.preview-scroll::-webkit-scrollbar-track{background:transparent;}.preview-scroll::-webkit-scrollbar-thumb{background:#6b7280;border-radius:10px;}
        #modal-add-customer,#modal-edit-customer,#modal-add-product,#modal-edit-product,#modal-add-expense,#modal-add-user,#modal-edit-user,#modal-add-category,#modal-edit-category,#modal-confirm{align-items:center!important;justify-content:center!important;padding:1rem!important;overflow-y:auto!important;}
        #modal-add-customer > div,#modal-edit-customer > div,#modal-add-product > div,#modal-edit-product > div,#modal-add-expense > div,#modal-add-user > div,#modal-edit-user > div,#modal-add-category > div,#modal-edit-category > div,#modal-confirm > div{border-radius:1.5rem!important;max-height:calc(100dvh - 2rem);margin:auto;}
        #modal-add-customer > div > .p-6,#modal-edit-customer > div > .p-6,#modal-add-product > div > .p-6,#modal-edit-product > div > .p-6,#modal-add-expense > div > .p-6,#modal-add-user > div > .p-6,#modal-edit-user > div > .p-6,#modal-add-category > div > .p-6,#modal-edit-category > div > .p-6{max-height:calc(100dvh - 8rem);overflow-y:auto;}
        #toast{max-width:min(92vw,28rem);}
        @media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}}
        @media (max-width:640px){
            #toast{left:1rem;right:1rem;top:1rem;max-width:none;}
            #modal-add-customer,#modal-edit-customer,#modal-add-product,#modal-edit-product,#modal-add-expense,#modal-add-user,#modal-edit-user,#modal-add-category,#modal-edit-category,#modal-confirm{padding:.75rem!important;}
            #modal-add-customer > div,#modal-edit-customer > div,#modal-add-product > div,#modal-edit-product > div,#modal-add-expense > div,#modal-add-user > div,#modal-edit-user > div,#modal-add-category > div,#modal-edit-category > div,#modal-confirm > div{width:100%;max-height:calc(100dvh - 1.5rem);}
        }
        @media print{body{background-color:#ffffff!important;margin:0!important;padding:0!important;}body > *:not(#modal-invoice){display:none!important;}#modal-invoice{position:static!important;left:auto!important;top:auto!important;background:transparent!important;display:block!important;width:100%!important;height:auto!important;padding:0!important;margin:0!important;overflow:visible!important;}#modal-invoice > div.z-50,.no-print,p.animate-pulse{display:none!important;}#invoice-scroll-container{display:block!important;position:static!important;overflow:visible!important;padding:0!important;margin:0!important;height:auto!important;width:100%!important;}#invoice-capture-wrapper{transform:none!important;margin:0!important;padding:0!important;display:block!important;width:100%!important;height:auto!important;}#invoice-capture{margin:0 auto!important;padding:0!important;display:block!important;width:198mm!important;}#invoice-capture > div{box-shadow:none!important;margin:0 auto!important;border:none!important;page-break-after:auto!important;break-inside:auto!important;page-break-inside:auto!important;}#invoice-capture table{page-break-inside:auto!important;}#invoice-capture thead{display:table-header-group!important;}#invoice-capture tr{page-break-inside:avoid!important;break-inside:avoid!important;}.invoice-a5-pages{width:198mm!important;margin:0 auto!important;}.invoice-a5-page{width:198mm!important;height:138mm!important;margin:0 auto!important;padding:5mm!important;box-shadow:none!important;break-inside:avoid!important;page-break-inside:avoid!important;}.invoice-a5-page:not(:last-child){break-after:page!important;page-break-after:always!important;}.invoice-a5{width:198mm!important;padding:5mm!important;min-height:0!important;}.invoice-watermark{position:absolute!important;inset:0!important;transform:none!important;display:flex!important;align-items:center!important;justify-content:center!important;opacity:.04!important;z-index:0!important;}.invoice-watermark span{font-size:72px!important;}@page{size:A5 landscape;margin:5mm;}}
        .lazy-spinner{border:3px solid rgba(255,255,255,0.3);border-radius:50%;border-top:3px solid #fff;width:16px;height:16px;animation:spin 1s linear infinite;display:inline-block;margin-right:8px;}
        .busy-ring{width:2.4rem;height:2.4rem;border-radius:999px;border:3px solid #bfdbfe;border-top-color:#2563eb;animation:spin .8s linear infinite;flex-shrink:0;}
        .busy-card{transform:translateY(0);transition:transform .2s ease,opacity .2s ease;}
        .loading-skeleton{position:relative;overflow:hidden;background:#e2e8f0;border-radius:.75rem;}
        .loading-skeleton::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:skeleton 1.1s linear infinite;}
        @keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
        @keyframes skeleton{100%{transform:translateX(100%);}}
        .sidebar-transition{transition:width 0.3s cubic-bezier(0.4,0,0.2,1);overflow:hidden;}
        .sidebar-mini{width:5.5rem!important;}.sidebar-mini .nav-label,.sidebar-mini .logout-text{display:none!important;}.sidebar-mini #sidebar-user-info{display:none!important;}.sidebar-mini #sidebar-logo{display:none!important;}.sidebar-mini #sidebar-logo-icon{display:flex!important;margin:0 auto;}.sidebar-mini #sidebar-nav button{justify-content:center;padding-left:0;padding-right:0;}.sidebar-mini #sidebar-nav button i{margin:0;}
        .pos-subtotal-card{background:linear-gradient(135deg,#f8fafc,#eef6ff);border:1px solid #dbeafe;box-shadow:0 10px 24px rgba(37,99,235,0.10);}
        .dashboard-card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:1.25rem;box-shadow:0 10px 30px rgba(15,23,42,.06);}.dashboard-stat-card{min-height:120px;}.dashboard-section-title{display:flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#0f172a;}.dashboard-quick-btn{height:88px;border:1px solid var(--dash-border);border-radius:.9rem;background:var(--dash-bg);color:var(--dash-text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;font-size:.72rem;font-weight:900;transition:all .18s ease;}.dashboard-quick-btn:hover{transform:translateY(-1px);background:var(--dash-hover);box-shadow:0 8px 18px rgba(15,23,42,.08);}.dashboard-soft-card{border:1px solid var(--dash-border);border-radius:.9rem;background:var(--dash-bg);}.dashboard-stat-card-tone{border-color:var(--dash-border);}.dashboard-tone-text{color:var(--dash-text)!important;}.dashboard-tone-soft{color:var(--dash-soft)!important;}.dashboard-icon-bubble{width:2.5rem;height:2.5rem;border-radius:.9rem;background:var(--dash-bg);color:var(--dash-text);display:flex;align-items:center;justify-content:center;}.dash-tone-blue{--dash-bg:#eff6ff;--dash-hover:#dbeafe;--dash-border:#bfdbfe;--dash-text:#2563eb;--dash-soft:#60a5fa;}.dash-tone-green{--dash-bg:#f0fdf4;--dash-hover:#dcfce7;--dash-border:#bbf7d0;--dash-text:#16a34a;--dash-soft:#4ade80;}.dash-tone-red{--dash-bg:#fef2f2;--dash-hover:#fee2e2;--dash-border:#fecaca;--dash-text:#dc2626;--dash-soft:#f87171;}.dash-tone-orange{--dash-bg:#fff7ed;--dash-hover:#ffedd5;--dash-border:#fed7aa;--dash-text:#ea580c;--dash-soft:#fb923c;}.dash-tone-emerald{--dash-bg:#ecfdf5;--dash-hover:#d1fae5;--dash-border:#a7f3d0;--dash-text:#059669;--dash-soft:#34d399;}.dashboard-alert-row{display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;border:1px solid #f1f5f9;border-radius:.8rem;background:#fff;}.dashboard-alert-row span{width:1.65rem;height:1.65rem;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:900;flex-shrink:0;}.dashboard-alert-row p{font-size:.86rem;font-weight:800;color:#334155;margin:0;}
        .invoice-actions{gap:0.3rem!important;flex-wrap:nowrap!important;white-space:nowrap!important;}.invoice-icon-btn{width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;border-radius:0.7rem;box-shadow:0 1px 2px rgba(15,23,42,0.06);transition:all .18s ease;}.invoice-status-btn{height:2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:0.7rem;padding:0 .65rem;color:#fff;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;box-shadow:0 2px 6px rgba(15,23,42,0.12);transition:all .18s ease;white-space:nowrap;}
        .invoice-toolbar{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:.75rem;width:100%;align-items:start;}
        .invoice-toolbar-search{min-width:0;}
        .invoice-toolbar-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;padding:.35rem;background:#f3f4f6;border-radius:1rem;}
        .invoice-filter-btn{min-height:2.75rem;padding:.55rem .85rem;font-size:.68rem;line-height:1.1;text-align:center;}
        .invoice-toolbar-export{display:flex;gap:.5rem;justify-content:flex-end;}
        .invoice-toolbar-export button{min-height:2.75rem;}
        .invoice-table-shell{position:relative;}
        .invoice-table-loading{position:absolute;inset:0;background:rgba(255,255,255,.72);backdrop-filter:blur(1px);display:flex;align-items:center;justify-content:center;z-index:2;}
        .invoice-table-loading.hidden{display:none;}
        .invoice-table-loading-card{display:flex;align-items:center;gap:.75rem;background:#fff;border:1px solid #dbeafe;border-radius:1rem;padding:.85rem 1rem;box-shadow:0 10px 25px rgba(37,99,235,.08);}
        .inline-loader{width:1rem;height:1rem;border-radius:999px;border:2px solid #bfdbfe;border-top-color:#2563eb;animation:spin .8s linear infinite;flex-shrink:0;}
        @media (max-width:1279px){.invoice-toolbar{grid-template-columns:minmax(0,1fr);}.invoice-toolbar-export{justify-content:stretch;}.invoice-toolbar-export button{flex:1 1 0;}}
        @media (max-width:767px){.invoice-toolbar-filters{grid-template-columns:repeat(2,minmax(0,1fr));}.invoice-filter-btn{font-size:.62rem;padding:.6rem .55rem;}.invoice-toolbar-export{flex-wrap:wrap;}}
        @media (min-width:1024px){.desktop-table-wrap{overflow-x:visible!important;}.desktop-fit-table{table-layout:fixed;width:100%;}.desktop-fit-table th,.desktop-fit-table td{white-space:normal!important;word-break:normal;overflow-wrap:anywhere;vertical-align:middle;}.desktop-fit-table .fit-nowrap{white-space:nowrap!important;overflow-wrap:normal;}.desktop-fit-table .fit-money{text-align:right;white-space:normal!important;}.desktop-fit-table .fit-actions{white-space:normal!important;}.desktop-fit-table .fit-actions-inner{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0.35rem;}.desktop-fit-table .fit-divider{display:none!important;}}

        .status-shell{display:flex;flex-direction:column;gap:1rem;padding-bottom:1.5rem;}
        .status-hero{background:linear-gradient(135deg,#eff6ff,#ffffff);border:1px solid #dbeafe;border-radius:1.5rem;padding:1.35rem;box-shadow:0 12px 28px rgba(37,99,235,.08);}
        .status-hero-copy{display:flex;gap:1rem;align-items:flex-start;}
        .status-hero-icon{width:3.5rem;height:3.5rem;border-radius:1.15rem;background:#dbeafe;color:#2563eb;display:flex;align-items:center;justify-content:center;flex:0 0 3.5rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.7);}
        .status-hero-label{margin:0 0 .35rem;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#2563eb;}
        .status-hero-title{margin:0 0 .45rem;font-size:1.65rem;line-height:1.1;font-weight:900;color:#0f172a;}
        .status-hero-text{margin:0;max-width:46rem;font-size:.95rem;line-height:1.6;font-weight:600;color:#475569;}
        .status-search-panel{background:#fff;border:1px solid #e5e7eb;border-radius:1.25rem;padding:1rem;box-shadow:0 10px 24px rgba(15,23,42,.05);}
        .status-search-row{position:relative;display:flex;flex-direction:column;gap:.75rem;}
        .status-search-icon{position:absolute;left:1rem;top:1.05rem;width:1.1rem;height:1.1rem;color:#9ca3af;pointer-events:none;}
        .status-search-row input{padding-right:1rem!important;}
        .status-search-btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;background:#2563eb;color:#fff;border:none;border-radius:1rem;padding:.85rem 1.25rem;font-size:.92rem;font-weight:800;box-shadow:0 12px 24px rgba(37,99,235,.18);transition:all .18s ease;}
        .status-search-btn:hover{background:#1d4ed8;transform:translateY(-1px);}
        .status-search-help{margin:.75rem 0 0;font-size:.78rem;font-weight:700;color:#94a3b8;}
        .status-loading-card{display:flex;align-items:center;gap:.75rem;background:#fff;border:1px solid #dbeafe;border-radius:1.1rem;padding:1rem 1.1rem;color:#2563eb;font-weight:800;box-shadow:0 10px 24px rgba(37,99,235,.08);margin-top:1rem;}
        .status-result-grid{display:grid;gap:1rem;margin-top:1rem;}
        .tracking-card{background:#fff;border:1px solid #e5e7eb;border-radius:1.5rem;padding:1.25rem;box-shadow:0 14px 30px rgba(15,23,42,.06);}
        .status-badge-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;align-items:flex-start;margin-bottom:1rem;}
        .tracking-kicker{margin:0 0 .35rem;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#64748b;}
        .tracking-customer-name{margin:0 0 .25rem;font-size:1.35rem;line-height:1.15;font-weight:900;color:#0f172a;}
        .tracking-meta-line{margin:0;font-size:.88rem;font-weight:700;color:#64748b;}
        .status-chip-group{display:flex;flex-wrap:wrap;gap:.5rem;}
        .status-chip,.tracking-stage-badge{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .75rem;border-radius:.85rem;font-size:.72rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 3px 10px rgba(15,23,42,.05);}
        .status-payment-banner{display:flex;gap:.9rem;align-items:flex-start;border-radius:1.25rem;padding:1rem 1.1rem;border:1px solid #e5e7eb;margin-bottom:1rem;}
        .status-payment-banner.danger{background:#fef2f2;border-color:#fecaca;}
        .status-payment-banner.warning{background:#fff7ed;border-color:#fed7aa;}
        .status-payment-banner.success{background:#f0fdf4;border-color:#bbf7d0;}
        .status-payment-dot{width:.85rem;height:.85rem;border-radius:999px;display:block;flex:0 0 .85rem;margin-top:.35rem;background:#cbd5e1;}
        .status-payment-banner.danger .status-payment-dot{background:#ef4444;}
        .status-payment-banner.warning .status-payment-dot{background:#f59e0b;}
        .status-payment-banner.success .status-payment-dot{background:#22c55e;}
        .status-payment-label{margin:0 0 .35rem;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#64748b;}
        .status-payment-title{margin:0;font-size:1.3rem;line-height:1.15;font-weight:900;color:#0f172a;}
        .status-payment-banner.danger .status-payment-title{color:#dc2626;}
        .status-payment-banner.warning .status-payment-title{color:#d97706;}
        .status-payment-banner.success .status-payment-title{color:#15803d;}
        .status-payment-text{margin:.35rem 0 0;font-size:.86rem;line-height:1.6;font-weight:600;color:#475569;}
        .tracking-block{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1.25rem;padding:1rem 1.05rem;}
        .tracking-block-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem;}
        .tracking-section-label{margin:0 0 .25rem;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#64748b;}
        .tracking-section-title{margin:0;font-size:1.05rem;font-weight:900;color:#0f172a;}
        .tracking-list{display:grid;gap:1rem;}
        .tracking-step{position:relative;display:flex;gap:.8rem;align-items:flex-start;}
        .tracking-step:not(:last-child)::before{content:"";position:absolute;left:.72rem;top:1.8rem;bottom:-1rem;width:2px;background:#e2e8f0;}
        .tracking-step-marker{width:1.5rem;height:1.5rem;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:.92rem;font-weight:900;flex:0 0 1.5rem;background:#fff;border:2px solid #cbd5e1;position:relative;z-index:1;line-height:1;}
        .tracking-step-done .tracking-step-marker{color:#16a34a;border-color:#86efac;background:#f0fdf4;}
        .tracking-step-active .tracking-step-marker{color:#2563eb;border-color:#93c5fd;background:#eff6ff;}
        .tracking-step-pending .tracking-step-marker{color:#94a3b8;border-color:#cbd5e1;background:#fff;}
        .tracking-step-title{margin:0;font-size:.95rem;font-weight:800;line-height:1.35;color:#0f172a;}
        .tracking-step-text{margin:.2rem 0 0;font-size:.82rem;font-weight:600;line-height:1.5;color:#64748b;}
        .tracking-summary-card{display:flex;flex-direction:column;gap:1rem;}
        .tracking-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;}
        .tracking-info-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;padding:.85rem .95rem;min-width:0;}
        .tracking-info-label{display:block;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#64748b;}
        .tracking-info-value{display:block;margin-top:.2rem;font-size:.95rem;font-weight:800;color:#0f172a;overflow-wrap:anywhere;}
        .tracking-total-box{background:#0f172a;color:#fff;border-radius:1.25rem;padding:1rem 1.05rem;box-shadow:0 14px 28px rgba(15,23,42,.18);}
        .tracking-total-head{margin:0 0 .85rem;font-size:.8rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#cbd5e1;}
        .tracking-total-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.45rem 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:.9rem;font-weight:700;}
        .tracking-total-row:last-child{border-bottom:none;padding-bottom:0;}
        .tracking-total-row strong{font-size:1rem;font-weight:900;color:#fff;}
        .tracking-total-row.sisa strong{color:#fca5a5;}
        .status-open-invoice-btn{width:100%;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border:2px solid #dbeafe;background:#eff6ff;color:#1d4ed8;border-radius:1rem;padding:.85rem 1rem;font-weight:800;box-shadow:0 8px 20px rgba(37,99,235,.08);transition:all .18s ease;}
        .status-open-invoice-btn:hover{background:#dbeafe;border-color:#93c5fd;}
        .status-empty-card{margin-top:1rem;background:#fff;border:1px solid #fee2e2;border-radius:1.25rem;padding:1.1rem 1.2rem;color:#dc2626;font-weight:700;box-shadow:0 12px 24px rgba(239,68,68,.08);}
        @media (min-width:900px){.status-result-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.95fr);}.status-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;}}
        @media (max-width:640px){.status-shell{gap:.85rem;}.status-hero{padding:1.1rem;}.status-hero-copy{flex-direction:column;}.status-hero-title{font-size:1.35rem;}.tracking-info-grid{grid-template-columns:1fr;}.tracking-card{padding:1rem;}.status-payment-banner{padding:.9rem;}.tracking-block{padding:.9rem;}}

@import url(''https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap'');

body{font-family:'Plus Jakarta Sans',sans-serif;background:
radial-gradient(circle at top left,rgba(59,130,246,.10),transparent 30%),
radial-gradient(circle at top right,rgba(14,165,233,.08),transparent 28%),
#f5f7fb;}

.dashboard-topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;}
.dashboard-topbar-left,.dashboard-topbar-right{display:flex;align-items:center;gap:1rem;min-width:0;}
.dashboard-topbar-left{flex:1 1 auto;}
.dashboard-topbar-right{justify-content:flex-end;}
.dashboard-topbar-copy{display:grid;gap:.2rem;min-width:0;}
.dashboard-topbar-mobile-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.65rem;}
.dashboard-topbar-mobile-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .7rem;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0;color:#475569;font-size:.68rem;font-weight:800;box-shadow:0 6px 18px rgba(15,23,42,.04);}
.dashboard-topbar-profile{display:flex;align-items:center;gap:.75rem;padding:.35rem .5rem .35rem .35rem;border:1px solid #e2e8f0;border-radius:1.25rem;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.06);min-width:0;}
.dashboard-topbar-avatar{width:2.6rem;height:2.6rem;border-radius:1rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.dashboard-topbar-bell{position:relative;overflow:visible;}
.dashboard-topbar-bell-badge{position:absolute;top:-.2rem;right:-.15rem;min-width:1.1rem;height:1.1rem;padding:0 .2rem;border-radius:999px;background:#ef4444;color:#fff;font-size:.62rem;font-weight:900;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 8px 16px rgba(239,68,68,.25);}
.mobile-nav-btn{position:relative;border-radius:1rem;min-height:4.7rem;justify-content:flex-end;padding:.5rem .16rem .82rem;gap:.28rem;flex:1 1 0;min-width:0;}
.mobile-nav-btn i{display:block!important;width:1.28rem;height:1.28rem;color:inherit;stroke-width:2.2;opacity:.98;flex-shrink:0;}
.mobile-nav-btn .mobile-nav-label{color:inherit;display:flex;align-items:flex-start;justify-content:center;max-width:4.5rem;min-height:1.35rem;text-align:center;line-height:1.08;letter-spacing:-.01em;}
.mobile-nav-btn.is-active{color:#2563eb!important;}
.mobile-nav-btn.is-active::before{content:'';position:absolute;top:.15rem;left:50%;transform:translateX(-50%);width:2rem;height:.22rem;border-radius:999px;background:linear-gradient(90deg,#2563eb,#60a5fa);}
.mobile-nav-fab-wrap{min-height:6.55rem;align-items:flex-end;padding-bottom:.08rem;}
.mobile-nav-fab{width:4.45rem;height:4.45rem;padding:0!important;border-radius:999px;}
.mobile-nav-fab.is-active{transform:translateY(-2px) scale(1.02);box-shadow:0 18px 36px rgba(37,99,235,.32);}
.mobile-nav-fab-label{position:absolute;left:50%;bottom:.08rem;transform:translateX(-50%);font-size:.66rem;font-weight:900;color:#0f172a;line-height:1.02;display:block;max-width:4.5rem;text-align:center;margin:0 auto;}
.sidebar-transition{transition:width .28s ease,transform .28s ease,opacity .28s ease;overflow:hidden;}
.sidebar-mini{width:5.8rem!important;}
.sidebar-mini #sidebar-brand-title,.sidebar-mini #sidebar-brand-subtitle,.sidebar-mini .logout-text{display:none!important;}
.sidebar-mini #sidebar-logo{display:none!important;}
.sidebar-mini #sidebar-logo-icon{display:flex!important;}
.sidebar-mini #sidebar-nav .sidebar-nav-label{display:none!important;}
.sidebar-mini #sidebar-nav button{justify-content:center!important;padding-left:0!important;padding-right:0!important;}
.sidebar-nav-btn{display:flex;align-items:center;gap:.9rem;width:100%;padding:.95rem 1rem;border-radius:1.2rem;color:#334155;font-size:.95rem;font-weight:800;transition:all .2s ease;border:1px solid transparent;background:transparent;}
.sidebar-nav-btn:hover{background:#f8fafc;border-color:#e2e8f0;color:#0f172a;transform:translateX(2px);}
.sidebar-nav-btn.is-active{background:linear-gradient(135deg,#eff6ff,#ffffff);border-color:#bfdbfe;color:#2563eb;box-shadow:0 12px 26px rgba(37,99,235,.10);}
.sidebar-nav-btn i{width:1.15rem;height:1.15rem;flex-shrink:0;}
.mock-page{display:grid;gap:1.25rem;min-width:0;}
.mock-hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,1fr);gap:1.25rem;align-items:start;}
.mock-hero-card{position:relative;overflow:hidden;border-radius:2rem;padding:1.6rem;background:linear-gradient(135deg,#1d4ed8,#2563eb 55%,#60a5fa);color:#fff;min-height:260px;box-shadow:0 26px 60px rgba(37,99,235,.24);}
.mock-hero-card::before{content:'';position:absolute;width:240px;height:240px;border-radius:999px;background:rgba(255,255,255,.12);right:-70px;top:-70px;}
.mock-hero-card::after{content:'';position:absolute;width:180px;height:180px;border-radius:2.4rem;background:rgba(255,255,255,.10);right:1.5rem;bottom:-1.2rem;transform:rotate(18deg);}
.mock-hero-eyebrow{font-size:.88rem;font-weight:800;letter-spacing:.02em;color:rgba(255,255,255,.88);margin:0 0 .5rem;}
.mock-hero-total{font-size:3rem;line-height:1;font-weight:900;letter-spacing:-.04em;margin:0;}
.mock-hero-note{font-size:.95rem;font-weight:700;color:rgba(255,255,255,.88);margin:.8rem 0 0;}
.mock-pill-rise{display:inline-flex;align-items:center;gap:.4rem;margin-top:1rem;padding:.6rem .85rem;border-radius:1rem;background:rgba(52,211,153,.2);color:#ecfdf5;font-size:.9rem;font-weight:900;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);}
.mock-hero-visual{position:absolute;right:1.3rem;bottom:1rem;display:flex;flex-direction:column;align-items:flex-end;gap:.65rem;z-index:1;}
.mock-hero-device{width:200px;height:128px;border-radius:1.8rem;background:linear-gradient(155deg,rgba(255,255,255,.3),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;box-shadow:0 18px 34px rgba(15,23,42,.18);}
.mock-hero-sheet{display:none;}
.mock-dot-row{display:flex;gap:.45rem;margin-top:1.1rem;}
.mock-dot{width:.5rem;height:.5rem;border-radius:999px;background:rgba(255,255,255,.32);}
.mock-dot.is-active{width:1.5rem;background:#fff;}
.mock-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;}
.mock-stat-card,.mock-card{background:rgba(255,255,255,.95);border:1px solid #e2e8f0;border-radius:1.6rem;padding:1.2rem;box-shadow:0 14px 32px rgba(15,23,42,.06);}
.mock-stat-card{display:grid;gap:.7rem;min-height:132px;}
.mock-stat-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;}
.mock-icon-chip{width:2.9rem;height:2.9rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.mock-tone-orange{background:#fff7ed;color:#f97316;}
.mock-tone-red{background:#fef2f2;color:#ef4444;}
.mock-tone-green{background:#f0fdf4;color:#16a34a;}
.mock-tone-blue{background:#eff6ff;color:#2563eb;}
.mock-tone-violet{background:#f5f3ff;color:#7c3aed;}
.mock-title{font-size:.9rem;font-weight:800;color:#334155;margin:0;}
.mock-value{font-size:2rem;line-height:1;font-weight:900;letter-spacing:-.03em;color:#0f172a;margin:0;}
.mock-subtext{font-size:.83rem;font-weight:700;color:#64748b;margin:0;line-height:1.5;}
.mock-layout-desktop{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:1.15rem;align-items:start;}
.mock-layout-desktop .mock-main-stack,.mock-layout-desktop .mock-side-stack{display:grid;gap:1.25rem;}
.mock-section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;}
.mock-section-title{font-size:1.08rem;font-weight:900;color:#0f172a;letter-spacing:-.02em;margin:0;}
.mock-section-copy{font-size:.86rem;font-weight:600;color:#64748b;margin:.15rem 0 0;}
.mock-link-btn{display:inline-flex;align-items:center;gap:.45rem;font-size:.82rem;font-weight:800;color:#2563eb;}
.mock-select-pill,.mock-soft-pill{display:inline-flex;align-items:center;gap:.45rem;border-radius:1rem;border:1px solid #e2e8f0;background:#fff;padding:.7rem .95rem;font-size:.8rem;font-weight:800;color:#334155;box-shadow:0 8px 20px rgba(15,23,42,.04);}
.mock-payment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;}
.mock-payment-grid-hero{grid-template-columns:repeat(2,minmax(0,1fr));}
.mock-payment-card{border-radius:1.35rem;padding:1rem 1rem 1.05rem;border:1px solid #e2e8f0;background:#fff;display:grid;gap:.55rem;box-shadow:0 12px 26px rgba(15,23,42,.04);min-width:0;overflow:hidden;}
.mock-payment-card.tone-emerald{background:#f0fdf4;border-color:#bbf7d0;}
.mock-payment-card.tone-blue{background:#eff6ff;border-color:#bfdbfe;}
.mock-payment-card.tone-violet{background:#f5f3ff;border-color:#ddd6fe;}
.mock-payment-card.tone-orange{background:#fff7ed;border-color:#fed7aa;}
.mock-payment-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;}
.mock-payment-label{font-size:.85rem;font-weight:900;color:#0f172a;margin:0;}
.mock-payment-amount{font-size:1.6rem;font-weight:900;letter-spacing:-.03em;color:#0f172a;margin:0;}
.mock-payment-share{font-size:.8rem;font-weight:700;color:#64748b;margin:0;}
.mock-chart-shell{display:grid;gap:1rem;}
.mock-chart-area{height:280px;border-radius:1.5rem;background:linear-gradient(180deg,rgba(37,99,235,.05),rgba(37,99,235,.01));border:1px solid #dbeafe;padding:1rem 1rem .75rem;display:grid;grid-template-rows:1fr auto;position:relative;}
.mock-chart-svg{width:100%;height:100%;display:block;overflow:visible;}
.mock-chart-labels{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.45rem;margin-top:.6rem;}
.mock-chart-label{font-size:.74rem;font-weight:800;color:#64748b;text-align:center;}
.mock-chart-tooltip{display:none;}
.mock-chart-tooltip strong{display:block;font-size:.9rem;font-weight:900;color:#0f172a;}
.mock-chart-tooltip span{display:block;font-size:.78rem;font-weight:700;color:#64748b;}
.mock-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;}
.mock-status-card{border-radius:1.35rem;padding:1.1rem;background:#fff;border:1px solid #e2e8f0;box-shadow:0 12px 26px rgba(15,23,42,.04);display:grid;gap:.5rem;min-width:0;overflow:hidden;}
.mock-status-card.tone-orange{background:#fff7ed;border-color:#fed7aa;}
.mock-status-card.tone-blue{background:#eff6ff;border-color:#bfdbfe;}
.mock-status-card.tone-violet{background:#f5f3ff;border-color:#ddd6fe;}
.mock-status-card.tone-green{background:#f0fdf4;border-color:#bbf7d0;}
.mock-status-label{font-size:.86rem;font-weight:900;margin:0;}
.mock-status-card strong{font-size:2rem;line-height:1;font-weight:900;color:#0f172a;}
.mock-status-card span{font-size:.8rem;font-weight:700;color:#64748b;}
.mock-category-list,.mock-activity-list,.mock-transaction-mini-list{display:grid;gap:.85rem;}
.mock-category-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;min-width:0;}
.mock-category-item .mock-title{font-size:.9rem;line-height:1.35;word-break:break-word;}
.mock-payment-amount{font-size:1.2rem;line-height:1.1;font-weight:900;color:#0f172a;word-break:break-word;}
.mock-payment-share{font-size:.72rem;line-height:1.45;color:#64748b;font-weight:700;word-break:break-word;}
.mock-subtext{font-size:.8rem;line-height:1.45;word-break:break-word;}
.mock-category-icon{width:2rem;height:2rem;border-radius:.8rem;display:flex;align-items:center;justify-content:center;background:#eff6ff;color:#2563eb;}
.mock-category-bar{height:.45rem;border-radius:999px;background:#e2e8f0;overflow:hidden;}
.mock-category-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2563eb,#60a5fa);}
.mock-activity-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.85rem;align-items:flex-start;padding:1rem;border-radius:1.25rem;border:1px solid #eef2f7;background:#fff;}
.mock-activity-icon{width:2.7rem;height:2.7rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;background:#ecfeff;color:#0891b2;}
.mock-activity-title{font-size:.9rem;font-weight:900;color:#0f172a;margin:0;}
.mock-activity-desc{font-size:.8rem;font-weight:700;color:#64748b;margin:.25rem 0 0;line-height:1.5;}
.mock-activity-time{font-size:.8rem;font-weight:800;color:#64748b;white-space:nowrap;}
.mock-mini-transaction{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.8rem;align-items:center;padding:.95rem 0;border-bottom:1px solid #eef2f7;}
.mock-mini-transaction:last-child{border-bottom:none;padding-bottom:0;}
.mock-mini-date{width:3.4rem;border-radius:1rem;background:#f8fafc;border:1px solid #e2e8f0;padding:.55rem .35rem;text-align:center;}
.mock-mini-date strong{display:block;font-size:1rem;font-weight:900;color:#0f172a;line-height:1;}
.mock-mini-date span{display:block;font-size:.7rem;font-weight:800;color:#64748b;line-height:1.2;margin-top:.2rem;}
.mock-mini-main strong{display:block;font-size:.9rem;font-weight:900;color:#0f172a;}
.mock-mini-main span{display:block;font-size:.75rem;font-weight:700;color:#64748b;margin-top:.25rem;}
.mock-mini-total{font-size:.96rem;font-weight:900;color:#0f172a;white-space:nowrap;}
.mobile-dashboard-shell{gap:1rem;}
.mobile-dashboard-headline{display:flex;align-items:center;justify-content:space-between;gap:1rem;}
.mobile-dashboard-title{margin:0;font-size:2rem;line-height:1;font-weight:900;color:#0f172a;letter-spacing:-.04em;}
.mobile-dashboard-shop{margin:.35rem 0 0;font-size:.95rem;font-weight:700;color:#334155;}
.mobile-dashboard-bell{position:relative;width:3rem;height:3rem;border-radius:1rem;border:1px solid #e2e8f0;background:#fff;color:#0f172a;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 12px 24px rgba(15,23,42,.06);}
.mobile-dashboard-bell span{position:absolute;right:.35rem;top:.3rem;min-width:1.05rem;height:1.05rem;padding:0 .2rem;border-radius:999px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:900;display:flex;align-items:center;justify-content:center;line-height:1;}
.mobile-hero-card{min-height:0;}
.mobile-hero-topline{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;}
.mobile-inline-filter{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .8rem;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.14);color:#fff;font-size:.74rem;font-weight:800;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);}
.mobile-card-tight{padding:1rem;}
.mobile-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;}
.mobile-stat-card{min-height:0;padding:1rem;gap:.55rem;border-radius:1.3rem;}
.mobile-stat-card .mock-stat-top{gap:.55rem;}
.mobile-stat-card .mock-title{font-size:.7rem;line-height:1.35;}
.mobile-stat-card .mock-value{font-size:1.1rem;line-height:1.1;letter-spacing:-.02em;}
.mobile-stat-card .mock-value-plain::before{content:"Rp ";font-size:.9em;}
.mobile-stat-card .mock-subtext{font-size:.68rem;line-height:1.35;}
.mobile-stat-card .mock-icon-chip{width:2.35rem;height:2.35rem;border-radius:.85rem;}
.mobile-payment-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.mobile-activity-featured{background:linear-gradient(180deg,#fff,#f8fbff);}
.mobile-alert-card{padding:1rem!important;}
.mock-quick-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;}
.mock-quick-grid-dashboard{grid-template-columns:repeat(2,minmax(0,1fr));}
.mock-stat-grid-hero{grid-template-columns:repeat(2,minmax(0,1fr));}
.mock-stat-card-hero{min-height:166px;}
.mock-stat-card-wide{grid-column:1/-1;}
.mock-stat-card-hero .mock-title{font-size:.98rem;line-height:1.4;}
.mock-stat-card-hero .mock-value{font-size:2.35rem;line-height:1.02;word-break:break-word;}
.mock-stat-card-hero .mock-subtext{font-size:.92rem;line-height:1.5;}
.mock-payment-grid-hero .mock-payment-card{min-height:164px;align-content:start;}
.mock-payment-grid-hero .mock-payment-label{font-size:.95rem;line-height:1.4;}
.mock-payment-grid-hero .mock-payment-amount{font-size:2rem;line-height:1.02;}
.mock-payment-grid-hero .mock-payment-share{font-size:.84rem;line-height:1.5;}
.mock-main-stack .mock-hero-card{min-height:320px;}
.mock-category-list{min-width:0;}
.mock-quick-card{border-radius:1.45rem;padding:1rem;border:1px solid #e2e8f0;background:linear-gradient(180deg,#fff,#f8fafc);display:grid;justify-items:center;text-align:center;gap:.7rem;box-shadow:0 12px 28px rgba(15,23,42,.04);transition:transform .18s ease,box-shadow .18s ease;}
.mock-quick-card:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(15,23,42,.08);}
.mock-quick-card .mock-icon-chip{width:3rem;height:3rem;}
.mock-quick-title{font-size:.86rem;font-weight:900;color:#0f172a;line-height:1.35;}
.mock-quick-copy{font-size:.78rem;font-weight:700;color:#64748b;line-height:1.4;}
.invoice-shell-new{display:grid;gap:1rem;}
.invoice-shell-card{background:#fff;border:1px solid #e2e8f0;border-radius:1.8rem;padding:1.15rem;box-shadow:0 18px 40px rgba(15,23,42,.06);}
.invoice-filter-strip{display:flex;flex-wrap:wrap;gap:.75rem;}
.invoice-chip{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.1rem;border-radius:999px;background:#f1f5f9;color:#334155;font-size:.82rem;font-weight:900;border:1px solid transparent;transition:all .18s ease;}
.invoice-chip:hover{background:#e2e8f0;}
.invoice-chip.is-active{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;box-shadow:0 14px 30px rgba(37,99,235,.24);}
.invoice-toolbar-modern{display:grid;grid-template-columns:minmax(0,1.25fr) auto auto auto;gap:.75rem;align-items:center;}
.invoice-toolbar-modern .search-input{background:#f8fafc!important;border-color:#e2e8f0!important;}
.invoice-list-stack{display:grid;gap:1rem;}
.invoice-row-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;align-items:start;padding:1.1rem;border-radius:1.5rem;border:1px solid #e2e8f0;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.05);}
.invoice-date-badge{width:5rem;border-radius:1.2rem;background:#f8fafc;border:1px solid #e2e8f0;padding:.8rem .5rem;text-align:center;display:grid;gap:.2rem;flex-shrink:0;}
.invoice-date-badge strong{font-size:1.5rem;line-height:1;font-weight:900;color:#0f172a;}
.invoice-date-badge span{font-size:.78rem;font-weight:800;color:#64748b;line-height:1.2;}
.invoice-card-main{display:grid;gap:.8rem;min-width:0;}
.invoice-card-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:start;}
.invoice-card-title{font-size:1.4rem;font-weight:900;color:#0f172a;line-height:1.1;margin:0;}
.invoice-card-subtitle{font-size:.92rem;font-weight:700;color:#64748b;margin:.25rem 0 0;}
.invoice-card-meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;}
.invoice-mobile-tools{display:none;gap:.55rem;align-items:center;flex-wrap:wrap;}
.invoice-action-icon{width:2.6rem;height:2.6rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.95rem;border:1px solid #e2e8f0;background:#fff;color:#475569;box-shadow:0 8px 20px rgba(15,23,42,.05);transition:all .18s ease;}
.invoice-action-icon.is-success{background:#ecfdf5;color:#16a34a;border-color:#bbf7d0;}
.invoice-action-icon.is-danger{background:#fef2f2;color:#ef4444;border-color:#fecaca;}
.invoice-card-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .6rem;border-radius:.75rem;background:#f8fafc;border:1px solid #e2e8f0;font-size:.72rem;font-weight:900;color:#334155;}
.invoice-card-pill.tone-blue{background:#eff6ff;border-color:#bfdbfe;color:#2563eb;}
.invoice-card-pill.tone-orange{background:#fff7ed;border-color:#fed7aa;color:#ea580c;}
.invoice-card-pill.tone-violet{background:#f5f3ff;border-color:#ddd6fe;color:#7c3aed;}
.invoice-card-pill.tone-emerald{background:#f0fdf4;border-color:#bbf7d0;color:#16a34a;}
.invoice-card-summary{display:flex;flex-wrap:wrap;gap:.5rem;color:#64748b;font-size:.78rem;font-weight:700;word-break:break-word;}
.invoice-card-summary strong{color:#0f172a;font-weight:900;}
.invoice-card-side{display:grid;gap:.7rem;justify-items:end;min-width:220px;}
.invoice-badge-stack{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem;}
.invoice-money{font-size:2rem;line-height:1;font-weight:900;color:#0f172a;letter-spacing:-.03em;}
.invoice-status-primary{display:inline-flex;align-items:center;justify-content:center;padding:.48rem .85rem;border-radius:.8rem;font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em;}
.invoice-progress-box{display:grid;gap:.45rem;border-radius:1.2rem;background:#f8fafc;border:1px solid #e2e8f0;padding:.85rem .95rem;}
.invoice-progress-row{display:flex;justify-content:space-between;gap:.75rem;align-items:center;font-size:.8rem;font-weight:800;color:#475569;}
.invoice-payment-cta{display:none;align-items:center;justify-content:center;gap:.45rem;min-height:2.7rem;border-radius:1rem;border:1px solid #bfdbfe;background:#eff6ff;color:#2563eb;font-size:.8rem;font-weight:900;padding:0 .9rem;}
.invoice-progress-bar{height:.5rem;border-radius:999px;background:#e2e8f0;overflow:hidden;}
.invoice-progress-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2563eb,#60a5fa);}
.invoice-card-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;}
.invoice-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.75rem;padding:0 .95rem;border-radius:1rem;border:1px solid #e2e8f0;background:#fff;font-size:.82rem;font-weight:900;color:#334155;transition:all .18s ease;}
.invoice-action-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(15,23,42,.08);}
.invoice-action-btn.is-primary{background:#eff6ff;color:#2563eb;border-color:#bfdbfe;}
.invoice-action-btn.is-success{background:#ecfdf5;color:#16a34a;border-color:#bbf7d0;}
.invoice-action-btn.is-danger{background:#fef2f2;color:#ef4444;border-color:#fecaca;}
.invoice-empty-state{padding:2.5rem 1rem;text-align:center;color:#94a3b8;font-size:.95rem;font-weight:800;}
#dash-inv-pagination{gap:.85rem;}
.date-filter-sheet,.notification-sheet{display:grid;gap:1rem;text-align:left;}
.date-filter-header,.notification-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;}
.date-filter-header h3,.notification-sheet-head h3{margin:0;font-size:1.1rem;font-weight:900;color:#0f172a;}
.date-filter-header p,.notification-sheet-head p{margin:.35rem 0 0;font-size:.82rem;font-weight:600;color:#64748b;line-height:1.55;}
.date-filter-close{width:2.6rem;height:2.6rem;border-radius:.9rem;border:1px solid #e2e8f0;background:#fff;color:#475569;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 18px rgba(15,23,42,.06);}
.date-filter-presets{display:flex;flex-wrap:wrap;gap:.55rem;}
.date-filter-preset{padding:.65rem .9rem;border-radius:999px;border:1px solid #e2e8f0;background:#f8fafc;color:#334155;font-size:.8rem;font-weight:800;transition:all .18s ease;}
.date-filter-preset.is-active{background:linear-gradient(135deg,#2563eb,#3b82f6);border-color:#2563eb;color:#fff;box-shadow:0 12px 26px rgba(37,99,235,.24);}
.date-filter-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;}
.date-filter-fields.is-hidden{display:none;}
.date-filter-fields label{display:grid;gap:.35rem;}
.date-filter-fields span{font-size:.76rem;font-weight:800;color:#64748b;}
.date-filter-fields input{width:100%;min-height:3rem;border-radius:1rem;border:1px solid #dbe2ec;background:#fff;padding:.75rem .95rem;font-size:.92rem;font-weight:700;color:#0f172a;outline:none;}
.date-filter-actions{display:flex;justify-content:flex-end;gap:.75rem;}
.date-filter-primary,.date-filter-secondary{min-height:2.9rem;padding:0 1.1rem;border-radius:1rem;font-size:.85rem;font-weight:900;}
.date-filter-primary{background:#2563eb;color:#fff;border:1px solid #2563eb;box-shadow:0 14px 30px rgba(37,99,235,.24);}
.date-filter-secondary{background:#fff;color:#475569;border:1px solid #dbe2ec;}
.notification-list{display:grid;gap:.75rem;max-height:52vh;overflow:auto;padding-right:.15rem;}
.notification-item{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:1rem;border-radius:1.15rem;border:1px solid #e2e8f0;background:#fff;box-shadow:0 12px 24px rgba(15,23,42,.05);text-align:left;transition:all .18s ease;}
.notification-item.tone-red{background:#fff7f7;border-color:#fecaca;}
.notification-item.tone-blue{background:#eff6ff;border-color:#bfdbfe;}
.notification-icon{width:2.4rem;height:2.4rem;border-radius:.9rem;display:flex;align-items:center;justify-content:center;background:#fff;color:#2563eb;border:1px solid rgba(148,163,184,.15);}
.notification-copy{display:grid;gap:.2rem;min-width:0;}
.notification-copy strong{font-size:.86rem;font-weight:900;color:#0f172a;}
.notification-copy small{font-size:.76rem;font-weight:700;color:#64748b;line-height:1.45;}
.notification-arrow{color:#94a3b8;}
.notification-empty{padding:1rem;text-align:center;font-size:.86rem;font-weight:800;color:#94a3b8;border:1px dashed #dbe2ec;border-radius:1rem;background:#f8fafc;}
@media (max-width:1439px){.mock-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);}.mock-layout-desktop{grid-template-columns:minmax(0,1fr) minmax(360px,.92fr);}.mock-main-stack .mock-hero-card{min-height:300px;}}
@media (max-width:1279px){.mock-layout-desktop,.mock-hero-grid{grid-template-columns:1fr;}.mock-quick-grid,.mock-quick-grid-dashboard{grid-template-columns:repeat(3,minmax(0,1fr));}.mock-stat-grid-hero,.mock-payment-grid-hero{grid-template-columns:repeat(2,minmax(0,1fr));}.invoice-toolbar-modern{grid-template-columns:minmax(0,1fr) auto auto;}.invoice-toolbar-modern .invoice-export-desktop{grid-column:1/-1;justify-content:flex-start;}}
@media (max-width:1023px){.dashboard-topbar-inner{align-items:flex-start;}.dashboard-topbar-right{flex-wrap:wrap;gap:.65rem;}.mock-hero-grid,.mock-stat-grid,.mock-payment-grid{grid-template-columns:1fr;}.mock-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.invoice-row-card{grid-template-columns:4.3rem minmax(0,1fr) minmax(112px,.7fr)!important;}.invoice-date-badge{width:4.3rem;align-items:center;padding:.75rem .35rem;}.invoice-card-head{grid-template-columns:minmax(0,1fr)!important;}.invoice-card-side{justify-items:end;min-width:112px!important;width:auto;}.invoice-badge-stack,.invoice-card-actions{justify-content:flex-start;}.invoice-mobile-tools{display:flex;}.invoice-payment-cta{display:inline-flex;}.invoice-card-actions{display:none;}}
@media (max-width:767px){.dashboard-topbar{padding-top:.9rem!important;padding-bottom:.9rem!important;}.dashboard-topbar-inner,.dashboard-topbar-right,.dashboard-topbar-left{gap:.75rem;}.dashboard-topbar-left{align-items:flex-start;flex:1 1 auto;min-width:0;}.dashboard-topbar-right{margin-left:auto;align-items:flex-start;flex-wrap:nowrap;flex:0 0 auto;}.dashboard-topbar-copy{gap:0;}.dashboard-topbar-copy h2{font-size:1.9rem!important;line-height:1.02;}.dashboard-topbar-copy p{margin-top:.35rem!important;}.dashboard-topbar-mobile-pills{margin-top:.75rem;gap:.6rem;}.dashboard-topbar-mobile-pill{padding:.58rem .82rem;font-size:.7rem;}.dashboard-topbar-bell{height:2.9rem!important;width:2.9rem!important;border-radius:1rem!important;}.dashboard-topbar-profile{padding:.22rem;border-radius:1rem;}.dashboard-topbar-avatar{width:2.4rem;height:2.4rem;border-radius:.85rem;}.mock-page{gap:1rem;}.mock-hero-card{min-height:210px;padding:1.15rem 8.2rem 1.15rem 1.15rem;}.mock-hero-total{font-size:2rem;}.mock-hero-visual{position:absolute;right:.95rem;bottom:1rem;align-items:flex-end;margin-top:0;gap:.35rem;}.mock-hero-device{width:118px;height:82px;border-radius:1.15rem;}.mock-section-head{align-items:flex-start;}.mock-payment-grid,.mock-status-grid,.mock-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.mock-chart-area{height:230px;padding:.85rem .85rem .7rem;}.mock-activity-item,.mock-mini-transaction{grid-template-columns:auto minmax(0,1fr);}.mock-activity-time,.mock-mini-total{grid-column:2;justify-self:start;}.invoice-shell-card{padding:1rem;}.invoice-filter-strip{flex-wrap:nowrap;overflow:auto;padding-bottom:.25rem;}.invoice-toolbar-modern{grid-template-columns:1fr 1fr;}.invoice-toolbar-modern > :first-child{grid-column:1/-1;}.invoice-row-card{grid-template-columns:3.95rem minmax(0,1fr)!important;grid-template-areas:"date main" "date side";padding:1rem;border-radius:1.35rem;gap:.75rem;}.invoice-date-badge{grid-area:date;padding:.7rem .28rem;border-radius:1rem;}.invoice-date-badge strong{font-size:1.25rem;}.invoice-date-badge span{font-size:.66rem;}.invoice-card-main{grid-area:main;}.invoice-card-side{grid-area:side;display:grid;gap:.45rem;align-content:start;justify-items:start;min-width:0!important;width:100%;}.invoice-money{font-size:1.3rem;text-align:left;}.invoice-card-title{font-size:1.08rem;}.invoice-card-subtitle{font-size:.82rem;}.invoice-card-meta{display:flex;flex-wrap:wrap;gap:.4rem;}.invoice-card-pill{font-size:.63rem;padding:.38rem .5rem;}.invoice-card-summary{display:grid;gap:.2rem;font-size:.72rem;line-height:1.4;}.invoice-progress-row{flex-wrap:wrap;font-size:.72rem;}.invoice-mobile-tools{display:flex;justify-content:flex-start;}.invoice-badge-stack{width:100%;justify-content:flex-start;}.invoice-status-primary{font-size:.64rem;padding:.36rem .56rem;}.invoice-action-btn{flex:1 1 calc(50% - .5rem);}.mobile-dashboard-title{font-size:1.9rem;}.mobile-dashboard-shop{font-size:.9rem;}.mobile-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.mobile-payment-grid,.mock-status-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.mock-status-card{padding:.9rem;}.mock-status-card strong{font-size:1.45rem;}.mock-status-label{font-size:.74rem;}.mock-status-card span{font-size:.68rem;}.mock-payment-card{padding:.85rem .75rem;}.mock-payment-label{font-size:.74rem;}.mock-payment-amount{font-size:1rem;}.mock-payment-share{font-size:.66rem;}.mobile-nav-btn{min-height:4.75rem;padding:.48rem .08rem .9rem;gap:.24rem;}.mobile-nav-btn i{margin-bottom:0!important;flex-shrink:0;}.mobile-nav-label{font-size:.62rem!important;line-height:1.02;max-width:4rem;margin:0 auto;min-height:1.38rem;display:flex;align-items:flex-start;justify-content:center;}.mobile-nav-fab-wrap{min-height:6.45rem;padding-bottom:0;}.mobile-nav-fab{width:4.35rem;height:4.35rem;bottom:2rem!important;box-shadow:0 24px 40px rgba(37,99,235,.36);}.mobile-nav-fab-label{font-size:.56rem;line-height:1;max-width:4.2rem;bottom:.12rem;padding-top:0;}.date-filter-fields{grid-template-columns:1fr;}.date-filter-actions{flex-direction:column;}.date-filter-primary,.date-filter-secondary{width:100%;}}
@media (max-width:540px){.mock-payment-grid,.mock-quick-grid{grid-template-columns:1fr;}.invoice-action-btn{flex:1 1 100%;}.mobile-payment-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.invoice-toolbar-modern{grid-template-columns:1fr 1fr;}.invoice-row-card{grid-template-columns:3.55rem minmax(0,1fr)!important;gap:.65rem;padding:.95rem;}.invoice-date-badge{width:3.55rem;padding:.65rem .22rem;}.invoice-card-side{min-width:0!important;width:100%;justify-items:start;}.invoice-badge-stack{width:100%;}.invoice-mobile-tools{justify-content:flex-start;}.dashboard-topbar-right{gap:.5rem;}.dashboard-topbar-bell-badge{top:-.15rem;right:-.1rem;}.mobile-nav-btn{min-height:4.55rem;padding:.42rem .05rem .84rem;}.mobile-nav-btn i{width:1.2rem;height:1.2rem;}.mobile-nav-label{font-size:.56rem!important;max-width:3.35rem;min-height:1.3rem;letter-spacing:-.02em;}.mobile-nav-fab-wrap{min-height:6.1rem;}.mobile-nav-fab{width:4.05rem;height:4.05rem;bottom:1.85rem!important;}.mobile-nav-fab-label{max-width:3.7rem;font-size:.52rem;bottom:.08rem;}.mobile-stat-grid,.mock-status-grid{grid-template-columns:1fr 1fr;}}
#dashboard-content{overflow-x:hidden;}
#sidebar-brand-title{font-size:1.75rem!important;letter-spacing:-.04em;white-space:normal;line-height:1.05;}
.mock-hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);}
.invoice-shell-new,.invoice-shell-card{overflow:hidden;}
.invoice-filter-strip{max-width:100%;overflow:auto;}
@media (min-width:768px){.invoice-row-card{grid-template-columns:4.5rem minmax(0,1.2fr) minmax(200px,.82fr);}.invoice-card-side{min-width:200px;}}
@media (max-width:767px){.mock-section-head>.invoice-export-desktop{display:none!important;}.invoice-toolbar-modern>.invoice-export-desktop{display:flex!important;grid-column:1/-1;justify-content:stretch;}.invoice-shell-new,.invoice-shell-card,#dashboard-content{overflow-x:hidden;}.invoice-money{word-break:break-word;}}