@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}:root{--color-primary:#00a396;--color-primary-dark:#0d9488;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-text:#1e293b;--color-text-muted:#64748b;--color-border:#e2e8f0;--color-bg:#f8fafc;--color-card:#fff;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 10px 25px #0000001a;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px}.responsive-grid{gap:var(--spacing-md);display:grid}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-1{grid-template-columns:1fr}.grid-auto-300{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-auto-250{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-auto-200{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.responsive-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.responsive-form{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.responsive-form .form-group{flex:1;min-width:200px}.responsive-form .form-group.full-width{flex:100%}.responsive-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;padding:12px 16px;font-size:14px;transition:border-color .2s,box-shadow .2s}.responsive-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #00a3961a}.responsive-btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.responsive-btn-primary{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-dark)100%);color:#fff;box-shadow:0 4px 12px #00a39640}.responsive-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00a39659}.responsive-btn-secondary{color:var(--color-primary);background:#fff;border:2px solid #99f6e4}.responsive-btn-secondary:hover{background:#f0fdfa}.responsive-table-container{-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);overflow-x:auto}.responsive-table{border-collapse:collapse;width:100%;font-size:13px}.responsive-table th{background:var(--color-bg);color:var(--color-text);text-transform:uppercase;letter-spacing:.3px;text-align:left;z-index:10;border-bottom:2px solid var(--color-primary);padding:12px;font-size:11px;font-weight:700;position:sticky;top:0}.responsive-table td{border-bottom:1px solid var(--color-border);color:var(--color-text-muted);padding:12px}.responsive-table tr:hover{background:var(--color-bg)}.responsive-table .text-right{text-align:right}.responsive-table .text-center{text-align:center}.responsive-table .text-bold{color:var(--color-text);font-weight:600}.responsive-action-bar{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap;align-items:center;display:flex}.responsive-chart{width:100%;min-height:250px}.responsive-toast{border-radius:var(--radius-md);color:#fff;z-index:10000;box-shadow:var(--shadow-lg);align-items:center;gap:10px;padding:14px 24px;font-size:14px;font-weight:600;animation:.3s toastSlideIn;display:flex;position:fixed;top:20px;right:20px}.responsive-toast.success{background:linear-gradient(135deg,var(--color-success)0%,#059669 100%)}.responsive-toast.error{background:linear-gradient(135deg,var(--color-danger)0%,#dc2626 100%)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.responsive-loading{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@media (max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.responsive-card{padding:var(--spacing-md)}.responsive-action-bar{gap:var(--spacing-sm)}.responsive-table th,.responsive-table td{padding:10px 8px;font-size:12px}.responsive-chart{min-height:220px}}@media (max-width:768px){:root{--spacing-lg:16px;--spacing-xl:24px}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.responsive-action-bar{flex-direction:column;align-items:stretch}.responsive-action-bar>*,.responsive-btn{width:100%}.responsive-form{flex-direction:column}.responsive-form .form-group{width:100%;min-width:auto}.responsive-input{padding:14px 16px;font-size:16px}.responsive-table{font-size:11px}.responsive-table th{padding:10px 6px;font-size:10px}.responsive-table td{padding:8px 6px}.responsive-table th:first-child,.responsive-table td:first-child{z-index:5;background:#fff;position:sticky;left:0;box-shadow:2px 0 4px #0000000d}.responsive-table th:first-child{background:var(--color-bg);z-index:15}.responsive-card{padding:var(--spacing-md);border-radius:var(--radius-md)}.responsive-chart{min-height:200px}.responsive-toast{padding:12px 16px;font-size:13px;top:12px;left:12px;right:12px}}@media (max-width:480px){.grid-auto-300,.grid-auto-250,.grid-auto-200{grid-template-columns:1fr}.responsive-card{padding:12px}.responsive-btn{padding:10px 16px;font-size:13px}.responsive-table th,.responsive-table td{padding:6px 4px}}.hide-tablet{display:block}.show-tablet{display:none}@media (max-width:1024px){.hide-tablet{display:none!important}.show-tablet{display:block!important}}@media (max-width:768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing-xs)}.gap-2{gap:var(--spacing-sm)}.gap-3{gap:var(--spacing-md)}.gap-4{gap:var(--spacing-lg)}.text-center{text-align:center}.text-left{text-align:left}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-muted{color:var(--color-text-muted)}.font-bold{font-weight:700}.font-semibold{font-weight:600}*{box-sizing:border-box;font-family:Inter,sans-serif}body{color:#1f2937;background:#f5f6f8;margin:0;overflow:hidden}.layout{grid-template-columns:260px 1fr;height:100vh;transition:grid-template-columns .3s;display:grid}.layout.sidebar-collapsed{grid-template-columns:80px 1fr}.sidebar{color:#fff;background-color:#1e293b;flex-direction:column;width:100%;height:100vh;display:flex;position:sticky;top:0;overflow:hidden auto}.sidebar .brand{color:#fff;white-space:nowrap;font-size:24px;font-weight:700}.sidebar .menu{flex:1;padding:20px 0}.sidebar .menu-group{margin-bottom:12px}.sidebar .menu-title{text-transform:uppercase;color:#ffffff80;margin-bottom:8px;padding:0 24px;font-size:11px;font-weight:600}.sidebar .menu-item{cursor:pointer;color:#ffffffd9;white-space:nowrap;align-items:center;padding:12px 24px;font-size:14px;transition:background-color .2s,color .2s;display:flex;overflow:hidden}.sidebar .menu-item:hover{color:#fff;background-color:#ffffff14}.sidebar .menu-item.active{color:#fff;background-color:#3b82f626;border-left:4px solid #60a5fa;font-weight:600}.sidebar .menu-item .icon{justify-content:center;align-items:center;min-width:24px;margin-right:12px;font-size:18px;display:flex}.sidebar.collapsed .menu-item{justify-content:center;padding:12px}.sidebar.collapsed .menu-item .icon{margin-right:0}.sidebar .logout{color:#fca5a5;cursor:pointer;white-space:nowrap;border-top:1px solid #ffffff1a;align-items:center;padding:20px 24px;transition:background .2s;display:flex;overflow:hidden}.sidebar.collapsed .logout{justify-content:center;padding:20px}.sidebar .logout:hover{background-color:#1e40af}.main{flex-direction:column;height:100vh;display:flex;overflow:hidden}.topbar{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 24px;font-size:14px;font-weight:500;display:flex;box-shadow:0 1px 3px #0000000d}.page{flex:1;padding:24px 32px;position:relative;overflow-y:auto}.panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000d}.panel-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:16px 20px;font-size:14px;font-weight:600}.filter-input{border:1px solid #d1d5db;border-radius:6px;height:36px;padding:0 12px;font-size:13px;transition:border-color .2s}.filter-input:focus{border-color:#2563eb;outline:none}.filter-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;align-items:center;height:36px;padding:0 20px;font-size:13px;transition:background .2s;display:flex}.filter-btn:hover{background:#1e40af}.filter-btn:disabled{cursor:not-allowed;background:#93c5fd}select.filter-input{background:#fff}.search-box{align-items:center;display:flex;position:relative}.search-box .icon{color:#9ca3af;font-size:14px;position:absolute;left:12px}.search-box input{border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:10px 16px 10px 40px;font-size:14px;transition:border-color .2s,box-shadow .2s}.search-box input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.search-box input::placeholder{color:#9ca3af}.table-container{overflow:auto}table{border-collapse:collapse;width:100%}th{color:#374151;text-align:left;white-space:nowrap;z-index:10;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:12px 16px;font-size:12px;font-weight:600;position:sticky;top:0;box-shadow:0 1px 2px #0000000d}td{color:#4b5563;border-bottom:1px solid #f1f5f9;padding:12px 16px;font-size:13px}tbody tr:nth-child(2n){background:#fafafa}tbody tr:hover{background:#f1f5f9}.export-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;padding:8px 16px;font-size:13px;font-weight:500;transition:opacity .2s;display:flex}.export-btn:hover{opacity:.9}.export-btn:disabled{opacity:.5;cursor:not-allowed}.export-btn.excel{color:#fff;background:#16a34a}.export-btn.pdf{color:#fff;background:#dc2626}.pagination-btn{cursor:pointer;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:6px 14px;font-size:13px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.pagination-btn:disabled{color:#9ca3af;cursor:not-allowed;background:#f9fafb}.toast-success{color:#fff;z-index:9999;background:#10b981;border-radius:8px;align-items:center;gap:10px;padding:12px 24px;font-weight:600;animation:.3s ease-out forwards slideInToast;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 4px 12px #00000026}.toast-warning{color:#fff;z-index:9999;background:#f59e0b;border-radius:8px;align-items:center;gap:10px;padding:12px 24px;font-weight:600;animation:.3s ease-out forwards slideInToast;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 4px 12px #00000026}@keyframes slideInToast{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.hide-mobile{display:block}.show-mobile{display:none}.stack-mobile{display:flex}.grid-responsive{gap:20px;display:grid}.card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.form-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.table-responsive{-webkit-overflow-scrolling:touch;border-radius:8px;overflow-x:auto}.table-responsive table{min-width:100%}.chart-container{width:100%;position:relative}@media (max-width:1024px){.layout{position:relative;grid-template-columns:1fr!important}.mobile-menu-dropdown{z-index:1000;background:#1e293b;max-height:0;transition:max-height .3s cubic-bezier(.4,0,.2,1);position:fixed;top:64px;left:0;right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.mobile-menu-dropdown.open{max-height:calc(100vh - 64px);overflow-y:auto}.mobile-menu-dropdown .menu-item{color:#fffc;cursor:pointer;border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;padding:16px 24px;transition:all .2s;display:flex}.mobile-menu-dropdown .menu-item:hover,.mobile-menu-dropdown .menu-item.active{color:#fff;background:#ffffff1a}.mobile-menu-dropdown .menu-group{border-bottom:1px solid #ffffff1a;padding:12px 24px 8px}.mobile-menu-dropdown .menu-title{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.sidebar-backdrop{z-index:999;background:#00000080;animation:.3s fadeIn;display:none;position:fixed;inset:64px 0 0}.sidebar-backdrop.active{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.main{grid-column:1!important;width:100%!important}.topbar{height:56px;padding:0 12px}.topbar h1{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:16px;overflow:hidden}.hamburger-btn{color:#374151;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:44px;height:44px;margin-right:8px;padding:0;font-size:20px;display:flex}.topbar .role-switcher{display:none!important}.topbar select{padding:4px 8px;font-size:12px}.page{padding:16px 12px;width:100%!important;display:block!important}.panel{margin-bottom:16px;display:flex!important}.panel-header{padding:12px 16px;font-size:14px;display:block!important}.hide-mobile{display:none!important}.show-mobile{display:block!important}.stack-mobile,.filter-row,.form-row{flex-direction:column!important;gap:12px!important}.filter-input,.filter-btn{width:100%!important;max-width:100%!important;font-size:14px!important}.filter-input{height:44px!important;padding:0 12px!important}.filter-btn{height:44px!important;padding:0 16px!important}.form-grid{grid-template-columns:1fr;gap:12px}.search-box{width:100%!important;max-width:100%!important;margin-left:0!important}.search-box input{width:100%;height:44px;padding:12px 16px 12px 44px;font-size:14px}.search-box .icon{font-size:16px;left:14px}.table-container{-webkit-overflow-scrolling:touch;margin:0 -12px;padding:0 12px;width:100%!important;display:block!important;overflow-x:auto!important}table{width:100%;min-width:700px;display:table!important}thead,tbody{display:table-row-group!important}tr{display:table-row!important}th,td{white-space:nowrap;padding:16px!important;font-size:15px!important}th:first-child,td:first-child{z-index:5;background:#fff;font-weight:600;position:sticky;left:0;box-shadow:2px 0 4px #00000014}th:first-child{z-index:15;background:#f9fafb}tbody tr:nth-child(2n) td:first-child{background:#fafafa}.export-buttons,.action-buttons{flex-direction:column!important;gap:10px!important;width:100%!important;display:flex!important}.export-btn,.action-btn,button{justify-content:center;align-items:center;width:100%!important;height:44px!important;font-size:14px!important;display:flex!important}.pagination-btn{min-width:44px;height:44px;padding:10px 14px;font-size:13px}.card-grid,.stats-grid{grid-template-columns:1fr!important;gap:16px!important}.chart-container{margin:0 -12px;height:280px!important}.sidebar .menu-item{min-height:52px;padding:16px 20px}.sidebar .menu-item .icon{font-size:20px}.toast-success,.toast-warning{padding:12px 16px;font-size:14px;top:12px;left:12px;right:12px}.layout{display:block!important}.sidebar{display:none!important}.page{width:100%;padding:16px}.mobile-menu-dropdown{z-index:999;background:#1e293b;flex-direction:column;width:100%;max-height:calc(100vh - 57px);padding:0;animation:.3s forwards slideDownMenu;display:none;position:fixed;top:57px;left:0;overflow-y:auto;box-shadow:0 4px 20px #0000004d}.mobile-menu-dropdown.open{display:flex}.mobile-menu-dropdown .menu-item{color:#fffc;cursor:pointer;background:0 0;border-bottom:1px solid #ffffff0d;align-items:center;gap:12px;padding:14px 20px;font-size:14px;transition:background .2s;display:flex}.mobile-menu-dropdown .menu-item.active{color:#fff;background:#3b82f626;border-left:4px solid #3b82f6;font-weight:600}.mobile-menu-dropdown .menu-item:hover{color:#fff;background:#ffffff0d}.mobile-menu-dropdown .menu-item .icon{text-align:center;width:20px;font-size:16px}.mobile-menu-dropdown .menu-group{background:#0003;border-bottom:1px solid #ffffff0d;padding:10px 16px}.mobile-menu-dropdown .menu-title{text-transform:uppercase;color:#fff6;letter-spacing:.5px;font-size:11px;font-weight:700}.mobile-menu-dropdown .tree-group-header{color:#fffc;cursor:pointer;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:14px 20px;font-weight:600;display:flex}.mobile-menu-dropdown .tree-children{background:#00000026}.mobile-menu-dropdown .child-item{padding-left:44px!important;font-size:13px!important}@keyframes slideDownMenu{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}@media (max-width:374px){.topbar h1{font-size:14px}.page{padding:12px 8px}th,td{padding:10px 12px;font-size:12px}}@media (max-width:1024px){.filter-row{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.filter-row>*{width:100%!important;max-width:none!important}}@media (max-width:768px){.report-header,.panel-header-row{flex-direction:column!important;gap:12px!important;padding:12px!important}.report-header h1,.report-header h2{font-size:18px!important}.report-header p{font-size:12px!important}.filter-row,.controls-row,.date-range-row{flex-direction:column!important;gap:10px!important;width:100%!important}.filter-row input,.filter-row select,.filter-row button{width:100%!important;height:44px!important;font-size:14px!important}.export-row,.action-row{flex-direction:column!important;gap:8px!important}.export-btn{justify-content:center!important;width:100%!important;height:44px!important}.table-toolbar,[style*="display: flex"][style*="justify-content: space-between"]{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.pagination-row,[style*="display: flex"][style*="gap: 4"]{flex-direction:column!important;align-items:center!important;gap:8px!important}.pagination-btn{justify-content:center!important;width:100%!important}.slicer-panel,.filter-panel{width:100%!important;position:relative!important}.slicer-list,.filter-list{max-height:200px!important}.kpi-row,.stats-row{flex-direction:column!important;gap:10px!important}.kpi-card,.stat-card{width:100%!important}.chart-box,.chart-container{height:250px!important;min-height:250px!important}}@media (max-width:480px){.filter-row{padding:8px!important}.filter-row input,.filter-row select{font-size:16px!important}.export-btn{padding:10px 12px!important;font-size:12px!important}table th,table td{padding:8px 6px!important;font-size:11px!important}}:root{--sidebar-width:200px;--primary-color:#0078d4;--bg-color:#f8fafc;--card-border:#e2e8f0;--text-primary:#1e293b;--text-secondary:#64748b}.satici-dashboard{background-color:var(--bg-color);min-height:100vh;color:var(--text-primary);width:100%;font-family:Inter,sans-serif;display:flex}.satici-sidebar{width:var(--sidebar-width);border-right:1px solid var(--card-border);background:#fff;flex-direction:column;flex-shrink:0;gap:12px;height:100vh;padding:12px;display:flex;position:sticky;top:0;overflow-y:auto}.satici-sidebar-header{color:var(--text-secondary);text-transform:uppercase;border-bottom:1px solid var(--card-border);padding-bottom:8px;font-size:10px;font-weight:700}.satici-slicer-list{flex-direction:column;gap:4px;display:flex}.satici-slicer-btn{text-align:left;color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:4px;width:100%;padding:8px 10px;font-size:10px;font-weight:600;transition:all .15s}.satici-slicer-btn:hover{border-color:var(--primary-color);background:#f9fafb}.satici-slicer-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.satici-content{flex-direction:column;flex:1;gap:12px;padding:12px;display:flex;overflow-x:hidden}.satici-header-row{border-bottom:2px solid var(--primary-color);justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.satici-page-title{color:#0f172a;text-transform:uppercase;align-items:center;gap:8px;font-size:16px;font-weight:800;display:flex}.satici-page-title svg{color:var(--primary-color)}.satici-header-actions{gap:8px;display:flex}.satici-action-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.satici-action-btn.refresh{color:#fff;background:#1e293b}.satici-action-btn.refresh:hover{background:#334155}.satici-action-btn.excel{color:#fff;background:#059669}.satici-action-btn.excel:hover{background:#047857}.satici-kpi-row{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.satici-kpi-card{border:1px solid var(--card-border);background:#fff;border-radius:8px;align-items:center;gap:12px;padding:14px;display:flex;box-shadow:0 1px 3px #00000014}.satici-kpi-icon{border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.satici-kpi-icon.blue{color:#2563eb;background:#dbeafe}.satici-kpi-icon.green{color:#059669;background:#d1fae5}.satici-kpi-icon.purple{color:#7c3aed;background:#ede9fe}.satici-kpi-icon.amber{color:#d97706;background:#fef3c7}.satici-kpi-info h4{color:var(--text-secondary);text-transform:uppercase;margin:0;font-size:10px;font-weight:600}.satici-kpi-info .value{color:#0f172a;margin-top:2px;font-size:18px;font-weight:800}.satici-main-grid{flex:1;grid-template-columns:1.4fr 1fr;gap:12px;min-height:0;display:grid}.satici-card{border:1px solid var(--card-border);background:#fff;border-radius:8px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 3px #00000014}.satici-card-header{border-bottom:1px solid var(--card-border);color:var(--text-primary);text-transform:uppercase;background:#f8fafc;align-items:center;gap:6px;padding:10px 12px;font-size:11px;font-weight:700;display:flex}.satici-card-body{flex:1;overflow:auto}.satici-table{border-collapse:collapse;width:100%;font-size:11px}.satici-table th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--card-border);white-space:nowrap;z-index:10;text-transform:uppercase;background:#f1f5f9;padding:8px 10px;font-size:10px;font-weight:700;position:sticky;top:0}.satici-table td{border-bottom:1px solid #f1f5f9;padding:7px 10px}.satici-table .text-right{text-align:right}.satici-table tbody tr:hover{background:#f8fafc}.satici-table .row-seller{cursor:pointer;font-weight:600}.satici-table .row-seller:hover{background:#e0f2fe}.satici-table .row-seller.selected{background:#dbeafe}.satici-table .row-seller td:first-child{align-items:center;gap:6px;display:flex}.satici-table .row-channel{color:#64748b;background:#fafafa;font-size:10px}.satici-table .row-total{color:#166534;background:#f0fdf4;font-weight:700}.satici-empty-state{text-align:center;color:var(--text-secondary);padding:40px 20px}.satici-chart-container{height:220px;padding:12px}.satici-right-panel{flex-direction:column;gap:12px;display:flex}.satici-loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a99;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.satici-loading-box{background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:16px;padding:32px 48px;display:flex;box-shadow:0 25px 50px -12px #00000040}.satici-loading-spinner{border:4px solid #e2e8f0;border-top-color:var(--primary-color);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite satici-spin}.satici-loading-text{color:var(--text-primary);font-size:14px;font-weight:600}@keyframes satici-spin{to{transform:rotate(360deg)}}.satici-toast{color:#fff;z-index:10000;border-radius:8px;padding:12px 20px;font-size:13px;font-weight:600;animation:.3s satici-slide-in;position:fixed;top:20px;right:20px;box-shadow:0 10px 25px #00000026}.satici-toast.success{background:linear-gradient(135deg,#059669,#047857)}.satici-toast.error{background:linear-gradient(135deg,#dc2626,#b91c1c)}@keyframes satici-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width:1024px){.satici-dashboard{flex-direction:column}.satici-sidebar{border-right:none;border-bottom:1px solid var(--card-border);width:100%;height:auto;padding:12px;position:relative}.satici-slicer-list{-webkit-overflow-scrolling:touch;flex-flow:row;gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.satici-slicer-btn{white-space:nowrap;flex-shrink:0}.satici-content{padding:12px}.satici-kpi-row{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.satici-kpi-card{flex-shrink:0;min-width:180px}.satici-main-grid{flex-direction:column;gap:16px;display:flex}.satici-card-body{-webkit-overflow-scrolling:touch;overflow-x:auto}.satici-table{min-width:600px}}@media (max-width:768px){.satici-sidebar{padding:10px}.satici-sidebar-header{font-size:9px}.satici-content{padding:10px}.satici-header-row{flex-direction:column;gap:10px}.satici-page-title{font-size:14px}.satici-header-actions{width:100%}.satici-action-btn{flex:1;justify-content:center}.satici-kpi-card{min-width:160px;padding:10px}.satici-kpi-icon{width:36px;height:36px;font-size:14px}.satici-kpi-info h4{font-size:9px}.satici-kpi-info .value{font-size:16px}.satici-card-header{padding:8px 10px;font-size:10px}.satici-table{font-size:10px}.satici-table th,.satici-table td{padding:6px 8px}.satici-chart-container{height:180px}.satici-loading-box{margin:16px;padding:20px 32px}.satici-toast{top:12px;left:12px;right:12px}}.satici-slicer-list::-webkit-scrollbar{height:4px}.satici-kpi-row::-webkit-scrollbar{height:4px}.satici-card-body::-webkit-scrollbar{height:4px}.satici-slicer-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.satici-kpi-row::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.satici-card-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.satici-slicer-list::-webkit-scrollbar-track{background:0 0}.satici-kpi-row::-webkit-scrollbar-track{background:0 0}.satici-card-body::-webkit-scrollbar-track{background:0 0}.sales-dashboard{background-color:var(--bg-color);color:#1e293b;width:100%;min-height:100vh;margin:0;padding:0;font-family:Inter,sans-serif;display:flex}.refresh-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px;font-size:13px;font-weight:600;display:flex}.refresh-btn:hover{background:#1e293b}.filter-box{border-bottom:1px solid #f1f5f9;padding-bottom:8px}.filter-header{color:#64748b;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700}.filter-item{cursor:pointer;align-items:center;gap:6px;padding:3px 0;font-size:12px;display:flex}.filter-item.active{color:#0f172a;font-weight:700}.dashboard-content{flex-direction:column;flex:1;gap:12px;min-width:0;padding:12px;display:flex;overflow-x:hidden}.dashboard-header-bar{border-bottom:2px solid var(--primary-color);margin-bottom:4px;padding-bottom:4px}.dashboard-header-bar h1{color:#0f172a;text-transform:uppercase;margin:0;font-size:16px;font-weight:800}.dashboard-header-bar .subtitle{color:#64748b;font-size:10px}.left-kpi-stack{flex-direction:column;gap:12px;display:flex}.chart-card{border:1px solid var(--card-border);background:#fff;border-radius:4px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 2px #0000000d}.card-title-bar{background:var(--primary-color);color:#fff;text-transform:uppercase;padding:6px 10px;font-size:10px;font-weight:600}.card-body{flex-direction:column;flex:1;min-width:0;min-height:240px;padding:8px;display:flex}.card-body.p-0{padding:0}.gauge-card{height:160px}.gauge-chart-container{width:100%;height:120px;position:relative}.gauge-label{font-size:22px;font-weight:800;position:absolute;top:75%;left:50%;transform:translate(-50%,-50%)}.value-card{border:2px solid var(--primary-color);text-align:center;background:#fff;border-radius:4px;padding:8px}.value-card h3{color:#64748b;text-transform:uppercase;margin:0 0 2px;font-size:10px}.value-card .value{color:#0d9488;font-size:20px;font-weight:800}.value-card.mini .value{color:#0f172a;font-size:16px}.kpi-mini-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.table-card{min-width:0}.sales-table-wide{border-collapse:collapse;table-layout:fixed;width:100%;font-size:10px}.sales-table-wide th,.sales-table-wide td{text-overflow:ellipsis;white-space:nowrap;padding:8px;overflow:hidden}.sales-table-wide thead th{border-bottom:2px solid var(--card-border);color:#64748b;z-index:30;text-align:left;background:#f8fafc;padding:10px 8px;position:sticky;top:0}.sales-table-wide th:first-child,.sales-table-wide td:first-child{width:140px}.sales-table-wide th:nth-child(2),.sales-table-wide td:nth-child(2),.sales-table-wide th:nth-child(3),.sales-table-wide td:nth-child(3){width:100px}.sales-table-wide th:nth-child(4),.sales-table-wide td:nth-child(4),.sales-table-wide th:nth-child(5),.sales-table-wide td:nth-child(5),.sales-table-wide th:nth-child(6),.sales-table-wide td:nth-child(6){width:90px}.sales-table-wide th:nth-child(7),.sales-table-wide td:nth-child(7){width:70px}.sales-table-wide tbody td{border-bottom:1px solid #f1f5f9}.sales-table-wide tbody tr:hover{background:#f8fafc}.table-footer-total td{border-top:2px solid var(--primary-color);color:#0f172a!important;background:#cbd5e1!important;padding:10px 8px!important;font-weight:950!important}.bold-accent{color:#0d9488;font-weight:700}.scrollable{overflow:auto}.scrollable::-webkit-scrollbar{width:4px;height:4px}.scrollable::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}@media (max-width:1200px){.sales-dashboard{flex-direction:column}.filter-sidebar{border-right:none;border-bottom:2px solid var(--primary-color);background:#fff;flex-direction:column;width:100%;height:auto;padding:12px;position:static;box-shadow:0 2px 5px #0000000d}.filter-box{border-bottom:1px solid #f1f5f9;border-right:none;width:100%;padding:8px 0}.filter-content.scrollable{max-height:200px;padding-right:4px;overflow-y:auto}.dashboard-content{width:100%;padding:12px;overflow-x:hidden}.layout-grid-top,.layout-grid-bottom{width:100%;grid-template-columns:1fr!important}.chart-card,.value-card,.left-kpi-stack{width:100%!important}.left-kpi-stack{flex-flow:wrap;gap:12px}.left-kpi-stack>div{flex:1;min-width:250px}}@media (max-width:900px){.sales-table-wide{table-layout:auto;display:block}.sales-table-wide thead{display:none}.sales-table-wide tbody,.sales-table-wide tr,.sales-table-wide td{display:block;width:100%!important}.sales-table-wide tr{border:1px solid var(--card-border);background:#fff;border-radius:4px;margin-bottom:12px;padding:0;overflow:hidden}.sales-table-wide td{white-space:normal;border:none;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:10px 14px;font-size:11px;display:flex;position:relative;text-align:right!important}.sales-table-wide td:last-child{border-bottom:none}.sales-table-wide td:before{content:attr(data-label);color:#64748b;text-transform:uppercase;text-align:left;flex:1;margin-right:12px;font-size:10px;font-weight:700}.sales-table-wide td.bold{color:var(--primary-color);background:#f8fafc;justify-content:center;font-size:13px;text-align:center!important}.sales-table-wide td.bold:before{display:none}.table-footer-total{background:0 0;display:block;position:static}.table-footer-total tr{border:2px solid var(--primary-color);background:#f1f5f9;margin-top:20px}}@media (max-width:768px){.filter-sidebar{flex-direction:column;overflow-x:visible}.filter-box{width:100%;min-width:unset;border-bottom:1px solid #f1f5f9;border-right:none;padding:8px 0}.left-kpi-stack{flex-direction:column}.left-kpi-stack>div{width:100%;min-width:unset}.gauge-label,.value-card .value{font-size:18px}}.loading-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#ffffffb3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loader-box{background:#fff;border-radius:8px;flex-direction:column;align-items:center;gap:12px;padding:20px 40px;display:flex;box-shadow:0 10px 25px #0000001a}.loader-box span{color:var(--primary-color);font-weight:700}.tp-toast{color:#fff;z-index:2000;border-radius:4px;padding:12px 24px;font-weight:700;animation:.3s ease-out slideInRight;position:fixed;top:20px;right:20px;box-shadow:0 4px 12px #00000026}.tp-toast.success{background:#10b981}.tp-toast.error{background:#ef4444}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:1024px){.sales-dashboard{flex-direction:column}.filter-sidebar{border-right:none;border-bottom:1px solid var(--card-border);width:100%;height:auto;padding:12px;position:relative}.filter-box{border-bottom:none;margin-right:12px;padding-bottom:0;display:inline-block}.refresh-btn{width:auto;margin-top:8px;display:inline-block}.dashboard-content{padding:12px}.kpi-row{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.summary-card{flex-shrink:0;min-width:180px}.visual-row{flex-direction:column;gap:16px;display:flex}.data-table{min-width:600px}}@media (max-width:768px){.filter-sidebar{padding:10px}.refresh-btn{width:100%;margin-top:10px;display:block}.filter-header{font-size:10px}.filter-item{font-size:11px}.dashboard-content{padding:10px}.dashboard-header-bar{flex-direction:column;gap:8px}.page-title{font-size:14px}.summary-card{min-width:160px;padding:12px}.summary-icon{width:36px;height:36px;font-size:16px}.summary-number{font-size:18px}.summary-label{font-size:9px}.visual-card .card-header{padding:10px 12px;font-size:11px}.data-table{font-size:11px}.data-table th,.data-table td{padding:8px 6px}.tp-toast{top:12px;left:12px;right:12px}}.kpi-row::-webkit-scrollbar{height:4px}.kpi-row::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.kpi-row::-webkit-scrollbar-track{background:0 0}:root{--pbi-yellow:#f2c811;--pbi-yellow-hover:#e5bd0e;--pbi-dark:#1a1b1f;--pbi-gray-bg:#f8f9fb;--pbi-border:#e2e8f0;--pbi-text-main:#1e293b;--pbi-text-secondary:#64748b;--peach:#fff1eb;--peach-text:#c2410c;--cyan:#e0f2fe;--cyan-text:#0369a1;--blue-accent:#eff6ff;--blue-accent-text:#1d4ed8}.pbi-dashboard-container{min-height:100vh;color:var(--pbi-text-main);background-color:#f1f5f9;padding:32px;font-family:Inter,sans-serif}.pbi-header{border-left:8px solid var(--pbi-yellow);background:#fff;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:32px;padding:24px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #0000000d}.pbi-header:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#f2c8110d);width:300px;height:100%;position:absolute;top:0;right:0}.pbi-title{align-items:center;gap:20px;display:flex}.pbi-icon{color:var(--pbi-yellow);background:#fffbef;border-radius:12px;padding:12px;font-size:40px}.title-text h1{letter-spacing:-.02em;color:var(--pbi-dark);margin:0;font-size:26px;font-weight:800}.subtitle{color:var(--pbi-text-secondary);margin-top:4px;font-size:14px;font-weight:500}.pbi-filters{align-items:center;gap:24px;display:flex}.filter-group label{color:var(--pbi-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.filter-options{border:1px solid var(--pbi-border);background:#f1f5f9;border-radius:10px;gap:4px;padding:4px;display:flex}.filter-options button{cursor:pointer;color:var(--pbi-text-secondary);background:0 0;border:none;border-radius:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.filter-options button.active{transform:scale(1.02);box-shadow:0 4px 6px -1px #0000001a;color:var(--pbi-dark)!important;background:#fff!important}.filter-options button:hover:not(.active){color:var(--pbi-dark);background:#ffffff80}.pbi-actions{gap:16px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:10px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .3s;display:flex}.report-btn{background:var(--pbi-yellow);color:#1a1b1f;box-shadow:0 4px 14px #f2c81163}.report-btn:hover{background:var(--pbi-yellow-hover);transform:translateY(-2px);box-shadow:0 6px 20px #f2c81173}.refresh-btn{color:var(--pbi-yellow);background:#334155;box-shadow:0 4px 14px #00000026}.refresh-btn:hover{background:var(--pbi-dark);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.pbi-content-grid{grid-template-columns:repeat(3,1fr);gap:24px;transition:opacity .3s;display:grid}.pbi-content-grid.refreshing-active{opacity:.6;pointer-events:none}.pbi-card:hover{box-shadow:0 8px 30px #0000000f}.card-header.dark{color:#fff;border-bottom:4px solid var(--pbi-yellow);background:#1e293b;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.card-header.thin{border-bottom:1px solid var(--pbi-border);border-left:6px solid var(--pbi-yellow);background:#fff;padding:16px 24px}.card-header h3{letter-spacing:-.01em;margin:0;font-size:16px;font-weight:700}.table-wrapper.scrollable{max-height:520px;overflow-y:auto}.table-wrapper.mini{max-height:380px;overflow-y:auto}table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}th{color:var(--pbi-text-secondary);text-align:left;border-bottom:1px solid var(--pbi-border);text-transform:uppercase;letter-spacing:.05em;z-index:10;background:#f8fafc;padding:14px 16px;font-size:11px;font-weight:700;position:sticky;top:0}td{color:var(--pbi-text-main);border-bottom:1px solid #f1f5f9;padding:12px 16px;font-weight:500}tbody tr{transition:background .2s}tbody tr:nth-child(2n){background-color:#fafbfc}tbody tr:hover{background-color:#f1f7ff!important}.num{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.total-row-footer{border-top:2px solid var(--pbi-yellow)!important;background:#f8fafc!important}.total-row-footer td{color:var(--pbi-dark)!important;padding-top:14px!important;padding-bottom:14px!important;font-weight:800!important}.peach-col{color:#9a3412!important;background-color:#fff7ed!important;border-left:2px solid #fdba74!important}.cyan-bg{color:#0369a1!important;background-color:#f0f9ff!important;border-left:2px solid #7dd3fc!important}.blue-highlight-col{color:#1d4ed8!important;background-color:#eff6ff!important;border-left:2px solid #93c5fd!important}.status-toast{color:#fff;z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;align-items:center;gap:16px;padding:18px 32px;font-weight:700;display:flex;position:fixed;top:32px;right:32px;box-shadow:0 20px 50px #0003}.status-toast.success{background:#10b981f2;border-left:8px solid #059669}.status-toast.error{background:#ef4444f2;border-left:8px solid #dc2626}@keyframes toastIn{0%{opacity:0;transform:translate(50px)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}@media (max-width:1400px){.pbi-content-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.pbi-content-grid{grid-template-columns:1fr}.pbi-header{flex-direction:column;align-items:flex-start;gap:20px}.pbi-filters,.filter-group,.filter-options{width:100%}.filter-options{white-space:nowrap;padding-bottom:8px;overflow-x:auto}}:root{--tp-primary:#0078d4;--tp-accent:#10b981;--tp-warning:#f59e0b;--tp-danger:#ef4444;--tp-background:#f8fafc;--tp-card-bg:#fff;--tp-border:#e2e8f0;--tp-text:#1e293b;--tp-text-muted:#64748b}.tp-container{background:var(--tp-background);min-height:100vh;padding:24px}.tp-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.tp-title-group h1{color:var(--tp-text);letter-spacing:-.5px;margin:0 0 4px;font-size:28px;font-weight:800}.tp-title-group p{color:var(--tp-text-muted);margin:0;font-size:14px}.tp-badge{background:linear-gradient(135deg,var(--tp-primary),#3b82f6);color:#fff;letter-spacing:1px;border-radius:50px;margin-bottom:8px;padding:4px 12px;font-size:10px;font-weight:800;display:inline-block}.tp-refresh-btn{background:var(--tp-text);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.tp-refresh-btn:hover:not(:disabled){background:#334155;transform:translateY(-1px)}.tp-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.tp-status-toast{z-index:10000;border-radius:12px;align-items:center;gap:10px;padding:14px 24px;font-size:14px;font-weight:600;animation:.4s slideIn;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 20px 40px #00000026}.tp-status-toast.success{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.tp-status-toast.error{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.tp-loading{flex-direction:column;justify-content:center;align-items:center;gap:20px;height:400px;display:flex}.tp-spinner{border:4px solid var(--tp-border);border-top-color:var(--tp-primary);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.tp-search-container{min-width:250px;position:relative}.tp-search-input{border:1px solid var(--tp-border);background:#fff;border-radius:10px;outline:none;width:100%;padding:10px 12px 10px 36px;font-size:14px;transition:all .2s}.tp-search-input:focus{border-color:var(--tp-primary);box-shadow:0 0 0 3px #0078d41a}.tp-content{grid-template-columns:220px 1fr;gap:24px;transition:grid-template-columns .3s;display:grid}.tp-content.no-filters{grid-template-columns:1fr}.tp-slicers{flex-direction:column;gap:16px;display:flex}.tp-slicer-box{background:var(--tp-card-bg);border:1px solid var(--tp-border);border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000a}.tp-slicer-title{color:var(--tp-text);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:12px;font-size:12px;font-weight:700;display:flex}.tp-select{border:1px solid var(--tp-border);background:#f8fafc;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s}.tp-select:focus{border-color:var(--tp-primary)}.tp-checkbox-list{flex-direction:column;gap:6px;max-height:200px;display:flex;overflow-y:auto}.tp-checkbox-item{cursor:pointer;color:var(--tp-text);border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:13px;transition:background .15s;display:flex}.tp-checkbox-item:hover{background:#f1f5f9}.tp-checkbox-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--tp-primary)}.tp-main{flex-direction:column;gap:20px;display:flex}.tp-kpi-row{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.tp-kpi-card{background:var(--tp-card-bg);border:1px solid var(--tp-border);border-radius:16px;padding:24px;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000000a}.tp-kpi-card:before{content:"";width:5px;position:absolute;top:0;bottom:0;left:0}.tp-kpi-card.blue:before{background:var(--tp-primary)}.tp-kpi-card.green:before{background:var(--tp-accent)}.tp-kpi-card.orange:before{background:var(--tp-warning)}.tp-kpi-label{color:var(--tp-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:600}.tp-kpi-value{color:var(--tp-text);font-size:42px;font-weight:800;line-height:1}.tp-card{background:var(--tp-card-bg);border:1px solid var(--tp-border);border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #0000000a}.tp-card-header{color:#fff;background:linear-gradient(135deg,#1e293b,#334155);align-items:center;gap:8px;padding:16px 20px;font-size:14px;font-weight:700;display:flex}.tp-card-header.teal{background:linear-gradient(135deg,#0d9488,#14b8a6)}.tp-card-header.orange{background:linear-gradient(135deg,#ea580c,#f97316)}.tp-card-header.purple{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}.tp-chart-area{padding:16px}.tp-tables-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.tp-table-wrapper{-webkit-overflow-scrolling:touch;max-height:400px;overflow:auto}.tp-table{border-collapse:collapse;width:100%;min-width:600px;font-size:12px}.tp-table thead{z-index:2;position:sticky;top:0}.tp-table th{text-align:left;color:var(--tp-text);border-bottom:2px solid var(--tp-border);white-space:nowrap;background:#f1f5f9;padding:10px 8px;font-weight:700}.tp-table th:first-child{width:35%}.tp-table th:nth-child(2),.tp-table th:nth-child(3),.tp-table th:nth-child(4),.tp-table th:nth-child(5){text-align:right;width:16.25%}.tp-table td{border-bottom:1px solid var(--tp-border);color:var(--tp-text);text-overflow:ellipsis;white-space:nowrap;padding:8px;overflow:hidden}.tp-table tr:hover{background:#fafafa}.tp-table .num{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.tp-table .positive{color:var(--tp-accent)}.tp-table .negative{color:var(--tp-danger)}.table-footer-total{z-index:10;background:#f1f5f9;position:sticky;bottom:-1px}.table-footer-total td{border-top:2px solid var(--tp-primary);color:var(--tp-text);background:#f1f5f9;padding:12px 8px!important}.bold{font-weight:800!important}@media (max-width:1200px){.tp-tables-grid{grid-template-columns:1fr}.tp-kpi-value{font-size:36px}}@media (max-width:768px){.tp-container{padding:12px}.tp-header{flex-direction:column;align-items:stretch;gap:16px}.tp-title-group h1{font-size:20px}.tp-refresh-btn{justify-content:center;width:100%;padding:10px}.tp-search-container{width:100%;min-width:none}.tp-content{grid-template-columns:1fr;gap:16px}.tp-slicers{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.tp-slicer-box{padding:12px}.tp-slicer-title{margin-bottom:8px;font-size:10px}.tp-checkbox-list{max-height:150px}.tp-checkbox-item{padding:4px 6px;font-size:11px}.tp-kpi-row{grid-template-columns:repeat(3,1fr);gap:10px}.tp-kpi-card{padding:14px}.tp-kpi-label{margin-bottom:4px;font-size:10px}.tp-kpi-value{font-size:24px}.tp-card-header{padding:12px 14px;font-size:12px}.tp-chart-area{padding:12px}.tp-table{font-size:10px}.tp-table th,.tp-table td{padding:6px 4px}.tp-status-toast{padding:10px 16px;font-size:12px;top:12px;left:12px;right:12px}}@media (max-width:480px){.tp-slicers{grid-template-columns:1fr}.tp-kpi-row{grid-template-columns:1fr;gap:8px}.tp-kpi-card{justify-content:space-between;align-items:center;padding:12px;display:flex}.tp-kpi-card:before{display:none}.tp-kpi-label{margin-bottom:0}.tp-kpi-value{font-size:20px}.tp-tables-grid{gap:12px}}.uretici-nokta-dashboard{background-color:var(--bg-color);color:#1e293b;width:100%;min-height:100vh;margin:0;padding:0;font-family:Inter,sans-serif;display:flex;overflow-x:hidden}.refresh-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:10px;padding:12px;font-size:13px;font-weight:700;transition:all .2s;display:flex;color:#fff!important;background:#1e293b!important}.refresh-btn:hover{transform:translateY(-1px);background:#334155!important}.refresh-btn:active{transform:translateY(0)}.refresh-btn svg.spin{animation:1s linear infinite spin}.filter-header{color:#64748b;text-transform:uppercase;border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;margin-bottom:10px;padding:0 0 10px;font-size:11px;font-weight:700;display:flex}.slicer-btn{text-align:left;color:#4b5563;cursor:pointer;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;background:#fff;border:1px solid #e5e7eb;border-radius:6px;width:100%;padding:10px 14px;font-size:11px;font-weight:600;transition:all .2s;overflow:hidden}.slicer-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:#f9fafb}.dashboard-content{flex-direction:column;flex:1;gap:20px;width:100%;min-width:0;padding:20px;display:flex}.page-title{color:#0f172a;text-transform:uppercase;align-items:center;margin:0;font-size:20px;font-weight:800;display:flex}.header-badges{gap:8px;display:flex}.year-badge{color:#2563eb;background:#eff6ff;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:flex}.summary-card{border:1px solid var(--card-border);background:#fff;border-radius:12px;align-items:center;gap:16px;padding:20px;transition:transform .2s;display:flex;box-shadow:0 1px 3px #0000000d}.summary-card:hover{transform:translateY(-2px)}.summary-info h4{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px;font-size:11px}.summary-info .value{color:#0f172a;font-size:26px;font-weight:800;line-height:1.1}.card-header{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#475569;padding:10px 16px;font-size:11px;font-weight:700}.uretici-table{border-collapse:collapse;width:100%;font-size:12px}.uretici-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:14px 16px;font-weight:700}.uretici-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:12px 16px}.uretici-table tr:last-child td{border-bottom:none}.uretici-table tr:hover{background:#f8fafc}.table-footer{z-index:10;background:#f1f5f9;border-top:2px solid #cbd5e1;position:sticky;bottom:-1px}.table-footer td{color:#0f172a!important;padding:14px 16px!important;font-weight:800!important}.point-badge{color:#2563eb;background:#eff6ff;border-radius:6px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-block}.point-badge.total{color:#fff;background:#1e293b}@media (max-width:1200px){.uretici-nokta-dashboard{flex-direction:column}.filter-sidebar{border-right:none;border-bottom:2px solid var(--primary-color);flex-direction:column;gap:16px;height:auto;padding:16px;position:static;width:100%!important}.slicer-list{scrollbar-width:thin;flex-direction:row;gap:10px;padding-bottom:8px;display:flex;overflow-x:auto}.slicer-btn{flex-shrink:0;width:auto;min-width:150px}.kpi-row{grid-template-columns:repeat(2,1fr)}.layout-grid-bottom{gap:20px;flex-direction:column!important;width:100%!important;display:flex!important}}@media (max-width:768px){.kpi-row{grid-template-columns:1fr}.dashboard-header{flex-direction:column;align-items:flex-start;gap:10px}}@media (max-width:900px){.uretici-table thead{display:none}.uretici-table,.uretici-table tbody,.uretici-table tr,.uretici-table td{width:100%;display:block}.uretici-table tr{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.uretici-table td{text-align:right;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.uretici-table td:before{content:attr(data-label);color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:800}}.loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a99;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loader-box{text-align:center;background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:16px;padding:32px 48px;display:flex;box-shadow:0 25px 50px -12px #00000040}.loader-spinner{border:4px solid #e2e8f0;border-top-color:var(--primary-color);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.loader-box span{color:#1e293b;font-size:14px;font-weight:700}@media (max-width:1024px){.uretici-dashboard{flex-direction:column}.filter-sidebar{border-bottom:1px solid #e2e8f0;border-right:none;width:100%;height:auto;padding:12px;position:relative}.filter-group{-webkit-overflow-scrolling:touch;flex-flow:row;gap:10px;display:flex;overflow-x:auto}.filter-group select{flex-shrink:0;min-width:120px}.dashboard-main{padding:12px}.kpi-row{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.summary-card{flex-shrink:0;min-width:180px}.grid-2col{flex-direction:column;gap:16px;display:flex}.uretici-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.uretici-table{min-width:600px}}@media (max-width:768px){.filter-sidebar{padding:10px}.refresh-btn{width:100%;margin-bottom:10px}.dashboard-main{padding:10px}.dashboard-header{flex-direction:column;gap:8px}.page-title{font-size:14px}.summary-card{min-width:150px;padding:12px}.summary-icon{width:36px;height:36px;font-size:16px}.summary-info .value{font-size:18px}.summary-info h4{font-size:9px}.card-header{padding:10px 12px;font-size:11px}.uretici-table{font-size:11px}.uretici-table th,.uretici-table td{padding:8px 6px}.loader-box{margin:16px;padding:20px 32px}.loader-spinner{width:40px;height:40px}}.filter-group::-webkit-scrollbar{height:4px}.kpi-row::-webkit-scrollbar{height:4px}.uretici-table-container::-webkit-scrollbar{height:4px}.filter-group::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.kpi-row::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.uretici-table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.filter-group::-webkit-scrollbar-track{background:0 0}.kpi-row::-webkit-scrollbar-track{background:0 0}.uretici-table-container::-webkit-scrollbar-track{background:0 0}*{box-sizing:border-box}:root{--sidebar-width:220px;--primary-color:#3b82f6;--bg-color:#f8fafc;--card-border:#e2e8f0}.orders-dashboard{background-color:var(--bg-color);color:#1e293b;width:100%;min-height:100vh;margin:0;padding:0;font-family:Inter,sans-serif;display:flex;overflow-x:hidden}.filter-sidebar{width:var(--sidebar-width);border-right:1px solid var(--card-border);z-index:100;background:#fff;flex-direction:column;flex-shrink:0;gap:20px;height:100vh;padding:16px;display:flex;position:sticky;top:0;overflow-y:auto}.slicer-list{flex-direction:column;gap:8px;display:flex}.refresh-btn{justify-content:center;align-items:center;gap:8px;margin-bottom:20px;display:flex;color:#fff!important;background:#1e293b!important;font-size:13px!important}.filter-header{color:#64748b;text-transform:uppercase;padding:0 0 8px;font-size:11px;font-weight:700}.slicer-btn{text-align:left;color:#4b5563;cursor:pointer;text-transform:uppercase;background:#fff;border:1px solid #e5e7eb;border-radius:6px;width:100%;padding:10px 14px;font-size:11px;font-weight:600;transition:all .2s}.slicer-btn:hover{border-color:var(--primary-color);background:#f9fafb}.slicer-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.dashboard-content{flex-direction:column;flex:1;gap:16px;width:100%;min-width:0;padding:12px;display:flex;overflow-x:hidden}.dashboard-header{border-bottom:2px solid var(--primary-color);justify-content:space-between;align-items:center;margin-bottom:4px;padding-bottom:8px;display:flex}.page-title{color:#0f172a;text-transform:uppercase;align-items:center;font-size:18px;font-weight:800;display:flex}@media (max-width:600px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:12px}.page-title{font-size:16px}}.kpi-row{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.summary-card{border:1px solid var(--card-border);background:#fff;border-radius:8px;align-items:center;gap:16px;padding:16px;display:flex;box-shadow:0 1px 3px #0000001a}.summary-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.summary-info h4{color:#64748b;text-transform:uppercase;margin:0;font-size:11px}.summary-info .value{color:#0f172a;font-size:24px;font-weight:800}.layout-grid-top{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.layout-grid-bottom{grid-template-columns:2fr 1fr;gap:16px;display:grid}.pbi-card{border:1px solid var(--card-border);background:#fff;border-radius:8px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 2px #0000000d}.card-header{color:#fff;text-transform:uppercase;background:#475569;padding:8px 12px;font-size:11px;font-weight:700}.pbi-search-input{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;outline:none;width:180px;padding:4px 10px;font-size:10px;transition:all .2s}.pbi-search-input:focus{background:#fff3;border-color:#ffffff80;width:220px}.pbi-search-input::placeholder{color:#ffffff80}.card-content{flex:1;min-height:250px;padding:12px}.table-wrapper{max-height:500px;position:relative;overflow-y:auto}.orders-table{border-collapse:collapse;width:100%;font-size:11px}.orders-table th{text-align:left;color:#64748b;z-index:10;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:12px 10px;position:sticky;top:0}.orders-table td{border-bottom:1px solid #f1f5f9;padding:10px}.orders-table tfoot{z-index:20;position:sticky;bottom:-1px}.orders-table tfoot td{color:#fff;padding:12px 10px;font-weight:800;background:#475569!important}.text-right{text-align:right}@media (max-width:1200px){.orders-dashboard{flex-direction:column;width:100%}.filter-sidebar{border-right:none;border-bottom:2px solid var(--primary-color);flex-direction:column;gap:12px;height:auto;padding:12px;position:static;box-shadow:0 2px 5px #0000000d;width:100%!important}.filter-box{width:100%}.slicer-list{-webkit-overflow-scrolling:touch;flex-direction:row;gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.slicer-list::-webkit-scrollbar{height:4px}.slicer-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.slicer-btn{white-space:nowrap;flex-shrink:0;width:auto;min-width:130px}.dashboard-content{padding:12px;width:100%!important;max-width:100%!important}.kpi-row,.layout-grid-top,.layout-grid-bottom{gap:12px;flex-direction:column!important;grid-template-columns:none!important;width:100%!important;display:flex!important}.pbi-card,.summary-card{width:100%!important;min-width:0!important;max-width:100%!important}}@media (max-width:900px){.orders-table thead{display:none}.orders-table,.orders-table tbody,.orders-table tr,.orders-table td{width:100%;display:block}.orders-table tr{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.orders-table td{text-align:right;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 16px;font-size:12px;display:flex}.orders-table td:last-child{background:#f8fafc;border-bottom:none}.orders-table td:before{content:attr(data-label);color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:800}.orders-table tfoot{margin-top:15px;display:block}.orders-table tfoot tr{box-shadow:none;border:none;margin-bottom:0}.orders-table tfoot td{border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:16px;font-size:13px;display:flex;background:#1e293b!important}.orders-table tfoot td:before{content:"TOPLAM";opacity:.8;font-size:10px;font-weight:800}}.spin{animation:1s linear infinite spin}.loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#ffffffb3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.loader-box{text-align:center;background:#fff;border-radius:12px;flex-direction:column;align-items:center;padding:20px 40px;display:flex;box-shadow:0 10px 25px #0000001a}.loader-box span{color:#1e293b;margin-top:12px;font-weight:700}.pbi-toast{color:#fff;z-index:2000;border-radius:8px;padding:12px 24px;font-weight:700;animation:.3s ease-out slideInRight;position:fixed;top:20px;right:20px;box-shadow:0 4px 12px #00000026}.pbi-toast.success{background:#10b981}.pbi-toast.error{background:#ef4444}@media (max-width:1024px){.orders-dashboard{flex-direction:column}.filter-sidebar{border-right:none;border-bottom:1px solid var(--card-border);-webkit-overflow-scrolling:touch;width:100%;height:auto;padding:12px;position:relative;overflow-x:auto}.slicer-list{-webkit-overflow-scrolling:touch;flex-flow:row;gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.slicer-btn{white-space:nowrap;flex-shrink:0}.dashboard-content{padding:12px}.kpi-row{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.summary-card{flex-shrink:0;min-width:200px}.layout-grid-top,.layout-grid-bottom{flex-direction:column;gap:16px;display:flex}.pbi-card{width:100%}.detail-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.detail-table{min-width:700px}}@media (max-width:768px){.filter-sidebar{padding:10px}.refresh-btn{width:100%;margin-bottom:10px}.dashboard-content{padding:10px}.dashboard-header{flex-direction:column;gap:8px}.page-title{font-size:14px}.summary-card{min-width:160px;padding:12px}.summary-icon{width:36px;height:36px;font-size:16px}.summary-info .value{font-size:18px}.summary-info h4{font-size:9px}.card-header{padding:10px 12px;font-size:12px}.detail-table{font-size:11px}.detail-table th,.detail-table td{padding:8px 6px}.loading-overlay{padding:16px}.loader-box{margin:16px;padding:16px 24px}.pbi-toast{top:12px;left:12px;right:12px}}.slicer-list::-webkit-scrollbar{height:4px}.kpi-row::-webkit-scrollbar{height:4px}.detail-table-container::-webkit-scrollbar{height:4px}.slicer-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.kpi-row::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.detail-table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.slicer-list::-webkit-scrollbar-track{background:0 0}.kpi-row::-webkit-scrollbar-track{background:0 0}.detail-table-container::-webkit-scrollbar-track{background:0 0}