:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100%;margin:0;padding:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}:root{--meta-blue: #0866FF;--meta-bg: #F0F2F5;--meta-card-bg: #FFFFFF;--meta-text-primary: #1C1E21;--meta-text-secondary: #65676B;--meta-border: #CED0D4;--meta-hover-bg: #E4E6EB;--meta-shadow: 0 1px 2px rgba(0, 0, 0, .1);--meta-positive: #00A400;--meta-negative: #FA383E;--color-sales: #E7F3FF;--color-sales-text: #0866FF;--color-cost: #FFF0F0;--color-cost-text: #FA383E;--color-profit: #E7F8E7;--color-profit-text: #00A400;--color-margin: #F0F2F5;--color-count: #FEF9E7;--color-count-text: #F7B928}body{background-color:var(--meta-bg);margin:0}.dashboard-container{padding:2rem;max-width:1200px;margin:0 auto;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--meta-text-primary)}@media(max-width:600px){.dashboard-container{padding:1rem}}h1{font-size:2rem;font-weight:800;margin-bottom:2rem;color:var(--meta-blue);text-align:center;background:linear-gradient(45deg,var(--meta-blue),#00A400);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media(max-width:600px){h1{font-size:1.5rem;margin-bottom:1.5rem}}.filters-section{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2.5rem;padding:1.5rem;background:var(--meta-card-bg);border-radius:12px;align-items:flex-end;box-shadow:0 2px 12px #00000014;border:1px solid rgba(0,0,0,.05)}@media(max-width:600px){.filters-section{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem}.filter-group{min-width:unset}.filters-section button{width:100%;margin-top:.5rem}}.filter-group{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:200px}.filter-group label{font-size:.75rem;font-weight:700;color:var(--meta-text-secondary);text-transform:uppercase;letter-spacing:.025em;margin-left:2px}.filter-group input{padding:.75rem 1rem;border:1px solid var(--meta-border);border-radius:8px;font-family:inherit;font-size:.9375rem;background-color:#f7f8fa;transition:all .2s ease-in-out;color:var(--meta-text-primary)}.filter-group input:hover{border-color:#bec3c9}.filter-group input:focus{outline:none;border-color:var(--meta-blue);background-color:#fff;box-shadow:0 0 0 3px #0866ff1a}.filters-section button{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--meta-blue),#0056D6);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;font-size:.9375rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;height:46px;min-width:120px;box-shadow:0 4px 10px #0866ff33}.filters-section button:hover{transform:translateY(-1px);box-shadow:0 6px 14px #0866ff4d;filter:brightness(1.1)}.filters-section button:active{transform:translateY(0)}.filters-section button:disabled{background:#e4e6eb;color:#b0b3b8;cursor:not-allowed;box-shadow:none;transform:none}.btn-content{display:flex;align-items:center;gap:.5rem}.refresh-icon{transition:transform .5s ease}.refresh-btn:hover:not(:disabled) .refresh-icon,.sync-btn:hover:not(:disabled) .sync-icon{transform:rotate(180deg)}.sync-btn{background:linear-gradient(135deg,var(--meta-positive),#008f00)!important;box-shadow:0 4px 10px #00a40033!important}.sync-btn:hover:not(:disabled){box-shadow:0 6px 14px #00a4004d!important}.sync-icon{transition:transform .5s ease}.spinner-small{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2.5rem}@media(max-width:600px){.summary-cards{grid-template-columns:1fr;gap:1rem}.summary-card{padding:1rem}.summary-card .amount{font-size:1.25rem}.card-icon{width:40px;height:40px}}.summary-card{padding:1.25rem;background:var(--meta-card-bg);border-radius:16px;box-shadow:0 4px 20px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:1rem;border:1px solid rgba(255,255,255,.8);position:relative;overflow:hidden;min-height:100px;container-type:inline-size}.summary-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#fff3,#fff0);pointer-events:none}.summary-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #0000001a}.card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s ease}.summary-card:hover .card-icon{transform:scale(1.1) rotate(5deg)}.card-content{display:flex;flex-direction:column;min-width:0}.summary-card h3{margin:0;font-size:.8125rem;color:var(--meta-text-secondary);font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-card .amount{margin:.25rem 0 0;font-size:clamp(1.1rem,9cqi,1.5rem);font-weight:800;line-height:1.2;word-break:break-word;overflow-wrap:break-word}.summary-card.sales{background:linear-gradient(135deg,#e7f3ff,#fff);border-bottom:4px solid var(--meta-blue)}.summary-card.sales .card-icon{background:var(--meta-blue);color:#fff}.summary-card.sales .amount{color:var(--meta-blue)}.summary-card.cost{background:linear-gradient(135deg,#fff0f0,#fff);border-bottom:4px solid var(--meta-negative)}.summary-card.cost .card-icon{background:var(--meta-negative);color:#fff}.summary-card.cost .amount{color:var(--meta-negative)}.summary-card.profit{background:linear-gradient(135deg,#e7f8e7,#fff);border-bottom:4px solid var(--meta-positive)}.summary-card.profit .card-icon{background:var(--meta-positive);color:#fff}.summary-card.margin{background:linear-gradient(135deg,#f0f2f5,#fff);border-bottom:4px solid var(--meta-text-secondary)}.summary-card.margin .card-icon{background:var(--meta-text-secondary);color:#fff}.summary-card.count{background:linear-gradient(135deg,#fef9e7,#fff);border-bottom:4px solid var(--color-count-text)}.summary-card.count .card-icon{background:var(--color-count-text);color:#fff}.summary-card.count .amount{color:var(--color-count-text)}.amount.positive{color:var(--meta-positive)!important}.amount.negative{color:var(--meta-negative)!important}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2.5rem}.chart-card{background:var(--meta-card-bg);padding:1.5rem;border-radius:16px;box-shadow:0 4px 20px #0000000d;border:1px solid rgba(255,255,255,.8)}@media(max-width:600px){.chart-card{padding:1rem}.chart-card h3{font-size:1rem;margin-bottom:1rem}}.chart-card h3{margin:0 0 1.5rem;font-size:1.1rem;font-weight:700;color:var(--meta-text-primary)}.chart-container{width:100%}@media(max-width:900px){.charts-grid{grid-template-columns:1fr}}.invoices-section{background:var(--meta-card-bg);border-radius:8px;box-shadow:var(--meta-shadow);padding:1.5rem}@media(max-width:600px){.invoices-section{padding:1rem;border-radius:0;margin-left:-1rem;margin-right:-1rem}}.invoices-section h2{margin:0 0 1.25rem;font-size:1.25rem;font-weight:700}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:.9375rem}th{padding:.75rem 1rem;font-weight:700;color:#fff;background-color:var(--meta-blue);border-bottom:1px solid var(--meta-border);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}th:first-child{border-top-left-radius:8px}th:last-child{border-top-right-radius:8px}td{padding:1rem;border-bottom:1px solid var(--meta-border);color:var(--meta-text-primary)}tr:last-child td{border-bottom:none}tr:hover{background-color:var(--meta-hover-bg)}.no-data{text-align:center;color:var(--meta-text-secondary);padding:2rem}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}th.sortable:hover{background-color:#0056d6}.product-link{color:var(--meta-blue);cursor:pointer;font-weight:600;transition:text-decoration .2s}.product-link:hover{text-decoration:underline}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.modal-content{background:#fff;padding:0;border-radius:12px;width:90%;max-width:500px;box-shadow:0 12px 28px #0003,0 2px 4px #0000001a;animation:slideUp .3s cubic-bezier(.1,.9,.2,1);overflow:hidden}.modal-header{padding:1rem 1.5rem;border-bottom:1px solid var(--meta-border);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:1.25rem;color:var(--meta-text-primary)}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--meta-text-secondary);padding:.5rem;line-height:1;border-radius:50%;transition:background-color .2s}.close-button:hover{background-color:var(--meta-hover-bg)}.modal-body{padding:1.5rem}.product-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:600px){.modal-content{width:95%;max-height:90vh;overflow-y:auto}.product-info-grid{grid-template-columns:1fr;gap:1rem}.info-item.full-width{grid-column:span 1}}.info-item label{display:block;font-size:.75rem;font-weight:700;color:var(--meta-text-secondary);text-transform:uppercase;margin-bottom:.25rem}.info-item p{margin:0;font-size:1rem;color:var(--meta-text-primary);font-weight:500}.info-item.full-width{grid-column:span 2}.loader{background:#fff;padding:2rem;border-radius:8px;font-weight:600;box-shadow:var(--meta-shadow)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.invoice-row{cursor:pointer;transition:background-color .2s,transform .1s}.invoice-row:active{transform:scale(.995)}.invoice-row.expanded{background-color:var(--meta-hover-bg);border-bottom:none}.details-row{background-color:#f7f8fa}.details-row td{padding:0;border-bottom:1px solid var(--meta-border)}.details-container{padding:1.5rem;animation:slideDown .3s ease-out;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.invoice-details-grid{background:#fff;border-radius:8px;border:1px solid var(--meta-border);padding:1.5rem;box-shadow:0 2px 4px #0000000d}@media(max-width:600px){.details-container{padding:.75rem}.invoice-details-grid{padding:1rem}.detail-header{flex-direction:column;align-items:flex-start;gap:.75rem}.detail-summary{width:100%;align-self:stretch}.items-table{font-size:.75rem}.items-table th,.items-table td{padding:.4rem}}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #F0F2F5}.detail-header h4{margin:0;font-size:1.1rem;color:var(--meta-blue)}.status-badge{padding:.25rem .75rem;background:#e7f3ff;color:var(--meta-blue);border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase}.status-badge.active{background-color:#e7f8e7;color:#00a400}.status-badge.inactive{background-color:#f0f2f5;color:#65676b}.detail-body{display:flex;flex-direction:column;gap:1.5rem}.detail-section p{margin:.4rem 0;font-size:.9rem;color:var(--meta-text-secondary)}.detail-section strong{color:var(--meta-text-primary)}.items-section h5{margin:0 0 1rem;font-size:.95rem;color:var(--meta-text-primary)}.items-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.85rem}.items-table th{background:#f0f2f5;color:var(--meta-text-secondary);text-transform:none;padding:.6rem;border-radius:0}.items-table th:first-child{border-top-left-radius:4px}.items-table th:last-child{border-top-right-radius:4px}.items-table td{padding:.6rem;border-bottom:1px solid #F0F2F5}.detail-summary{align-self:flex-end;width:250px;display:flex;flex-direction:column;gap:.5rem;padding-top:1rem}.detail-summary p{display:flex;justify-content:space-between;margin:0;font-size:.9rem}.grand-total{font-weight:700;font-size:1.1rem!important;color:var(--meta-blue)!important;border-top:2px solid #F0F2F5;padding-top:.5rem;margin-top:.5rem!important}.loading-inline{margin-left:.5rem;color:var(--meta-blue);font-weight:700}.details-loading{text-align:center;padding:2rem;color:var(--meta-text-secondary);font-style:italic}.checkbox-header{width:80px;text-align:center}.checkbox-cell{width:80px;padding:0;text-align:center;vertical-align:middle}.custom-checkbox{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;min-height:40px;cursor:pointer;-webkit-user-select:none;user-select:none}.custom-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{height:20px;width:20px;background-color:#fff;border:2px solid var(--meta-border);border-radius:6px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;display:block}.custom-checkbox:hover input~.checkmark{border-color:var(--meta-blue);background-color:var(--meta-hover-bg)}.custom-checkbox input:checked~.checkmark{background-color:var(--meta-blue);border-color:var(--meta-blue)}.checkmark:after{content:"";position:absolute;display:none}.custom-checkbox input:checked~.checkmark:after{display:block}.custom-checkbox .checkmark:after{left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}.invoice-number-cell{font-weight:600;color:var(--meta-blue)}.error-message{padding:1rem;background-color:#ffebe8;color:#e02424;border:1px solid #F8B4B4;border-radius:6px;margin-bottom:1.5rem;font-size:.875rem}