@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=DM+Mono:wght@400;500&display=swap";*{margin:0;padding:0;font-family:Inter,sans-serif}.container-login{width:100%;height:100vh;background-color:#fff;display:flex;justify-content:center;align-items:center;min-width:400px}.wrapper-login{width:100%;height:50%;display:flex;justify-content:center;align-items:center;gap:2%}.wrapper-login hr{width:1px;height:60%;background-color:#004a73;border:none;margin:0 20px}.left-login{width:20%;height:50%;display:flex;flex-direction:column;gap:20px}.left-login img{width:100%;object-fit:cover}.left-login h4{font-size:20px;color:#004a73;font-weight:400}.right-login{width:20%;height:50%;gap:5%;display:flex;flex-direction:column}.right-login .title-login h1{font-size:20px;color:#004a73;font-weight:500}@media (max-width: 900px){.wrapper-login{width:95%;flex-direction:column;gap:20px;padding:30px;height:100%;justify-content:flex-start;align-items:center;margin-top:50px}.wrapper-login hr{width:80%;height:1px}.left-login img{max-width:180px}.left-login,.right-login{width:100%;align-items:center;height:100px}.left-login h4{font-size:16px;font-weight:500}.input-login input,.button-login button{width:100%!important}}@media (max-width: 600px){.wrapper-login{padding:20px;border-radius:12px}.title-login h1{font-size:20px}.left-login img{max-width:180px}.input-login input,.button-login button{width:100%!important}}@media (max-width: 400px){.wrapper-login{padding:16px}.left-login img{max-width:150px}.title-login h1{font-size:16px;color:red}}.input-container{display:flex;flex-direction:column;gap:6px}.input-label{font-size:14px;font-weight:500;color:#333}.required{color:red}.input-field{border:1px solid #ccc;border-radius:6px;padding:8px 12px;font-size:14px;outline:none;transition:all .2s ease;width:100%;box-sizing:border-box}.input-field:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff33}.input-field:disabled{background-color:#f5f5f5;cursor:not-allowed}.input-error{border-color:red}.input-error-text{font-size:12px;color:red;margin-top:2px}.container-forgot{display:flex;align-items:center;justify-content:center;height:100vh;background:#f7f8fa}.wrapper-forgot{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:20px;box-shadow:0 4px 10px #0000001a;padding:40px 60px}.left-forgot{display:flex;flex-direction:column;align-items:center;justify-content:center}.left-forgot img{width:120px;object-fit:contain}.left-forgot h4{color:#004a73;margin-top:10px}.divider{width:1px;height:300px;background-color:#ddd;margin:0 40px}.right-forgot{position:relative;display:flex;flex-direction:column;align-items:center}.back-btn{position:absolute;top:0;right:0;background:none;border:none;color:#004a73;font-weight:600;cursor:pointer;font-size:14px;transition:.3s}.back-btn:hover{color:#f6b500}.card-forgot{background-color:#fff;border-radius:16px;padding:40px 50px;text-align:center;min-width:350px}.title-forgot h1{color:#1a2b5f;margin-bottom:10px}.title-forgot p{color:#666;margin-bottom:25px;font-size:14px}.form-forgot{display:flex;flex-direction:column;align-items:center;gap:15px}.button-forgot button{width:300px;height:45px;background-color:#004a73;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600}.button-forgot button:hover{background-color:#f6b500;color:#004a73;transition:.3s}.success-forgot{text-align:center;color:#004a73}.container-app{display:flex;width:100%;height:100vh;overflow:hidden;font-family:Inter,-apple-system,sans-serif}.left-bar{transition:all .3s ease}.main-bar{flex:1;display:flex;flex-direction:column;overflow:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.loading-container{height:100vh;width:100%;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at center,#fff,#f0f2f5);overflow:hidden}.loading-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px;animation:fadeIn .8s ease-out}.logo-wrapper{position:relative}.loading-logo{width:150px;height:auto;filter:drop-shadow(0 0 10px rgba(0,0,0,.05));animation:breathe 3s ease-in-out infinite}.loader-bar{width:200px;height:4px;background:#0000000d;border-radius:10px;overflow:hidden;position:relative}.loader-progress{width:100%;height:100%;background:linear-gradient(90deg,#3498db,#8e44ad);position:absolute;left:-100%;animation:loadingSlide 2s infinite cubic-bezier(.4,0,.2,1)}.loading-text{font-family:Inter,sans-serif;font-size:14px;color:#7f8c8d;letter-spacing:1px;margin-top:10px}@keyframes breathe{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1}}@keyframes loadingSlide{0%{left:-100%}50%{left:0}to{left:100%}}.container-leftbar{width:260px;height:100vh;background:#1a1c1e;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.05)}.title-leftbar{padding:24px;display:flex;align-items:center;justify-content:center}.sidebar-title{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.menu-leftbar{flex:1;padding:12px;overflow-y:auto}.menu-group{margin-bottom:8px}.menu-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:12px;cursor:pointer;transition:all .2s;color:#94a3b8}.menu-header:hover{background:#ffffff0d;color:#fff}.active-menu-parent{background:#6366f126!important;color:#818cf8!important}.menu-left{display:flex;align-items:center;gap:12px}.menu-icon{display:flex;align-items:center}.menu-text{font-size:.95rem;font-weight:500}.submenu-leftbar{margin-left:20px;margin-top:4px;padding-left:12px;border-left:1px solid rgba(255,255,255,.1)}.submenu-item,.active-submenu{display:flex;align-items:center;padding:10px 16px;margin:4px 0;border-radius:8px;font-size:.875rem;cursor:pointer;transition:.2s;color:#94a3b8}.submenu-item:hover{color:#fff;padding-left:20px}.active-submenu{background:#6366f1;color:#fff!important;box-shadow:0 4px 12px #6366f14d}.submenu-icon{font-size:18px!important;margin-right:10px}@media (max-width: 768px){.container-leftbar{width:70px}.menu-text,.sidebar-title,.menu-expand,.submenu-text{display:none}}@media (max-width: 1024px){.container-leftbar{width:80px}.menu-text,.sidebar-title,.menu-expand,.submenu-text{display:none}.submenu-leftbar{margin-left:0;padding-left:0;border-left:none}.submenu-item,.active-submenu{justify-content:center;padding:10px 0}}@media (max-width: 768px){.container-leftbar{width:260px;position:fixed;top:0;left:0;z-index:999;box-shadow:10px 0 30px #0000004d}.menu-text,.sidebar-title,.menu-expand,.submenu-text{display:inline-block!important}.submenu-leftbar{margin-left:20px;padding-left:12px;border-left:1px solid rgba(255,255,255,.1)}.submenu-item{justify-content:flex-start;padding:10px 16px}}.categories-container{padding:10px;animation:fadeIn .4s ease-out}.categories-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:15px}.categories-header h1{font-size:1.5rem;font-weight:800;color:#1e293b}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.category-card-custom{display:flex;flex-direction:column;transition:all .3s ease}.category-card-custom:hover{transform:translateY(-8px);box-shadow:0 12px 24px -10px #6366f133!important;border:1px solid #6366f1!important}.category-avatar{width:50px;height:50px;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;margin-bottom:16px}.category-card-body{flex-grow:1}.category-info h2{font-size:1.2rem;font-weight:700;color:#1e293b}.category-card-footer{margin-top:15px;padding-top:15px;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.category-dates{font-size:.75rem;color:#94a3b8}.category-actions,.table-actions{display:flex;gap:8px}.btn-edit,.btn-delete{width:38px;height:38px;border-radius:10px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;background:#f1f5f9;color:#475569}.btn-delete:hover{background:#f43f5e;color:#fff}.categories-table-wrap{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.categories-table{width:100%;border-collapse:collapse}.categories-table th{background:#f1f5f9;padding:16px;text-align:left;font-size:.75rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e2e8f0}.categories-table td{padding:16px;border-bottom:1px solid #f1f5f9;font-size:.9rem}.category-skeleton-card{height:200px;background:#fff;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:15px}.sk-avatar{width:50px;height:50px;background:#f1f5f9;border-radius:12px}.sk-title{width:70%;height:20px;background:#f1f5f9;border-radius:4px}.sk-text{width:40%;height:12px;background:#f1f5f9;border-radius:4px}.sk-avatar,.sk-title,.sk-text,.sk-line{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:sk-loading 1.5s infinite}@keyframes sk-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 770px){.categories-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%}.header-actions button{flex:1}.categories-table thead{display:none}.categories-table tr{display:block;background:#fff;margin-bottom:15px;border-radius:12px;padding:15px;border:1px solid #f1f5f9}.categories-table td{display:flex;justify-content:space-between;padding:8px 0;border:none}.categories-table td:before{content:attr(data-label);font-weight:700;color:#94a3b8;text-transform:uppercase;font-size:.75rem}}.container-box{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;transition:all .2s ease-in-out}.container-box:hover{transform:translateY(-1px)}.suppliers-table td{padding:15px;border-bottom:1px solid #f1f5f9;font-size:.9rem;color:#334155}@media (max-width: 770px){.suppliers-header{flex-direction:column;align-items:flex-start}.header-actions{display:grid!important;grid-template-columns:1fr 1fr;width:100%;gap:10px}.header-actions button{width:100%!important;padding:0 10px!important;font-size:13px!important}.header-actions>*{flex:1}.suppliers-table-wrap{background:transparent;box-shadow:none}.suppliers-table thead{display:none}.suppliers-table tr{display:block;background:#fff;margin-bottom:15px;border-radius:12px;padding:15px;box-shadow:0 2px 4px #0000000a}.suppliers-table td{display:flex;justify-content:space-between;padding:8px 0;border:none;text-align:right}.suppliers-table td:before{content:attr(data-label);float:left;font-weight:700;color:#94a3b8;text-transform:uppercase;font-size:.75rem}.suppliers-table td[data-label=Actions]{margin-top:10px;padding-top:15px;border-top:1px solid #f1f5f9;justify-content:flex-end}.suppliers-table .btn-edit,.suppliers-table .btn-delete{flex:0 1 100px}}.suppliers-container{padding:10px;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.suppliers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:15px}.suppliers-header h1{font-size:1.5rem;font-weight:800;color:#1e293b}.header-actions{display:flex;gap:12px}.suppliers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.supplier-info h2{font-size:1.1rem;color:#0f172a;margin-bottom:10px}.supplier-info p{color:#64748b;font-size:.9rem;line-height:1.5;margin-bottom:15px}.supplier-info small{display:block;color:#94a3b8;font-size:.75rem}.supplier-actions{display:flex;gap:10px;width:100%;margin-top:15px;padding-top:15px;border-top:1px solid #f1f5f9}.btn-edit,.btn-delete{flex:1;display:flex;align-items:center;justify-content:center;height:38px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-edit{background-color:#eef2ff;color:#6366f1}.btn-edit:hover{background-color:#6366f1;color:#fff}.btn-delete{background-color:#fff1f2;color:#f43f5e}.btn-delete:hover{background-color:#f43f5e;color:#fff}.suppliers-table-wrap{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d;overflow:hidden}.suppliers-table{width:100%;border-collapse:collapse}.suppliers-table th{background:#f1f5f9;padding:16px;text-align:left;font-size:.75rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e2e8f0}.suppliers-table td{padding:15px;border-bottom:1px solid #f1f5f9;font-size:.9rem;color:#334155;vertical-align:middle}.supplier-skeleton-card{background:#fff;border-radius:12px;padding:18px;box-shadow:0 4px 10px #0000000a;border:1px solid #f1f5f9;display:flex;flex-direction:column;min-height:220px}.sk-line,.sk-circle{position:relative;overflow:hidden;background:#e2e8f0}.sk-line:after,.sk-circle:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);animation:skeletonShimmer 1.25s infinite}.sk-title{width:65%;height:18px;border-radius:8px;margin-bottom:14px}.sk-text{width:100%;height:12px;border-radius:999px;margin-bottom:10px}.sk-small{width:55%;height:10px;border-radius:999px;margin-bottom:8px}.sk-actions{display:flex;gap:10px;width:100%;margin-top:auto;padding-top:15px;border-top:1px solid #f1f5f9}.sk-circle{flex:1;height:38px;border-radius:8px}.sk-cell{width:100%;height:14px;border-radius:999px}.suppliers-table .sk-circle{width:34px;min-width:34px;flex:0 0 34px;height:34px;border-radius:8px}@keyframes skeletonShimmer{to{transform:translate(100%)}}@media (max-width: 770px){.suppliers-header{flex-direction:column;align-items:flex-start}.header-actions{display:grid!important;grid-template-columns:1fr 1fr;width:100%;gap:10px}.header-actions button{width:100%!important;padding:0 10px!important;font-size:13px!important}.header-actions>*{flex:1}.suppliers-table-wrap{background:transparent;box-shadow:none}.suppliers-table thead{display:none}.suppliers-table tr{display:block;background:#fff;margin-bottom:15px;border-radius:12px;padding:15px;box-shadow:0 2px 4px #0000000a}.suppliers-table td{display:flex;justify-content:space-between;padding:8px 0;border:none;text-align:right}.suppliers-table td:before{content:attr(data-label);float:left;font-weight:700;color:#94a3b8;text-transform:uppercase;font-size:.75rem}.suppliers-table td[data-label=Actions]{margin-top:10px;padding-top:15px;border-top:1px solid #f1f5f9;justify-content:flex-end}.suppliers-table .btn-edit,.suppliers-table .btn-delete{flex:0 1 100px}.suppliers-table .sk-cell{width:55%}}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:30px}.pagination button{padding:8px 14px;border:1px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;color:#64748b;transition:.2s}.pagination button.active{background:#6366f1;color:#fff;border-color:#6366f1}.pagination button:hover:not(:disabled):not(.active){background:#f1f5f9}@media (max-width: 450px){.header-actions{grid-template-columns:50px 1fr}.header-actions button:first-child span:not(:first-child){display:none}}:root{--sa-font: "DM Sans", system-ui, sans-serif;--sa-bg: #f6f7fb;--sa-surface: #ffffff;--sa-surface-2: #f8fafc;--sa-text: #0f172a;--sa-text-2: #475569;--sa-text-3: #94a3b8;--sa-border: #e2e8f0;--sa-border-strong: #cbd5e1;--sa-primary: #2563eb;--sa-primary-hover: #1d4ed8;--sa-success: #16a34a;--sa-danger: #dc2626;--sa-warning: #d97706;--sa-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 24px rgba(15, 23, 42, .06);--sa-radius: 16px;--sa-radius-sm: 10px}*{box-sizing:border-box}.saDashboard{font-family:var(--sa-font);color:var(--sa-text);height:100%}.saTopbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.saTitle{margin:0;color:var(--sa-text);display:flex;justify-content:flex-start;align-self:center}.saTitle h1{margin:0;font-size:28px;line-height:1.15;font-weight:700}.saSubtitle{margin:6px 0 0;font-size:14px;color:var(--sa-text-2)}.saTopbarActions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.saBtn{border:1px solid var(--sa-border-strong);background:#fff;color:var(--sa-text);height:40px;padding:0 14px;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;transition:.18s ease}.saBtn:hover{background:var(--sa-surface-2)}.saBtn:disabled{opacity:.6;cursor:not-allowed}.saBtnPrimary{background:var(--sa-primary);color:#fff;border-color:var(--sa-primary)}.saBtnPrimary:hover{background:var(--sa-primary-hover);border-color:var(--sa-primary-hover)}.saCard{background:var(--sa-surface);border:1px solid var(--sa-border);border-radius:var(--sa-radius);box-shadow:var(--sa-shadow);overflow:hidden;margin-bottom:18px}.saCardHead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 18px 0}.saCardTitle{font-size:16px;font-weight:700;color:var(--sa-text)}.saCardBody{padding:18px}.saError{background:#fef2f2;color:var(--sa-danger);border:1px solid #fecaca;padding:12px 14px;border-radius:12px;margin-bottom:18px;font-size:14px;font-weight:500}.saStatsGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px;margin-top:10px}.saStatCard{background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid var(--sa-border);border-radius:var(--sa-radius);box-shadow:var(--sa-shadow);padding:18px}.saStatTitle{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--sa-text-3);margin-bottom:10px}.saStatValue{font-size:28px;line-height:1.1;font-weight:700;color:var(--sa-text);word-break:break-word}.saStatSub{margin-top:8px;font-size:13px;color:var(--sa-text-2)}.saGrid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.saFilterRow,.saTrendFilters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.saField{display:flex;flex-direction:column;gap:8px}.saField label{font-size:13px;font-weight:600;color:var(--sa-text-2)}.saInput{width:100%;height:42px;border:1px solid var(--sa-border-strong);background:#fff;color:var(--sa-text);border-radius:10px;padding:0 12px;font-size:14px;outline:none;transition:.18s ease}.saInput:focus{border-color:var(--sa-primary);box-shadow:0 0 0 3px #2563eb1f}.saTableWrap{width:100%;overflow-x:auto;border:1px solid var(--sa-border);border-radius:14px}.saTable{width:100%;border-collapse:collapse;min-width:680px;background:#fff}.saTable thead th{background:#f8fafc;color:var(--sa-text-2);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;text-align:left;padding:14px 16px;border-bottom:1px solid var(--sa-border);white-space:nowrap}.saTable tbody td{padding:14px 16px;border-bottom:1px solid var(--sa-border);font-size:14px;color:var(--sa-text);vertical-align:middle}.saTable tbody tr:last-child td{border-bottom:none}.saTable tbody tr:hover td{background:#fafcff}.saTableEmpty{text-align:center;padding:22px 16px!important;color:var(--sa-text-3)}.saRight{text-align:right!important}.saInsightBox{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--sa-border);border-radius:14px;background:linear-gradient(180deg,#fff,#f8fbff)}.saInsightTitle{font-size:20px;font-weight:700;color:var(--sa-text)}.saInsightEmail{font-size:14px;color:var(--sa-text-2)}.saInsightMetric{font-size:14px;color:var(--sa-text)}.saEmpty{border:1px dashed var(--sa-border-strong);border-radius:14px;padding:20px;text-align:center;color:var(--sa-text-3);font-size:14px}.saInfoList{display:flex;flex-direction:column;gap:10px;font-size:14px;color:var(--sa-text)}.saInfoList strong{color:var(--sa-text)}.saTrendContent{margin-top:16px}@media (max-width: 1200px){.saStatsGrid,.saFilterRow,.saTrendFilters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.saDashboard{padding:16px}.saTopbar{flex-direction:column;align-items:stretch}.saTopbarActions{justify-content:flex-start}.saTitle{font-size:24px}.saGrid2,.saStatsGrid,.saFilterRow,.saTrendFilters{grid-template-columns:minmax(0,1fr)}.saCardHead{flex-direction:column;align-items:flex-start;padding-top:16px}.saCardBody{padding:16px}.saStatValue{font-size:24px}.saTable{min-width:620px}}.saDashboardHeader{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px;gap:20px;flex-wrap:wrap}.saTitle{display:flex;flex-direction:column;align-items:flex-start}.saTitle h1{margin:0;font-size:28px;font-weight:700;color:var(--sa-text)}.saSubtitle{margin:4px 0 0;font-size:14px;color:var(--sa-text-2)}.saToolbar{display:flex;gap:12px;background:var(--sa-surface);padding:8px 16px;border-radius:var(--sa-radius-sm);border:1px solid var(--sa-border);box-shadow:var(--sa-shadow)}.saFieldInline{display:flex;align-items:center;gap:10px}.saFieldInline label{font-size:13px;font-weight:600;color:var(--sa-text-2);white-space:nowrap}.saInputSm{height:36px;padding:0 10px;width:auto;min-width:140px;border-radius:8px}.saStatsGrid{margin-top:0}@media (max-width: 768px){.saDashboardHeader{flex-direction:column;align-items:stretch}.saToolbar{flex-direction:column;gap:12px}.saFieldInline{justify-content:space-between}.saInputSm{width:100%}}.saTrendHighlightRow{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--sa-border);border:1px solid var(--sa-border);border-radius:var(--sa-radius-sm);margin-bottom:24px;overflow:hidden}.saHighlightItem{background:#fff;padding:16px;display:flex;flex-direction:column;gap:4px}.saHighlightLabel{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--sa-text-3);font-weight:700}.saHighlightValue{font-size:14px;font-weight:600;color:var(--sa-text)}.saTableSectionTitle{font-size:15px;font-weight:700;margin-bottom:12px;color:var(--sa-text)}.saTextSuccess{color:var(--sa-success)!important}.saTextDanger{color:var(--sa-danger)!important}.saTextBold{font-weight:700}.saTextMuted{color:var(--sa-text-3)}.saTextMedium{font-weight:500}.saTextSmall{font-size:13px;color:var(--sa-text-2)}.saBadge{padding:4px 8px;border-radius:6px;font-size:12px;font-weight:700}.saBadgeSuccess{background:#f0fdf4;color:#166534}.saBadgeDanger{background:#fef2f2;color:#991b1b}@media (max-width: 900px){.saTrendHighlightRow{grid-template-columns:repeat(2,1fr)}}.ds-wrap{animation:fadeIn .5s ease-in-out;max-width:1400px;margin:0 auto}.ds-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.ds-title{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0}.ds-top-controls{display:flex;gap:12px;align-items:center}.ds-control select{padding:10px 16px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;font-size:.9rem;color:#475569;outline:none;transition:all .2s;cursor:pointer;min-width:180px}.ds-control select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.ds-refresh{padding:10px 18px;border-radius:10px;border:none;background:#fff;color:#6366f1;font-weight:600;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:8px;border:1px solid #e2e8f0;transition:all .2s}.ds-refresh:hover:not(:disabled){background:#f8fafc;transform:translateY(-1px)}.ds-refresh:disabled{opacity:.5;cursor:not-allowed}.ds-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.ds-card{background:#fff;padding:1.5rem;border-radius:16px;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 6px -1px #00000005;transition:transform .2s}.ds-card:hover{transform:translateY(-4px)}.ds-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.ds-card-label{color:#64748b;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ds-card-icon{font-size:1.5rem;background:#f1f5f9;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px}.ds-card-value{font-size:1.8rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.ds-card-value.small{font-size:1.25rem}.ds-card-note{font-size:.8rem;color:#94a3b8}.ds-main{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.ds-panel{background:#fff;border-radius:16px;padding:1.5rem;border:1px solid rgba(0,0,0,.05)}.ds-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.ds-panel-head h2{font-size:1.1rem;font-weight:700;color:#1e293b;margin:0}.ds-muted{font-size:.8rem;color:#94a3b8}.ds-bar-row{margin-bottom:1.25rem}.ds-bar-left{display:flex;justify-content:space-between;margin-bottom:6px}.ds-bar-title{font-size:.9rem;font-weight:600;color:#475569}.ds-bar-sub{font-size:.8rem;color:#94a3b8}.ds-bar-track{height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden}.ds-bar-fill{height:100%;background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:4px}.ds-product{display:flex;gap:1.5rem}.ds-product-img img{width:120px;height:120px;object-fit:cover;border-radius:12px}.ds-product-info{flex:1}.ds-product-title{font-weight:700;font-size:1.1rem;margin-bottom:8px}.ds-tag{display:inline-block;padding:4px 10px;background:#f1f5f9;border-radius:6px;font-size:.75rem;color:#64748b;margin-right:6px;margin-bottom:12px}.ds-kv-row{display:flex;justify-content:space-between;font-size:.85rem;padding:4px 0;border-bottom:1px dashed #f1f5f9}.ds-table-wrap{overflow-x:auto}.ds-table{width:100%;border-collapse:collapse}.ds-table th{text-align:left;padding:12px;font-size:.8rem;color:#94a3b8;text-transform:uppercase;border-bottom:1px solid #f1f5f9}.ds-table td{padding:16px 12px;border-bottom:1px solid #f1f5f9;font-size:.9rem}.ds-row-click{cursor:pointer;transition:background .2s}.ds-row-click:hover{background:#f8fafc}.ds-modal-overlay{position:fixed;inset:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.ds-modal{background:#fff;width:100%;max-width:700px;border-radius:20px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040}.ds-modal-head{padding:1.5rem;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between}.ds-modal-title{font-size:1.25rem;font-weight:700}.ds-modal-body{padding:1.5rem;overflow-y:auto}.ds-modal-item{display:flex;justify-content:space-between;padding:12px;border-radius:12px;background:#f8fafc;margin-bottom:10px}.ds-modal-btn{width:100%;padding:12px;background:#1e293b;color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer}@media (max-width: 900px){.ds-main{grid-template-columns:1fr}}@media (max-width: 600px){.ds-header{flex-direction:column;align-items:flex-start}.ds-top-controls{width:100%;flex-direction:column}.ds-control select,.ds-refresh{width:100%}.ds-product{flex-direction:column}}.ds-modal-body{padding:1.5rem;max-height:60vh;overflow-y:auto;background-color:#fff}.ds-modal-sub{display:flex;gap:15px;font-size:.85rem;color:#64748b;margin-top:5px}.ds-modal-sub strong{color:#475569}.ds-modal-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;margin-bottom:12px;transition:all .2s ease}.ds-modal-item:hover{border-color:#e2e8f0;background:#f1f5f9;transform:translate(4px)}.ds-modal-item-left{display:flex;flex-direction:column;gap:4px}.ds-modal-item-name{font-weight:700;color:#1e293b;font-size:.95rem}.ds-modal-item-meta{font-size:.8rem;color:#94a3b8;font-family:Inter,sans-serif}.ds-modal-item-right{display:flex;gap:20px}.ds-modal-kv{display:flex;flex-direction:column;align-items:flex-end;min-width:80px}.ds-modal-kv span{font-size:.7rem;text-transform:uppercase;color:#94a3b8;letter-spacing:.05em;font-weight:600}.ds-modal-kv strong{font-size:.9rem;color:#334155}.ds-modal-close{background:#f1f5f9;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:.2s}.ds-modal-close:hover{background:#fee2e2;color:#ef4444}.ds-modal-foot{padding:1.25rem 1.5rem;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end}.ds-modal-btn{background:#6366f1;color:#fff;padding:10px 24px;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:background .2s}@media (max-width: 640px){.ds-modal-item{flex-direction:column;align-items:flex-start;gap:12px}.ds-modal-item-right{width:100%;justify-content:space-between;padding-top:10px;border-top:1px solid #e2e8f0;gap:10px}.ds-modal-kv{align-items:flex-start}}.ds-modal-summary{display:flex;gap:12px;padding:16px 24px;background:#f8fafc;border-bottom:1px solid #f1f5f9;flex-wrap:wrap}.ds-modal-pill{flex:1;min-width:120px;background:#fff;padding:10px 16px;border-radius:12px;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:4px;transition:all .2s ease}.ds-modal-pill:hover{border-color:#6366f1;transform:translateY(-2px);box-shadow:0 4px 12px #6366f114}.ds-modal-pill span{font-size:.7rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.02em}.ds-modal-pill strong{font-size:1rem;color:#1e293b;font-weight:700}.ds-modal-pill:first-child strong{color:#6366f1}@media (max-width: 770px){.ds-header{flex-direction:column;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem}.ds-top-controls{width:100%;flex-direction:column;gap:10px}.ds-control,.ds-control select,.ds-refresh{width:100%;min-width:unset}.ds-grid{grid-template-columns:1fr;gap:1rem}.ds-card{padding:1.2rem}.ds-main{grid-template-columns:1fr;gap:1.2rem}.ds-product{flex-direction:column;align-items:center;text-align:center}.ds-product-img img{width:100%;max-width:200px;height:auto}.ds-kv-row{font-size:.8rem}.ds-table-wrap{margin:0 -1.5rem;padding:0 1.5rem;border-radius:0}.ds-table thead{display:none}.ds-table,.ds-table tbody,.ds-table tr,.ds-table td{display:block;width:100%}.ds-table tr{background:#fff;border:1px solid #f1f5f9;border-radius:12px;margin-bottom:12px;padding:12px;box-shadow:0 2px 4px #00000005}.ds-table td{border:none;padding:6px 0;display:flex;justify-content:space-between;align-items:flex-start}.ds-table td:before{content:attr(data-label);font-size:.75rem;font-weight:700;color:#94a3b8;text-transform:uppercase}.ds-table td:last-child{flex-direction:column;gap:8px;border-top:1px solid #f1f5f9;margin-top:8px;padding-top:12px}.ds-table td:last-child:before{margin-bottom:4px}.ds-items{width:100%}.ds-item{background:#f8fafc;padding:8px;border-radius:8px;margin-bottom:4px}.ds-item-name{display:block;font-weight:600;font-size:.85rem}.ds-item-sub{font-size:.75rem}}@media (max-width: 480px){.ds-modal-pill{min-width:100%}.ds-card-value{font-size:1.5rem}}:root{--df-font: "DM Sans", system-ui, sans-serif;--df-mono: "DM Mono", "Courier New", monospace;--df-bg: #f8f7f4;--df-surface: #ffffff;--df-surface-2: #f2f0ec;--df-border: rgba(0, 0, 0, .08);--df-border-md: rgba(0, 0, 0, .14);--df-text: #1a1916;--df-text-2: #6b6963;--df-text-3: #a09d98;--df-expense: #1a5fb4;--df-expense-bg: #e8f0fd;--df-expense-border: #b6cef7;--df-revenue: #2a7221;--df-revenue-bg: #e8f5e5;--df-revenue-border: #b2d9ab;--df-success: #1e6b32;--df-success-bg: #e4f4e8;--df-warning: #7a4e00;--df-warning-bg: #fff3cd;--df-danger: #8b1c1c;--df-danger-bg: #fde8e8;--df-neutral: #4b4840;--df-neutral-bg: #eeece8;--df-radius-sm: 6px;--df-radius: 10px;--df-radius-lg: 14px;--df-shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--df-shadow-md: 0 4px 12px rgba(0,0,0,.07), 0 1px 3px rgba(0,0,0,.05)}.df-root{font-family:var(--df-font);font-size:14px;color:var(--df-text);height:100%;width:95%;margin:0 auto}.df-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:1.75rem}.df-header__title{font-size:22px;font-weight:600;color:var(--df-text);letter-spacing:-.02em;margin:0}.df-header__sub{font-size:13px;color:var(--df-text-2);margin-top:3px}.df-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-family:var(--df-font);font-size:13px;font-weight:500;color:var(--df-text);background:var(--df-surface);border:1px solid var(--df-border-md);border-radius:var(--df-radius-sm);cursor:pointer;transition:background .15s,box-shadow .15s}.df-btn:hover{background:var(--df-surface-2)}.df-btn:active{transform:scale(.98)}.df-btn:disabled{opacity:.5;cursor:not-allowed}.df-error{background:var(--df-danger-bg);color:var(--df-danger);border:1px solid rgba(139,28,28,.18);border-radius:var(--df-radius-sm);padding:10px 14px;font-size:13px;margin-bottom:1.25rem}.df-tabs{display:flex;gap:2px;background:var(--df-surface-2);border:1px solid var(--df-border);border-radius:var(--df-radius-sm);padding:3px;width:fit-content;margin-bottom:1.5rem}.df-tab{padding:7px 18px;font-family:var(--df-font);font-size:13px;font-weight:400;color:var(--df-text-2);background:transparent;border:none;border-radius:calc(var(--df-radius-sm) - 2px);cursor:pointer;transition:all .15s}.df-tab:hover{color:var(--df-text);background:#0000000a}.df-tab--active{background:var(--df-surface);color:var(--df-text);font-weight:500;box-shadow:var(--df-shadow)}.df-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:1.25rem}.df-metric{background:var(--df-surface);border:1px solid var(--df-border);border-radius:var(--df-radius);padding:1rem 1.125rem;box-shadow:var(--df-shadow)}.df-metric__label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--df-text-3);margin-bottom:6px}.df-metric__value{font-size:20px;font-weight:600;letter-spacing:-.02em;color:var(--df-text);line-height:1.1}.df-metric__sub{font-size:11px;margin-top:6px;padding:2px 8px;border-radius:100px;display:inline-block;font-weight:500}.df-metric__sub--success{background:var(--df-success-bg);color:var(--df-success)}.df-metric__sub--info{background:var(--df-expense-bg);color:var(--df-expense)}.df-metric__sub--danger{background:var(--df-danger-bg);color:var(--df-danger)}.df-metric__sub--neutral{background:var(--df-surface-2);color:var(--df-text-2)}.df-flow{display:flex;align-items:center;gap:0;background:var(--df-surface);border:1px solid var(--df-border);border-radius:var(--df-radius-lg);padding:1.25rem 1.5rem;margin-bottom:1.5rem;box-shadow:var(--df-shadow)}.df-flow__node{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:80px}.df-flow__icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:4px}.df-flow__icon--supplier{background:var(--df-expense-bg)}.df-flow__icon--company{background:var(--df-surface-2)}.df-flow__icon--sppg{background:var(--df-revenue-bg)}.df-flow__name{font-size:13px;font-weight:600;color:var(--df-text)}.df-flow__role{font-size:11px;color:var(--df-text-3)}.df-flow__edge{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 8px}.df-flow__edge-label{font-size:11px;font-weight:500;color:var(--df-text-2);font-family:var(--df-mono)}.df-flow__edge-line{width:100%;height:2px;position:relative;border-radius:1px}.df-flow__edge-line--expense{background:var(--df-expense-border)}.df-flow__edge-line--revenue{background:var(--df-revenue-border)}.df-flow__edge-arrow{position:absolute;right:-1px;top:50%;transform:translateY(-50%);width:0;height:0}.df-flow__edge-line--expense .df-flow__edge-arrow{border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid var(--df-expense-border)}.df-flow__edge-line--revenue .df-flow__edge-arrow{border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid var(--df-revenue-border)}.df-flow__edge-type{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.06em}.df-flow__edge-type.expense{color:var(--df-expense)}.df-flow__edge-type.revenue{color:var(--df-revenue)}.df-section{margin-bottom:1.5rem}.df-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.df-section__title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--df-text)}.df-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.df-dot--expense{background:var(--df-expense)}.df-dot--revenue{background:var(--df-revenue)}.df-section__tag{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;padding:3px 10px;border-radius:100px;background:var(--df-expense-bg);color:var(--df-expense)}.df-section__tag--revenue{background:var(--df-revenue-bg);color:var(--df-revenue)}.df-table-wrap{background:var(--df-surface);border:1px solid var(--df-border);border-radius:var(--df-radius-lg);overflow:scroll;box-shadow:var(--df-shadow)}.df-table{width:100%;border-collapse:collapse;font-size:13px;table-layout:auto}.df-table thead{background:var(--df-surface-2)}.df-table th{padding:10px 16px;text-align:left;font-size:11px;font-weight:500;color:var(--df-text-3);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--df-border);white-space:nowrap}.df-table td{padding:12px 16px;color:var(--df-text);border-bottom:1px solid var(--df-border);vertical-align:middle}.df-table tr:last-child td{border-bottom:none}.df-table tbody tr:hover td{background:#00000004}.df-table .align-right{text-align:right}.df-cell-person{display:flex;align-items:center;gap:10px}.df-cell-person__name{font-size:13px;font-weight:500;color:var(--df-text);margin:0}.df-cell-person__sub{font-size:11px;color:var(--df-text-3);margin:0}.df-text-muted{color:var(--df-text-2)}.df-id-cell{font-family:var(--df-mono);font-size:12px;color:var(--df-text-3)}.df-amount--expense{font-family:var(--df-mono);font-weight:500;color:var(--df-expense)}.df-amount--revenue{font-family:var(--df-mono);font-weight:500;color:var(--df-revenue)}.df-table__empty{text-align:center;padding:2.5rem;color:var(--df-text-3);font-size:13px}.df-table__empty--loading{display:flex;align-items:center;justify-content:center;gap:8px}.df-avatar{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}.df-avatar--blue{background:var(--df-expense-bg);color:var(--df-expense)}.df-avatar--green{background:var(--df-revenue-bg);color:var(--df-revenue)}.df-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:100px;font-size:11px;font-weight:500;white-space:nowrap}.df-badge--success{background:var(--df-success-bg);color:var(--df-success)}.df-badge--warning{background:var(--df-warning-bg);color:var(--df-warning)}.df-badge--danger{background:var(--df-danger-bg);color:var(--df-danger)}.df-badge--neutral{background:var(--df-neutral-bg);color:var(--df-neutral)}.df-spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--df-border-md);border-top-color:var(--df-text-2);border-radius:50%;animation:df-spin .6s linear infinite}@keyframes df-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.df-root{padding:1.25rem 1rem}.df-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.df-metric__value{font-size:17px}.df-flow{flex-wrap:wrap;justify-content:center;gap:12px}.df-flow__edge{min-width:60px}.hide-sm{display:none}}@media (max-width: 480px){.df-metrics{grid-template-columns:minmax(0,1fr)}.df-tabs{width:100%;justify-content:stretch}.df-tab{flex:1;text-align:center}}.df-table__row--clickable{cursor:pointer;transition:background .12s}.df-table__row--clickable:hover td{background:var(--df-surface-2)}.df-table__chevron{color:var(--df-text-3);font-size:18px;text-align:right;padding-right:12px!important;width:24px}.df-receipt-dot{font-size:8px;color:var(--df-revenue);margin-left:6px;vertical-align:middle}.df-modal-overlay{position:fixed;inset:0;background:#00000059;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.df-modal{position:fixed;top:0;right:0;bottom:0;width:min(480px,100vw);background:var(--df-surface);z-index:101;display:flex;flex-direction:column;overflow:hidden;box-shadow:-8px 0 32px #0000001f;animation:df-slide-in .22s ease}@keyframes df-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.df-modal__header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem 1rem;border-bottom:1px solid var(--df-border);flex-shrink:0}.df-modal__header-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--df-text-3);margin-bottom:4px}.df-modal__header-id{font-size:16px;font-weight:600;font-family:var(--df-mono);color:var(--df-text)}.df-modal__close{background:var(--df-surface-2);border:1px solid var(--df-border);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;color:var(--df-text-2);flex-shrink:0;transition:background .15s}.df-modal__close:hover{background:var(--df-danger-bg);color:var(--df-danger)}.df-modal__body{flex:1;overflow-y:auto;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem}.df-modal__info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.df-modal__info-item{background:var(--df-surface-2);border-radius:var(--df-radius-sm);padding:10px 12px;display:flex;flex-direction:column;gap:4px}.df-modal__info-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--df-text-3)}.df-modal__info-value{font-size:14px;font-weight:500;color:var(--df-text)}.df-modal__info-value.expense{color:var(--df-expense);font-family:var(--df-mono)}.df-modal__info-value.revenue{color:var(--df-revenue);font-family:var(--df-mono)}.df-modal__section{border-top:1px solid var(--df-border);padding-top:1rem}.df-modal__section-title{font-size:13px;font-weight:600;color:var(--df-text);margin-bottom:10px}.df-modal__buyer{display:flex;align-items:center;gap:12px;background:var(--df-surface-2);padding:12px;border-radius:var(--df-radius-sm)}.df-modal__buyer-name{font-size:14px;font-weight:500;color:var(--df-text)}.df-modal__buyer-email{font-size:12px;color:var(--df-text-3);margin-top:2px}.df-modal__items{display:flex;flex-direction:column;gap:10px}.df-modal__item{display:flex;gap:12px;background:var(--df-surface-2);border-radius:var(--df-radius-sm);padding:12px}.df-modal__item-img{width:64px;height:64px;object-fit:cover;border-radius:var(--df-radius-sm);border:1px solid var(--df-border);cursor:pointer;flex-shrink:0;transition:opacity .15s}.df-modal__item-img:hover{opacity:.85}.df-modal__item-img-placeholder{width:64px;height:64px;border-radius:var(--df-radius-sm);border:1px solid var(--df-border);display:flex;align-items:center;justify-content:center;font-size:24px;background:var(--df-surface);flex-shrink:0}.df-modal__item-info{flex:1;min-width:0}.df-modal__item-name{font-size:14px;font-weight:500;color:var(--df-text);margin-bottom:2px}.df-modal__item-supplier{font-size:12px;color:var(--df-text-3);margin-bottom:6px}.df-modal__item-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--df-text-2)}.df-modal__item-meta strong{color:var(--df-text)}.df-modal__no-receipt{display:flex;flex-direction:column;align-items:center;gap:6px;padding:1.5rem;background:var(--df-surface-2);border-radius:var(--df-radius-sm);font-size:13px;color:var(--df-text-3)}.df-modal__no-receipt span{font-size:24px}.df-modal__receipts{display:flex;flex-direction:column;gap:10px}.df-modal__receipt{display:flex;gap:12px;background:var(--df-surface-2);border-radius:var(--df-radius-sm);padding:12px;border:1px solid var(--df-border)}.df-modal__receipt-img{width:80px;height:80px;object-fit:cover;border-radius:var(--df-radius-sm);border:1px solid var(--df-border);cursor:pointer;flex-shrink:0;transition:opacity .15s}.df-modal__receipt-img:hover{opacity:.85}.df-modal__receipt-info{flex:1;min-width:0}.df-modal__receipt-name{font-size:13px;font-weight:600;color:var(--df-text);margin-bottom:2px}.df-modal__receipt-supplier{font-size:12px;color:var(--df-text-2)}.df-modal__receipt-date{font-size:11px;color:var(--df-text-3);margin-top:2px;margin-bottom:8px}.df-modal__receipt-actions{display:flex;gap:8px;flex-wrap:wrap}.df-modal__receipt-btn{padding:5px 12px;font-size:12px;font-family:var(--df-font);font-weight:500;border-radius:var(--df-radius-sm);cursor:pointer;border:1px solid;transition:all .15s}.df-modal__receipt-btn--view{background:var(--df-surface);border-color:var(--df-border-md);color:var(--df-text)}.df-modal__receipt-btn--view:hover{background:var(--df-surface-2)}.df-modal__receipt-btn--download{background:var(--df-expense-bg);border-color:var(--df-expense-border);color:var(--df-expense)}.df-modal__receipt-btn--download:hover{filter:brightness(.95)}.df-lightbox-overlay{position:fixed;inset:0;background:#000000d9;z-index:200}.df-lightbox{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:201;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:90vw;max-height:90vh}.df-lightbox__img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:var(--df-radius);box-shadow:0 8px 40px #00000080}.df-lightbox__close{position:absolute;top:-40px;right:0;background:#ffffff26;border:none;color:#fff;font-size:18px;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.df-lightbox__close:hover{background:#ffffff40}.df-lightbox__download{background:var(--df-surface);border:1px solid var(--df-border-md);border-radius:var(--df-radius-sm);padding:8px 20px;font-size:13px;font-family:var(--df-font);font-weight:500;cursor:pointer;color:var(--df-text);transition:background .15s}.df-lightbox__download:hover{background:var(--df-surface-2)}.df-header__actions{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.df-period-filter{display:flex;flex-direction:column;gap:6px}.df-period-filter__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--df-text-3)}.df-period-filter__input{height:38px;padding:0 12px;font-family:var(--df-font);font-size:13px;color:var(--df-text);background:var(--df-surface);border:1px solid var(--df-border-md);border-radius:var(--df-radius-sm);outline:none}.df-period-filter__input:focus{border-color:var(--df-expense);box-shadow:0 0 0 3px #1a5fb414}.df-period-filter__controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.df-period-filter__check{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 12px;border:1px solid var(--df-border-md);border-radius:var(--df-radius-sm);background:var(--df-surface);font-size:13px;color:var(--df-text);cursor:pointer}.df-period-filter__check input{margin:0}.df-period-filter__input:disabled{opacity:.55;cursor:not-allowed;background:var(--df-surface-2)}.df-pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:12px}.df-pagination__btn{height:34px;padding:0 12px;border:1px solid var(--df-border-md);border-radius:var(--df-radius-sm);background:var(--df-surface);color:var(--df-text);font-family:var(--df-font);font-size:13px;cursor:pointer;transition:background .15s,opacity .15s}.df-pagination__btn:hover:not(:disabled){background:var(--df-surface-2)}.df-pagination__btn:disabled{opacity:.45;cursor:not-allowed}.df-pagination__info{font-size:12px;color:var(--df-text-2)}@media (max-width: 768px){.df-pagination{justify-content:center;flex-wrap:wrap}}.inventories-container{padding:10px;animation:fadeIn .4s ease-out;width:100%;box-sizing:border-box}.inventories-header{margin-bottom:24px}.inventories-header h1{font-size:1.8rem;font-weight:800;color:#1e293b;margin-bottom:24px;line-height:1.2}.header-inventories{display:flex;flex-wrap:wrap;gap:12px;background:#fff;padding:16px;border-radius:16px;border:1px solid #f1f5f9;margin-bottom:20px;align-items:center;box-shadow:0 2px 4px #00000005}.inv-search-wrap{position:relative;display:flex;align-items:center;flex:1;min-width:240px}.inv-search-input{width:100%;padding:0 40px 0 15px;height:42px;border-radius:10px;border:1px solid #e2e8f0;outline:none;font-size:.9rem;background:#f8fafc;transition:all .2s ease;color:#334155}.inv-search-input::placeholder{color:#94a3b8}.inv-search-input:focus{border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px #6366f11a}.inv-search-clear{position:absolute;right:10px;height:28px;width:28px;border-radius:8px;border:none;cursor:pointer;background:transparent;color:#64748b;transition:.2s ease}.inv-search-clear:hover{background:#eef2ff;color:#6366f1}.inv-search-meta{margin:6px 0 14px;font-size:13px;color:#64748b}.inventories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:24px}.inventory-card-custom{background:#fff;border:1px solid #f1f5f9!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:flex}.inventory-card-custom:hover{transform:translateY(-8px);box-shadow:0 15px 30px #00000014!important;border-color:#6366f1!important}.inventory-card-top{display:flex;flex-direction:column;gap:12px;flex:1}.inventory-badge{display:inline-flex;align-items:center;align-self:flex-start;padding:6px 10px;border-radius:999px;background:#6366f11a;color:#6366f1;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.inventories-info{display:flex;width:100%;flex-direction:column;gap:10px}.inventories-info h2{font-size:1rem;font-weight:700;color:#1e293b;margin:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.inventory-origin{font-size:.88rem;color:#64748b;margin:0}.inventory-price-tag{font-size:1.2rem;font-weight:800;color:#6366f1;margin:0;line-height:1.2}.inventory-meta{display:flex;flex-direction:column;gap:4px}.inventory-meta small{display:block;color:#94a3b8;font-size:11px;line-height:1.45}.inventory-card-footer{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:12px;border-top:1px solid #f1f5f9}.inventories-actions,.table-actions{display:flex;gap:8px;align-items:center}.inventories-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px #00000005}.inventories-table thead th{background:#f8fafc;padding:16px;text-align:left;font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;border-bottom:2px solid #f1f5f9;white-space:nowrap}.inventories-table tbody td{padding:14px 16px;border-bottom:1px solid #f1f5f9;font-size:.9rem;color:#475569;vertical-align:middle}.inventories-table tbody tr:last-child td{border-bottom:none}.inventories-table tbody tr:hover{background:#fcfdfe}.inv-name-cell{font-weight:600;color:#1e293b}.pagination-inventories{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;margin-top:28px}.pagination-inventories button{min-width:42px;height:42px;padding:0 14px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;color:#475569;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.pagination-inventories button:hover:not(:disabled){border-color:#6366f1;color:#6366f1;background:#eef2ff}.pagination-inventories button.active{background:#6366f1;color:#fff;border-color:#6366f1;box-shadow:0 8px 18px #6366f133}.pagination-inventories button:disabled{cursor:not-allowed;opacity:.5}.popup-box{background:#fff;width:100%;max-width:500px;border-radius:24px;padding:28px;max-height:90vh;overflow-y:auto;animation:slideUp .25s ease-out;box-shadow:0 25px 60px #0f172a2e}.popup-box h2{margin:0 0 20px;font-size:1.4rem;font-weight:800;color:#1e293b}.popup-box form{display:flex;flex-direction:column;gap:14px}.popup-box label{font-size:.86rem;font-weight:700;color:#334155}.popup-box input,.popup-box textarea{width:100%;min-height:44px;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc;color:#334155;font-size:.92rem;padding:0 14px;outline:none;transition:all .2s ease;box-sizing:border-box}.popup-box input:focus,.popup-box textarea:focus{border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px #6366f11a}.popup-box input:disabled{background:#f1f5f9;color:#64748b;cursor:not-allowed}.popup-buttons{display:flex;justify-content:flex-end;gap:12px;margin-top:10px;padding-top:18px;border-top:1px solid #f1f5f9}.btn-save{min-width:120px;height:44px;padding:0 18px;border-radius:12px;border:none;cursor:pointer;font-size:.94rem;font-weight:700;transition:all .2s ease;background:#6366f1;color:#fff;box-shadow:0 10px 20px #6366f138}.btn-save:hover{background:#4f46e5;transform:translateY(-1px)}.btn-cancel{min-width:120px;height:44px;padding:0 18px;border-radius:12px;border:none;cursor:pointer;font-size:.94rem;font-weight:700;transition:all .2s ease;background:#f1f5f9;color:#475569}.btn-cancel:hover{background:#e2e8f0}.supplier-skeleton-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;min-height:260px;box-shadow:0 2px 4px #00000005}.inv-empty,.inv-empty-row{background:#fff;border:1px dashed #cbd5e1;border-radius:18px;padding:36px 20px;text-align:center;color:#64748b}.inv-empty-row{border:none;background:transparent;padding:18px}.popup-box::-webkit-scrollbar{width:8px}.popup-box::-webkit-scrollbar-track{background:transparent}.popup-box::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.popup-box::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 990px){.inventories-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.popup-box{padding:24px}}@media (max-width: 770px){.inventories-container{padding:10px}.inventories-header h1{font-size:1.45rem;margin-bottom:18px}.header-inventories{flex-direction:column;gap:10px;padding:12px}.header-inventories>*{width:100%!important;margin:0!important}.header-inventories button,.inv-search-input{width:100%!important;height:45px!important}.inventories-grid{grid-template-columns:1fr 1fr;gap:12px}.popup-overlay{padding:12px}.popup-box{border-radius:18px;padding:18px;max-height:92vh}.inventories-table,.inventories-table thead,.inventories-table tbody,.inventories-table th,.inventories-table td,.inventories-table tr{display:block;width:100%}.inventories-table{background:transparent;box-shadow:none}.inventories-table thead{display:none}.inventories-table tbody{display:flex;flex-direction:column;gap:12px}.inventories-table tr{background:#fff;border:1px solid #f1f5f9;border-radius:14px;padding:10px 12px;box-shadow:0 2px 4px #00000005}.inventories-table td{border:none;border-bottom:1px dashed #eef2f7;padding:10px 0;display:flex;justify-content:space-between;gap:12px;text-align:right;font-size:.88rem}.inventories-table td:last-child{border-bottom:none;padding-bottom:0}.inventories-table td:before{content:attr(data-label);font-weight:700;color:#64748b;text-align:left}.table-actions{justify-content:flex-end}.pagination-inventories{gap:8px}.pagination-inventories button{min-width:38px;height:38px;font-size:.84rem;padding:0 10px}}@media (max-width: 520px){.inventories-grid{grid-template-columns:1fr}.inventory-card-footer{flex-direction:column;align-items:flex-start}.inventories-actions{width:100%;justify-content:flex-end}.popup-buttons{flex-direction:column-reverse}.btn-save,.btn-cancel{width:100%}}.history-popup-box{max-width:720px}.history-list{display:flex;flex-direction:column;gap:14px;margin-top:12px;max-height:60vh;overflow-y:auto;padding-right:4px}.history-item{border:1px solid #e2e8f0;border-radius:16px;padding:14px;background:#fff}.history-item.first-history{border-color:#6366f147;background:#6366f10a}.history-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;flex-wrap:wrap}.history-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#6366f11a;color:#6366f1;font-size:12px;font-weight:700}.history-date{font-size:12px;color:#64748b}.history-body{display:flex;flex-direction:column;gap:8px}.history-row{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:#334155}.history-row span{color:#64748b}.history-row strong{color:#0f172a;text-align:right}.history-loading,.history-empty{padding:18px 0;color:#64748b;text-align:center}.container-mainbar{flex:1;height:100vh;display:flex;flex-direction:column;background-color:#f8fafc;overflow:hidden}.top-mainbar{height:70px;min-height:70px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid rgba(0,0,0,.05);position:sticky;top:0;z-index:100}.avatar-wrapper{position:relative;display:flex;align-items:center}.avatar-menu{position:absolute;top:60px;right:0;background:#fff;min-width:180px;border-radius:12px;box-shadow:0 10px 25px #0000001a;padding:8px;border:1px solid rgba(0,0,0,.05);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.avatar-menu p{padding:12px 16px;margin:0;border-radius:8px;cursor:pointer;font-size:.9rem;color:#475569;transition:.2s}.avatar-menu p:hover{background:#f1f5f9;color:#6366f1}.content-mainbar{flex:1;padding:30px;overflow-y:auto;scroll-behavior:smooth}.products-container{padding:20px;animation:fadeIn .4s ease-out}.products-header{margin-bottom:24px}.products-header h1{font-size:1.8rem;font-weight:800;color:#1e293b;margin-bottom:24px;line-height:1.2}.products-header-actions{display:flex;flex-wrap:wrap;gap:12px;background:#fff;padding:16px;border-radius:16px;border:1px solid #f1f5f9;margin-bottom:30px;align-items:center;box-shadow:0 2px 4px #00000005}.search-input,.supplier-filter,.category-filter{padding:0 15px;height:42px;border-radius:10px;border:1px solid #e2e8f0;outline:none;font-size:.9rem;background:#f8fafc;transition:all .2s ease;color:#334155}.search-input::placeholder{color:#94a3b8}.search-input{flex:2;min-width:200px}.supplier-filter,.category-filter{flex:1;min-width:150px;cursor:pointer}.search-input:focus,.supplier-filter:focus,.category-filter:focus{border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px #6366f11a}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}.product-card-custom{background:#fff;border:1px solid #f1f5f9!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:flex;flex-direction:column;justify-content:space-between;height:100%;max-height:400px;overflow:hidden;position:relative}.product-card-custom:hover{transform:translateY(-8px);box-shadow:0 15px 30px #00000014!important;border-color:#6366f1!important}.product-card-top{display:flex;flex-direction:column;gap:12px;flex:1;width:100%}.product-image-wrapper{position:relative;width:100%;height:150px;overflow:hidden;border-radius:10px;background:#f8fafc;flex-shrink:0}.product-img-render{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;display:block}.product-card-custom:hover .product-img-render{transform:scale(1.08)}.product-no-img{width:100%;height:100%;display:grid;place-items:center;font-size:.9rem;color:#94a3b8;font-weight:600;background:linear-gradient(135deg,#f8fafc,#eef2f7)}.product-category-badge{position:absolute;top:8px;left:8px;background:#ffffffeb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:700;color:#6366f1;text-transform:uppercase;box-shadow:0 2px 4px #0000000d;max-width:calc(100% - 16px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-details{margin-top:2px;display:flex;flex-direction:column;gap:10px}.product-details h2{font-size:1rem;font-weight:700;color:#1e293b;margin:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.product-price-tag{font-size:1.2rem;font-weight:800;color:#6366f1;margin:0;line-height:1.2}.stock-value small{font-size:11px;color:#64748b}.product-card-footer{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:12px;border-top:1px solid #f1f5f9}.updated-text{font-size:10px;color:#94a3b8;line-height:1.4}.product-actions,.table-actions{display:flex;gap:8px;align-items:center}.btn-edit,.btn-delete{width:34px;height:34px;border-radius:8px;border:none;cursor:pointer;transition:.2s ease;background:#f1f5f9;color:#64748b;display:inline-flex;align-items:center;justify-content:center}.btn-edit svg,.btn-delete svg{font-size:18px}.btn-edit:hover{background:#6366f1;color:#fff}.btn-delete:hover{background:#fee2e2;color:#ef4444}.products-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px #00000005}.products-table thead th{background:#f8fafc;padding:16px;text-align:left;font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;border-bottom:2px solid #f1f5f9;white-space:nowrap}.products-table tbody td{padding:14px 16px;border-bottom:1px solid #f1f5f9;font-size:.9rem;color:#475569;vertical-align:middle}.products-table tbody tr:last-child td{border-bottom:none}.products-table tbody tr:hover{background:#fcfdfe}.product-name-cell{font-weight:600;color:#1e293b}.pagination{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;margin-top:28px}.pagination button{min-width:42px;height:42px;padding:0 14px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;color:#475569;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.pagination button:hover:not(:disabled){border-color:#6366f1;color:#6366f1;background:#eef2ff}.pagination button.active{background:#6366f1;color:#fff;border-color:#6366f1;box-shadow:0 8px 18px #6366f133}.pagination button:disabled{cursor:not-allowed;opacity:.5}.popup-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.popup-box-products{background:#fff;width:100%;max-width:750px;border-radius:24px;padding:32px;max-height:90vh;overflow-y:auto;animation:slideUp .25s ease-out;box-shadow:0 25px 60px #0f172a2e}.popup-header{margin-bottom:24px}.popup-header h2{margin:0 0 6px;font-size:1.5rem;font-weight:800;color:#1e293b}.popup-header p{margin:0;font-size:.95rem;color:#64748b}.product-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form-column{display:flex;flex-direction:column;gap:18px}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-size:.86rem;font-weight:700;color:#334155}.input-group input,.input-group select,.category-select,.readonly-input,.file-input-custom{width:100%;min-height:44px;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc;color:#334155;font-size:.92rem;padding:0 14px;outline:none;transition:all .2s ease;box-sizing:border-box}.input-group input:focus,.input-group select:focus,.category-select:focus,.readonly-input:focus,.file-input-custom:focus{border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px #6366f11a}.input-group input::placeholder{color:#94a3b8}.readonly-input{background:#f1f5f9;color:#64748b;cursor:not-allowed}.image-upload-section{display:flex;flex-direction:column;gap:12px}.current-image-preview{display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;background:#f8fafc;border:1px solid #eef2f7}.current-image-preview img{width:72px;height:72px;object-fit:cover;border-radius:12px;border:1px solid #e2e8f0;background:#fff}.current-image-preview span{font-size:.88rem;font-weight:600;color:#475569}.file-input-custom{padding:10px 12px;min-height:auto;background:#fff;cursor:pointer}.file-input-custom::file-selector-button{margin-right:12px;border:none;background:#6366f1;color:#fff;padding:9px 14px;border-radius:10px;cursor:pointer;font-weight:600;transition:.2s ease}.file-input-custom::file-selector-button:hover{background:#4f46e5}.popup-buttons-footer{grid-column:span 2;display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #f1f5f9}.btn-cancel-new,.btn-save-new{min-width:140px;height:46px;padding:0 18px;border-radius:12px;border:none;cursor:pointer;font-size:.94rem;font-weight:700;transition:all .2s ease}.btn-cancel-new{background:#f1f5f9;color:#475569}.btn-cancel-new:hover{background:#e2e8f0}.btn-save-new{background:#6366f1;color:#fff;box-shadow:0 10px 20px #6366f138}.btn-save-new:hover{background:#4f46e5;transform:translateY(-1px)}.product-skeleton-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:12px;min-height:310px;box-shadow:0 2px 4px #00000005}.sk-img{width:100%;height:150px;border-radius:10px;background:linear-gradient(90deg,#eef2f7 25%,#f8fafc 37%,#eef2f7 63%);background-size:400% 100%;animation:shimmer 1.3s infinite linear}.sk-line{border-radius:999px;background:linear-gradient(90deg,#eef2f7 25%,#f8fafc 37%,#eef2f7 63%);background-size:400% 100%;animation:shimmer 1.3s infinite linear}.sk-title{height:16px;width:80%}.sk-small{height:10px;width:55%}.sk-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:auto}.sk-circle{width:34px;height:34px;border-radius:10px;background:linear-gradient(90deg,#eef2f7 25%,#f8fafc 37%,#eef2f7 63%);background-size:400% 100%;animation:shimmer 1.3s infinite linear}.sk-cell{width:100%;height:12px}.products-empty{background:#fff;border:1px dashed #cbd5e1;border-radius:18px;padding:36px 20px;text-align:center;color:#64748b}.products-empty h3{margin:0 0 8px;font-size:1.1rem;color:#334155}.products-empty p{margin:0;font-size:.92rem}.popup-box-products::-webkit-scrollbar{width:8px}.popup-box-products::-webkit-scrollbar-track{background:transparent}.popup-box-products::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.popup-box-products::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 990px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.popup-box-products{padding:24px}}@media (max-width: 770px){.products-container{padding:14px}.products-header h1{font-size:1.45rem;margin-bottom:18px}.products-header-actions{flex-direction:column;gap:10px;padding:12px}.products-header-actions>*{width:100%!important;margin:0!important}.products-header-actions button,.products-header-actions .supplier-filter,.products-header-actions .search-input{width:100%!important;height:45px!important}.search-input{box-sizing:border-box}.products-grid{grid-template-columns:1fr 1fr;gap:12px}.product-card-custom{max-height:none}.product-image-wrapper{height:120px}.product-details h2{font-size:.95rem}.product-price-tag{font-size:1.05rem}.popup-overlay{padding:12px}.popup-box-products{border-radius:18px;padding:18px;max-height:92vh}.popup-header h2{font-size:1.2rem}.popup-header p{font-size:.88rem}.product-form-grid,.input-row{grid-template-columns:1fr}.popup-buttons-footer{grid-column:span 1;flex-direction:column-reverse}.btn-cancel-new,.btn-save-new{width:100%}.products-table,.products-table thead,.products-table tbody,.products-table th,.products-table td,.products-table tr{display:block;width:100%}.products-table{background:transparent;box-shadow:none}.products-table thead{display:none}.products-table tbody{display:flex;flex-direction:column;gap:12px}.products-table tr{background:#fff;border:1px solid #f1f5f9;border-radius:14px;padding:10px 12px;box-shadow:0 2px 4px #00000005}.products-table td{border:none;border-bottom:1px dashed #eef2f7;padding:10px 0;display:flex;justify-content:space-between;gap:12px;text-align:right;font-size:.88rem}.products-table td:last-child{border-bottom:none;padding-bottom:0}.products-table td:before{content:attr(data-label);font-weight:700;color:#64748b;text-align:left}.table-actions{justify-content:flex-end}.pagination{gap:8px}.pagination button{min-width:38px;height:38px;font-size:.84rem;padding:0 10px}}@media (max-width: 520px){.products-grid{grid-template-columns:1fr}.product-image-wrapper{height:170px}.product-card-footer{flex-direction:column;align-items:flex-start}.product-actions{width:100%;justify-content:flex-end}.current-image-preview{align-items:flex-start;flex-direction:column}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.users-container{width:100%;min-height:90vh;display:flex;flex-direction:column;box-sizing:border-box}.users-header{display:flex;justify-content:space-between;align-items:center;background-color:#0f1536;padding:16px 20px;border-radius:12px;margin-bottom:20px;flex-wrap:wrap;gap:12px}.users-header h1{color:#fff;font-size:22px;font-weight:600}.users-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.email{font-size:14px;color:#666}.role{font-size:14px;color:#444}.users-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 3px 10px #0000000d}.users-table th,.users-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #eaeaea}.users-table th{background-color:#0f1536;color:#fff;font-weight:600}.users-table tr:hover td{background-color:#f9f9f9}.roles-container{width:100%;min-height:90vh;display:flex;flex-direction:column;box-sizing:border-box}.roles-header{display:flex;justify-content:space-between;align-items:center;background-color:#0f1536;padding:16px 20px;border-radius:12px;margin-bottom:20px;flex-wrap:wrap;gap:12px}.roles-header h1{color:#fff;font-size:22px;font-weight:600}.search-wrapper{display:flex;align-items:center;background:#fff;border-radius:10px;padding:6px 12px;box-shadow:0 2px 6px #0000001a}.search-wrapper input{border:none;outline:none;background:transparent;font-size:14px;padding-left:8px}.search-icon{color:#0f1536;font-size:20px}.roles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.description{margin:4px 0 8px;color:#444;font-size:14px}.roles-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 3px 10px #0000000d}.roles-table th,.roles-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #eaeaea}.roles-table th{background-color:#0f1536;color:#fff;font-weight:600}.roles-table tr:hover td{background-color:#f9f9f9}.btn-edit,.btn-delete{background:none;border:none;cursor:pointer;padding:6px}.btn-edit svg{color:#0f1536}.btn-delete svg{color:#e74c3c}.btn-edit:hover svg{color:#3b82f6}.btn-delete:hover svg{color:#ff5c5c}.pagination{display:flex;justify-content:center;align-items:center;margin:20px 0;gap:8px}.pagination button{padding:8px 12px;border:none;border-radius:6px;background-color:#0f1536;color:#fff;cursor:pointer;transition:.2s}.pagination button:hover{background-color:#232a57}.pagination button.active{background-color:#75f94c;color:#0f1536;font-weight:700}.pagination button:disabled{background-color:#aaa;cursor:not-allowed}.permission-container{width:100%;min-height:90vh;display:flex;flex-direction:column;box-sizing:border-box}.permission-header{display:flex;justify-content:space-between;align-items:center;background-color:#0f1536;padding:16px 20px;border-radius:12px;margin-bottom:20px}.permission-header h1{color:#fff;font-size:22px;font-weight:600}.permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.permission-table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.permission-table th,.permission-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #eaeaea}.permission-table th{background-color:#0f1536;color:#fff;font-weight:600}.permission-table tr:hover td{background-color:#f9f9f9}.rolePermission-container{width:100%;min-height:90vh;display:flex;flex-direction:column;box-sizing:border-box}.rolePermission-header{display:flex;justify-content:space-between;align-items:center;background-color:#0f1536;padding:16px 20px;border-radius:12px;margin-bottom:20px}.rolePermission-header h1{color:#fff;font-size:22px;font-weight:600}.header-actions{display:flex;gap:10px;align-items:center}.search-wrapper{position:relative}.search-wrapper input{padding:8px 32px 8px 10px;border-radius:8px;border:1px solid #ccc;outline:none}.search-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#888}.rolePermission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.rolePermission-table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.rolePermission-table th,.rolePermission-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #eaeaea}.rolePermission-table th{background-color:#0f1536;color:#fff;font-weight:600}.rolePermission-table tr:hover td{background-color:#f9f9f9}.popup-overlay{position:fixed;inset:0;background:#0f153699;display:flex;align-items:center;justify-content:center;z-index:999}.popup-box{background:#fff;border-radius:16px;width:90%;max-width:420px;padding:24px 26px;box-shadow:0 6px 16px #00000026}.popup-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.btn-save{background-color:#75f94c;color:#0f1536;border:none;border-radius:8px;padding:8px 16px;font-weight:600;cursor:pointer}.btn-cancel{background-color:#ccc;border:none;border-radius:8px;padding:8px 16px;font-weight:500;color:#0f1536}.orders-container{padding:10px;animation:fadeIn .4s ease-out;width:100%;box-sizing:border-box}.orders-header{margin-bottom:24px}.orders-header h1{font-size:1.8rem;font-weight:800;color:#1e293b;margin-bottom:24px;line-height:1.2}.orders-header-actions{display:flex;flex-wrap:wrap;gap:12px;background:#fff;padding:16px;border-radius:16px;border:1px solid #f1f5f9;margin-bottom:20px;align-items:center;box-shadow:0 2px 4px #00000005}.orders-search-wrap{position:relative;display:flex;align-items:center;flex:1.4;min-width:220px}.orders-search-input,.orders-filter,.modal-search{padding:0 15px;height:42px;border-radius:10px;border:1px solid #e2e8f0;outline:none;font-size:.9rem;background:#f8fafc;transition:all .2s ease;color:#334155}.orders-search-input,.modal-search{width:100%}.orders-filter{flex:1;min-width:180px;cursor:pointer}.orders-search-input::placeholder,.modal-search::placeholder{color:#94a3b8}.orders-search-input:focus,.orders-filter:focus,.modal-search:focus{border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px #6366f11a}.orders-search-clear{position:absolute;right:10px;height:28px;width:28px;border-radius:8px;border:none;cursor:pointer;background:transparent;color:#64748b;transition:.2s ease}.orders-search-clear:hover{background:#eef2ff;color:#6366f1}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}.order-card{background:#fff;border:1px solid #f1f5f9;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;justify-content:space-between;min-height:280px;overflow:hidden;position:relative;border-radius:16px;padding:16px;box-shadow:0 2px 4px #00000005}.order-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px #00000014;border-color:#6366f1}.order-card-top{display:flex;flex-direction:column;gap:12px;flex:1}.order-badge{display:inline-flex;align-items:center;align-self:flex-start;padding:6px 10px;border-radius:999px;background:#6366f11a;color:#6366f1;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.order-info{display:flex;flex-direction:column;gap:10px}.order-info h3{font-size:1rem;font-weight:700;color:#1e293b;margin:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.order-origin{font-size:.88rem;color:#64748b;margin:0}.order-price{font-size:1.2rem;font-weight:800;color:#6366f1;margin:0;line-height:1.2}.stock-container{display:flex;flex-direction:column;gap:6px;padding:10px;background:#f8fafc;border-radius:8px;border:1px solid #eef2f7}.stock-info{display:flex;justify-content:space-between;align-items:center;gap:10px}.stock-label{font-size:10px;text-transform:uppercase;color:#94a3b8;font-weight:700;letter-spacing:.08em}.stock-value{font-size:13px;font-weight:700;color:#334155;text-align:right}.stock-value.critical{color:#ef4444}.stock-bar-bg{width:100%;height:6px;background:#e2e8f0;border-radius:999px;overflow:hidden}.stock-bar-fill{height:100%;background:#6366f1;border-radius:999px;transition:width .5s ease-in-out}.stock-bar-fill.critical{background:#f87171}.order-card-footer{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:12px;border-top:1px solid #f1f5f9}.btn-add-card{min-width:96px;height:38px;border-radius:10px;border:none;background:#6366f1;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:700;cursor:pointer;transition:.2s ease;padding:0 14px}.btn-add-card:hover{background:#4f46e5}.qty-control{display:flex;align-items:center;gap:6px}.qty-btn{width:32px;height:32px;border-radius:8px;border:1px solid #dcdfe7;background:#fff;cursor:pointer;font-size:16px;font-weight:700;color:#334155;transition:.2s ease}.qty-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.qty-btn:disabled{opacity:.5;cursor:not-allowed}.qty-input{width:52px;height:32px;text-align:center;border:1px solid #dcdfe7;border-radius:8px;padding:0 8px;outline:none;font-size:.9rem;color:#334155;background:#fff}.qty-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f114}.orders-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px #00000005}.orders-table thead th{background:#f8fafc;padding:16px;text-align:left;font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;border-bottom:2px solid #f1f5f9;white-space:nowrap}.orders-table tbody td{padding:14px 16px;border-bottom:1px solid #f1f5f9;font-size:.9rem;color:#475569;vertical-align:middle}.orders-table tbody tr:last-child td{border-bottom:none}.orders-table tbody tr:hover{background:#fcfdfe}.muted{color:#94a3b8;font-size:12px;margin-top:4px}.btn-delete{width:34px;height:34px;border-radius:8px;border:none;cursor:pointer;transition:.2s ease;background:#fef2f2;color:#ef4444;display:inline-flex;align-items:center;justify-content:center}.btn-delete:hover{background:#fee2e2}.pagination,.pagination-orders{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;margin-top:28px}.pagination button,.pagination-orders button{min-width:42px;height:42px;padding:0 14px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;color:#475569;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.pagination button:hover:not(:disabled),.pagination-orders button:hover:not(:disabled){border-color:#6366f1;color:#6366f1;background:#eef2ff}.pagination button.active,.pagination-orders button.active{background:#6366f1;color:#fff;border-color:#6366f1;box-shadow:0 8px 18px #6366f133}.pagination button:disabled,.pagination-orders button:disabled{cursor:not-allowed;opacity:.5}.modal-orders{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-box-orders{background:#fff;width:100%;max-width:900px;border-radius:24px;padding:28px;max-height:90vh;overflow-y:auto;animation:slideUp .25s ease-out;box-shadow:0 25px 60px #0f172a2e;display:flex;flex-direction:column;gap:16px}.modal-header-orders{display:flex;justify-content:space-between;align-items:center;gap:12px}.modal-header-orders h2{margin:0;font-size:1.4rem;font-weight:800;color:#1e293b}.btn-close{background:#f8fafc;border:none;font-size:18px;cursor:pointer;width:38px;height:38px;border-radius:10px;transition:.2s ease}.btn-close:hover{background:#eef2ff;color:#6366f1}.modal-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:4px}.modal-footer strong{color:#0f172a;font-weight:800}.receipt-link{font-weight:600;text-decoration:none;color:#6366f1}.receipt-link:hover{text-decoration:underline}.btn-receipt{padding:6px 10px;border-radius:8px;border:1px solid rgba(0,0,0,.15);background:#fff;cursor:pointer;font-size:12px;line-height:1;transition:.2s ease}.ellipsis{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ellipsis[title]{cursor:help}.order-card-skeleton{min-height:280px}.sk{border-radius:999px;background:linear-gradient(90deg,#eef2f7 25%,#f8fafc 37%,#eef2f7 63%);background-size:400% 100%;animation:shimmer 1.3s infinite linear}.sk-title{height:16px;width:70%}.sk-text{height:12px;width:100%}.sk-text.sm{width:40px}.sk-text.md{width:90px}.sk-text.lg{width:160px}.sk-price{height:20px;width:50%}.sk-stock{height:48px;width:100%;border-radius:10px}.sk-footer{height:40px;width:100%;border-radius:12px}.sk-pill{height:28px;width:110px;border-radius:999px}.sk-icon{width:24px;height:24px;border-radius:50%}.sk-row td{padding-top:14px;padding-bottom:14px}.orders-empty{background:#fff;border:1px dashed #cbd5e1;border-radius:18px;padding:36px 20px;text-align:center;color:#64748b}.orders-empty h3{margin:0 0 8px;font-size:1.1rem;color:#334155}.orders-empty p{margin:0;font-size:.92rem}.modal-box-orders::-webkit-scrollbar{width:8px}.modal-box-orders::-webkit-scrollbar-track{background:transparent}.modal-box-orders::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.modal-box-orders::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 990px){.orders-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.modal-box-orders{padding:24px}}@media (max-width: 770px){.orders-container{padding:10px}.orders-header h1{font-size:1.45rem;margin-bottom:18px}.orders-header-actions{flex-direction:column;gap:10px;padding:12px}.orders-header-actions>*{width:100%!important;margin:0!important}.orders-search-input,.orders-filter,.modal-search{width:100%!important;height:45px!important}.orders-grid{grid-template-columns:1fr 1fr;gap:12px}.order-card-footer{flex-direction:column;align-items:stretch}.qty-control{justify-content:center}.btn-add-card{width:100%}.modal-orders{padding:12px}.modal-box-orders{border-radius:18px;padding:18px;max-height:92vh}.orders-table,.orders-table thead,.orders-table tbody,.orders-table th,.orders-table td,.orders-table tr{display:block;width:100%}.orders-table{background:transparent;box-shadow:none}.orders-table thead{display:none}.orders-table tbody{display:flex;flex-direction:column;gap:12px}.orders-table tr{background:#fff;border:1px solid #f1f5f9;border-radius:14px;padding:10px 12px;box-shadow:0 2px 4px #00000005}.orders-table td{border:none;border-bottom:1px dashed #eef2f7;padding:10px 0;display:flex;justify-content:space-between;gap:12px;text-align:right;font-size:.88rem}.orders-table td:last-child{border-bottom:none;padding-bottom:0}.pagination,.pagination-orders{gap:8px}.pagination button,.pagination-orders button{min-width:38px;height:38px;font-size:.84rem;padding:0 10px}}@media (max-width: 520px){.orders-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column;align-items:stretch}.modal-footer>*{width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer{to{background-position:-400% 0}}.modal-box-history{max-width:1200px}.history-table th:nth-child(1),.history-table td:nth-child(1){width:56px;text-align:center;white-space:nowrap}.history-table th:nth-child(2),.history-table td:nth-child(2){width:220px}.history-table th:nth-child(3),.history-table td:nth-child(3){width:140px;text-align:center}.history-table th:nth-child(4),.history-table td:nth-child(4){width:220px}.history-table th:nth-child(5),.history-table td:nth-child(5){width:120px;text-align:center}.history-table th:nth-child(6),.history-table td:nth-child(6){width:120px;text-align:center}.history-table th:nth-child(7),.history-table td:nth-child(7){width:140px;text-align:right;white-space:nowrap}.history-table th:nth-child(8),.history-table td:nth-child(8){width:170px;white-space:nowrap}.history-table tbody tr:hover{background:#f8fbff}.history-id{display:flex;flex-direction:column;gap:4px}.history-id strong{font-size:.9rem;color:#1e293b;font-weight:700}.history-id span{font-size:.76rem;color:#94a3b8}.history-status{display:inline-flex;align-items:center;justify-content:center;min-width:92px;padding:6px 10px;border-radius:999px;font-size:.76rem;font-weight:700;text-transform:capitalize;border:1px solid transparent}.history-status.success{background:#ecfdf5;color:#059669;border-color:#a7f3d0}.history-status.pending{background:#fff7ed;color:#ea580c;border-color:#fdba74}.history-status.failed,.history-status.cancelled,.history-status.expired{background:#fef2f2;color:#dc2626;border-color:#fecaca}.history-status.default{background:#f8fafc;color:#475569;border-color:#e2e8f0}.history-payment{display:inline-flex;align-items:center;justify-content:center;min-width:90px;padding:6px 10px;border-radius:999px;font-size:.76rem;font-weight:700;background:#eef2ff;color:#4f46e5}.history-amount{font-weight:800;color:#0f172a;white-space:nowrap}.history-updated{display:flex;flex-direction:column;gap:2px}.history-updated strong{font-size:.84rem;color:#334155;font-weight:700}.history-updated span{font-size:.75rem;color:#94a3b8}.receipt-cell{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.receipt-link{display:inline-flex;align-items:center;justify-content:center;min-width:78px;height:34px;padding:0 12px;border-radius:10px;border:1px solid rgba(99,102,241,.18);background:#6366f114;color:#6366f1;text-decoration:none;font-size:.82rem;font-weight:700;transition:.2s ease}.receipt-link:hover{background:#6366f124}.btn-receipt{min-width:78px;height:34px;padding:0 12px;border-radius:10px;border:1px solid #dbe2ea;background:#fff;cursor:pointer;font-size:.82rem;font-weight:700;line-height:1;color:#334155;transition:.2s ease}.btn-receipt:hover:not(:disabled){border-color:#6366f1;color:#6366f1;background:#eef2ff}.btn-receipt:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 770px){.history-table td[data-label=Amount]{font-weight:700}.history-table td[data-label=Status],.history-table td[data-label=Payment],.history-table td[data-label=Receipt]{align-items:center}.history-status,.history-payment{margin-left:auto}.receipt-cell{justify-content:flex-end}}.ds-wrap{padding:20px;animation:dsFadeIn .3s ease}.ds-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.ds-title{margin:0;font-size:1.6rem;font-weight:800;color:#0f172a}.ds-top-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.ds-alert{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:12px;padding:12px 14px;margin-bottom:16px}.ds-panel{background:#fff;border:1px solid #eef2f7;border-radius:18px;padding:18px;box-shadow:0 6px 20px #0f172a0a}.ds-panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.ds-panel-head h2{margin:0;font-size:1.05rem;font-weight:700;color:#0f172a}.ds-muted{font-size:.86rem;color:#64748b}.ds-empty{padding:28px 16px;text-align:center;color:#94a3b8;font-size:.95rem}.ds-table-wrap{width:100%;overflow-x:auto;border-radius:14px}.ds-table{width:100%;border-collapse:collapse;min-width:760px}.ds-table thead th{background:#f8fafc;color:#475569;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;text-align:left;padding:14px 16px;border-bottom:1px solid #e2e8f0}.ds-table tbody td{padding:16px;border-bottom:1px solid #f1f5f9;color:#334155;font-size:.92rem;vertical-align:top}.ds-row-click{cursor:pointer;transition:background .2s ease}.ds-row-click:hover{background:#fafbff}.ds-items{display:flex;flex-direction:column;gap:8px}.ds-item{display:flex;flex-direction:column;gap:2px}.ds-item-name{font-weight:600;color:#0f172a}.ds-item-sub{font-size:.82rem;color:#64748b}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.84rem;word-break:break-all}.ds-modal-overlay{position:fixed;inset:0;background:#0f172a80;display:flex;justify-content:center;align-items:center;padding:20px;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ds-modal{width:100%;max-width:900px;max-height:90vh;overflow-y:auto;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0f172a2e;animation:dsPop .2s ease}.ds-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 20px 14px;border-bottom:1px solid #f1f5f9}.ds-modal-title{font-size:1.1rem;font-weight:800;color:#0f172a}.ds-modal-sub{display:flex;flex-direction:column;gap:4px;margin-top:6px;color:#64748b;font-size:.88rem}.ds-modal-close{border:none;background:#f8fafc;color:#475569;width:38px;height:38px;border-radius:10px;cursor:pointer;font-size:1rem;transition:.2s ease}.ds-modal-close:hover{background:#e2e8f0}.ds-modal-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px 20px;border-bottom:1px solid #f1f5f9}.ds-modal-pill{background:#f8fafc;border:1px solid #eef2f7;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:6px}.ds-modal-pill span{font-size:.8rem;color:#64748b}.ds-modal-pill strong{color:#0f172a;font-size:.95rem}.ds-modal-body{width:50%;padding:18px 20px}.ds-modal-items{width:90%;display:flex;flex-direction:column;gap:12px}.ds-modal-item{width:100%;flex-direction:column;display:flex;justify-content:space-between;gap:16px;padding:16px;border:1px solid #eef2f7;border-radius:16px;background:#fcfcfd}.ds-modal-item-left{width:100%;flex:1}.ds-modal-item-name{font-size:.96rem;font-weight:700;color:#0f172a;margin-bottom:4px}.ds-modal-item-meta{color:#64748b;font-size:.82rem}.ds-modal-item-right{width:100%;display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-start}.ds-modal-kv{display:flex;flex-direction:column;gap:4px;min-width:90px;align-items:flex-start}.ds-modal-kv span{font-size:.78rem;color:#64748b}.ds-modal-kv strong{font-size:.9rem;color:#0f172a}.ds-modal-foot{padding:0 20px 20px;display:flex;justify-content:flex-end}.ds-modal-btn{border:none;background:#6366f1;color:#fff;padding:11px 18px;border-radius:12px;cursor:pointer;font-weight:700;transition:.2s ease}.ds-modal-btn:hover{background:#4f46e5}.ds-skeleton{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:18px;align-items:stretch}.sk-card,.sk-wide{position:relative;overflow:hidden;background:#fff;border:1px solid #eef2f7;border-radius:18px;box-shadow:0 6px 20px #0f172a0a}.sk-card{min-height:150px}.sk-wide{grid-column:1 / -1;min-height:300px}.sk-card:before,.sk-wide:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f8fafc,#e2e8f0 20%,#f8fafc 40% 100%);background-size:200% 100%;animation:dsShimmer 1.2s linear infinite}.sk-card:after{content:"";position:absolute;inset:18px;background:linear-gradient(#e5e7eb,#e5e7eb) top left / 42% 12px no-repeat,linear-gradient(#e5e7eb,#e5e7eb) top right / 28px 28px no-repeat,linear-gradient(#e5e7eb,#e5e7eb) left 52px / 58% 34px no-repeat,linear-gradient(#e5e7eb,#e5e7eb) left 96px / 78% 12px no-repeat;border-radius:12px;opacity:.95}.sk-wide:after{content:"";position:absolute;inset:18px;background:linear-gradient(#e5e7eb,#e5e7eb) top left / 180px 14px no-repeat,linear-gradient(#e5e7eb,#e5e7eb) top right / 100px 12px no-repeat,linear-gradient(#e5e7eb,#e5e7eb) left 42px / 100% 1px no-repeat,linear-gradient(#e5e7eb,#e5e7eb) left 72px / 15% 12px no-repeat,linear-gradient(#e5e7eb,#e5e7eb) left 72px / 18% 12px no-repeat,linear-gradient(#e5e7eb,#e5e7eb) left 72px / 14% 12px no-repeat,linear-gradient(#e5e7eb,#e5e7eb) left 72px / 32% 12px no-repeat,linear-gradient(#e5e7eb,#e5e7eb) left 110px / 15% 12px no-repeat,linear-gradient(#e5e7eb,#e5e7eb) left 110px / 18% 12px no-repeat,linear-gradient(#e5e7eb,#e5e7eb) left 110px / 14% 12px no-repeat,linear-gradient(#e5e7eb,#e5e7eb) left 110px / 32% 12px no-repeat,linear-gradient(#e5e7eb,#e5e7eb) left 148px / 15% 12px no-repeat,linear-gradient(#e5e7eb,#e5e7eb) left 148px / 18% 12px no-repeat,linear-gradient(#e5e7eb,#e5e7eb) left 148px / 14% 12px no-repeat,linear-gradient(#e5e7eb,#e5e7eb) left 148px / 32% 12px no-repeat,linear-gradient(#e5e7eb,#e5e7eb) left 186px / 15% 12px no-repeat,linear-gradient(#e5e7eb,#e5e7eb) left 186px / 18% 12px no-repeat,linear-gradient(#e5e7eb,#e5e7eb) left 186px / 14% 12px no-repeat,linear-gradient(#e5e7eb,#e5e7eb) left 186px / 32% 12px no-repeat;opacity:.95}@keyframes dsShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes dsFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes dsPop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 900px){.ds-wrap{padding:20px;max-width:1200px;margin:0 auto}.ds-panel{display:flex;flex-direction:column;justify-content:center;align-items:center}.ds-table-wrap{overflow-x:auto;width:90%;border-radius:8px;box-shadow:0 2px 10px #0000000d}.ds-table{width:100%;border-collapse:collapse;background:#fff}.ds-table th,.ds-table td{padding:0;text-align:left;border-bottom:1px solid #eee}}@media (max-width: 520px){.ds-header{align-items:flex-start}.ds-modal-overlay{padding:10px}.ds-modal{border-radius:16px}.ds-modal-head,.ds-modal-body,.ds-modal-summary,.ds-modal-foot{padding-left:14px;padding-right:14px}.sk-card:after{background:linear-gradient(#e5e7eb,#e5e7eb) top left / 52% 12px no-repeat,linear-gradient(#e5e7eb,#e5e7eb) top right / 24px 24px no-repeat,linear-gradient(#e5e7eb,#e5e7eb) left 48px / 70% 28px no-repeat,linear-gradient(#e5e7eb,#e5e7eb) left 88px / 82% 12px no-repeat}}.ds-wrapper-transaction{display:flex}.ds-receipt-section{width:50%;padding:24px;border-top:1px solid #e5e7eb}.ds-receipt-box{border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;background:#fafafa}.ds-receipt-actions-wrap{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ds-receipt-actions-wrap input[type=file]{font-size:12px}.ds-file-note{margin-top:6px;font-size:12px;color:#6b7280;word-break:break-word}.ds-receipt-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:12px}.ds-receipt-card{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff}.ds-receipt-preview{width:100%;height:120px;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.ds-receipt-img{width:100%;height:100%;object-fit:cover}.ds-receipt-noimg{color:#6b7280;font-size:12px}.ds-receipt-content{padding:10px}.ds-receipt-row{margin-bottom:5px;word-break:break-word;font-size:12px;line-height:1.4}.ds-receipt-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.ds-link-btn,.ds-modal-btn{padding:6px 10px;font-size:12px;border-radius:8px}.ds-link-btn{border:none;background:#eef2ff;color:#3730a3;cursor:pointer;text-decoration:none}.ds-link-danger{background:#fef2f2;color:#b91c1c}.ds-receipt-edit-box{margin-top:10px;padding-top:10px;border-top:1px dashed #d1d5db}.ds-receipt-edit-box input[type=file]{font-size:12px}.ds-panel-head h2{font-size:16px;margin:0}.ds-muted{font-size:12px}.txPage{padding:10px;display:grid;gap:18px;color:#0f172a}.txHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.txHeader h1{margin:0;font-size:28px;font-weight:800}.txHeader p{margin:6px 0 0;color:#64748b;font-size:14px}.txRefreshBtn,.txPrimaryBtn,.txGhostBtn,.txDangerBtn,.txToggleBtn{border:none;outline:none;cursor:pointer;border-radius:12px;padding:10px 14px;font-weight:700;transition:.2s ease}.txRefreshBtn,.txPrimaryBtn{background:#0f172a;color:#fff}.txRefreshBtn:hover,.txPrimaryBtn:hover{opacity:.92}.txGhostBtn{background:#e2e8f0;color:#0f172a}.txGhostBtn:hover{background:#cbd5e1}.txDangerBtn{background:#ef4444;color:#fff}.txDangerBtn:hover{background:#dc2626}.txToggleBtn{background:#eff6ff;color:#1d4ed8}.txToggleBtn:hover{background:#dbeafe}.txGrid{display:grid;gap:16px}.txCard{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:18px;box-shadow:0 8px 24px #0f172a0f}.txTop{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap}.txTopLeft{flex:1 1 640px;min-width:0}.txTopRight{display:grid;gap:10px;justify-items:end}.txReceiptCount{font-size:13px;color:#64748b;font-weight:700}.txTitleRow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.txTitleRow h3{margin:0;font-size:24px;font-weight:800}.txMeta{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.txMeta span{display:flex;flex-direction:column;gap:2px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;font-size:13px;color:#475569}.txMeta span strong{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.4px}.txMeta span{word-break:break-word}.txHeaderActions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.txDateFilter{border:1px solid #e2e8f0;border-radius:10px;padding:8px 10px;font-size:14px;background:#fff;color:#0f172a}.txBadge{display:inline-flex;align-items:center;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800;border:1px solid transparent}.txBadge.success{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.txBadge.warning{background:#fffbeb;color:#b45309;border-color:#fde68a}.txBadge.danger{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.txDetails{margin-top:18px;padding-top:18px;border-top:1px solid #e2e8f0;display:grid;gap:18px}.txCreateBox{border:1px dashed #cbd5e1;border-radius:16px;padding:16px;background:#f8fafc}.txSectionHead{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.txSectionHead h4{margin:0;font-size:16px;font-weight:800}.txSectionHead span{color:#64748b;font-size:13px}.txCreateActions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.txFileNote{margin-top:10px;font-size:13px;color:#475569;word-break:break-word}.txReceiptGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.txReceiptCard{border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;background:#fff;display:grid}.txReceiptImageWrap{display:block;background:#f8fafc}.txReceiptImage{width:100%;height:220px;object-fit:cover;display:block}.txReceiptInfo{padding:12px 14px 0}.txReceiptId{font-size:13px;color:#475569;word-break:break-word}.txReceiptActions{padding:14px;display:flex;gap:10px;flex-wrap:wrap}.txReceiptEditBox{padding:14px;display:grid;gap:10px}.txEmptyReceipt,.txState{border:1px dashed #cbd5e1;border-radius:16px;padding:20px;text-align:center;color:#64748b;background:#f8fafc}.txError{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.txSkeletonCard{overflow:hidden}.txSkLine{height:12px;border-radius:999px;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:txShimmer 1.2s infinite linear;margin-bottom:10px}.txSkLine.w40{width:40%}.txSkLine.w60{width:60%}.txSkLine.w70{width:70%}.txSkLine.w80{width:80%}@keyframes txShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 768px){.txPage{padding:14px}.txHeader h1{font-size:22px}.txTopRight{width:100%;justify-items:stretch}.txToggleBtn,.txRefreshBtn,.txPrimaryBtn,.txGhostBtn,.txDangerBtn{width:100%}.txCreateActions{display:grid}.txReceiptImage{height:180px}}.txOrderItemCard{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border);border-radius:14px;padding:10px 12px;background:#fff}.txOrderItemLeft{display:flex;flex-direction:column;gap:4px}.txOrderItemTitle{font-weight:600;font-size:13px}.txOrderItemMeta{font-size:12px;color:#64748b;display:flex;gap:12px}.txOrderItemPrice{font-weight:700;font-size:13px}.txOrderItems{display:grid;gap:10px;margin-bottom:16px}.txOrderItemCard{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border);border-radius:16px;padding:10px 12px;background:#fff;transition:.2s ease;background-color:#f3f3f3}.txOrderItemCard:hover{box-shadow:0 4px 14px #0000000f}.txOrderItemLeft{display:flex;align-items:center;gap:10px}.txOrderItemImageWrap{width:50px;height:50px;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:#f8fafc}.txOrderItemImageWrap img{width:100%;height:100%;object-fit:cover}.txOrderItemInfo{display:flex;flex-direction:column;gap:4px}.txOrderItemTitle{font-size:13px;font-weight:600;color:#0f172a}.txOrderItemMeta{font-size:12px;color:#64748b;display:flex;gap:10px}.txOrderItemRight{text-align:right}.txOrderItemPrice{font-size:13px;font-weight:700;color:#0f172a}