.sort-dropdown select{padding:8px 32px 8px 12px;border:1px solid #d2d2d7;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.page-number{min-width:56px;height:36px;padding:0 10px;border:1px solid #d2d2d7;background:#fff;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.sidebar{position:fixed;left:0;top:0;width:250px;height:100vh;background:#fff;border-right:1px solid #e5e5e7;display:flex;flex-direction:column;z-index:100;transition:width .3s ease}.sidebar-toggle{position:absolute;right:-12px;top:24px;width:24px;height:24px;background:#fff;border:1px solid #e5e5e7;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:101;transition:all .2s;box-shadow:0 2px 4px #0000001a}.sidebar-toggle:hover{background:#f5f5f7;transform:scale(1.1)}.sidebar-toggle svg{color:#666;transition:color .2s}.sidebar-toggle:hover svg{color:#007aff}.sidebar.closed .nav-item-expandable svg:last-child{display:none}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#f5f5f7;color:#1d1d1f}.app{display:flex;min-height:100vh}.main-content{flex:1;margin-left:250px;padding:32px 40px;max-width:calc(100vw - 250px);transition:margin-left .3s ease,max-width .3s ease}.main-content.sidebar-closed{margin-left:70px;max-width:calc(100vw - 70px)}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header h1{font-size:28px;font-weight:600}.table-controls{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.result-count{color:#666;font-size:14px}.error-message{background:#fee;border:1px solid #fcc;padding:16px;border-radius:8px;margin:20px 0;display:flex;justify-content:space-between;align-items:center}.error-message button{background:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer}.no-results{text-align:center;padding:60px 20px;background:#fff;border-radius:12px}.no-results button{margin-top:16px;background:#007aff;color:#fff;border:none;padding:10px 24px;border-radius:8px;cursor:pointer}.hamburger-menu{position:fixed;left:20px;top:20px;width:40px;height:40px;background:#fff;border:1px solid #e5e5e7;border-radius:8px;cursor:pointer;z-index:1001;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:0;transition:all .3s}.hamburger-menu:hover{background:#f5f5f7}.hamburger-menu span{width:20px;height:2px;background:#1d1d1f;transition:all .3s;border-radius:2px}.hamburger-menu.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-menu.open span:nth-child(2){opacity:0}.hamburger-menu.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.sidebar{position:fixed;left:0;top:0;width:250px;height:100vh;background:#fff;border-right:1px solid #e5e5e7;display:flex;flex-direction:column;z-index:100;transition:all .3s ease}.sidebar.closed{width:70px}.sidebar-header{padding:20px;border-bottom:1px solid #e5e5e7;transition:padding .3s}.sidebar.closed .sidebar-header{padding:20px 10px}.brand{display:flex;align-items:center;gap:12px}.brand-icon{width:40px;height:40px;min-width:40px;background:#007aff;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.brand-info{overflow:hidden;transition:opacity .3s}.sidebar.closed .brand-info{display:none}.brand-info h3{font-size:16px;font-weight:600;margin-bottom:2px;white-space:nowrap}.brand-info p{font-size:13px;color:#666;white-space:nowrap}.sidebar-nav{flex:1;padding:12px;overflow-y:auto;overflow-x:hidden}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;text-decoration:none;color:#666;margin-bottom:4px;transition:all .2s;cursor:pointer;border:none;background:none;width:100%;font-size:14px;white-space:nowrap}.sidebar.closed .nav-item{justify-content:center;padding:10px}.sidebar.closed .nav-item span{display:none}.nav-item:hover{background:#f5f5f7;color:#1d1d1f}.nav-item.active,.nav-subitem.active{background:#e3f2ff;color:#007aff;font-weight:500}.nav-section{margin-bottom:8px}.nav-item-expandable{display:flex;justify-content:space-between;align-items:center}.nav-item-content{display:flex;align-items:center;gap:12px}.sidebar.closed .nav-item-content span{display:none}.nav-subitems{margin-left:32px;margin-top:4px}.sidebar.closed .nav-subitems{display:none}.nav-subitem{display:block;padding:8px 12px;border-radius:6px;text-decoration:none;color:#666;font-size:13px;margin-bottom:2px;transition:all .2s}.nav-subitem:hover{background:#f5f5f7;color:#1d1d1f}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:99}@media (max-width: 1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block}}.search-bar{position:relative;width:360px}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#999;pointer-events:none}.search-input{width:100%;padding:10px 40px;border:1px solid #d2d2d7;border-radius:8px;font-size:14px;transition:all .2s}.search-input:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 3px #007aff1a}.clear-button{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;padding:4px;cursor:pointer;color:#999;display:flex;align-items:center;justify-content:center}.clear-button:hover{color:#333}.filter-panel{background:#fff;padding:16px;border-radius:12px;margin-bottom:20px;box-shadow:0 1px 3px #0000000d}.filter-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.reset-button{width:36px;height:36px;border:1px solid #d2d2d7;background:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s}.reset-button:hover{background:#f5f5f7;color:#333}.filter-dropdown{position:relative}.filter-button{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid #d2d2d7;background:#fff;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s;white-space:nowrap}.filter-button:hover{background:#f5f5f7}.filter-button.active{background:#e3f2ff;border-color:#007aff;color:#007aff}.badge{background:#007aff;color:#fff;font-size:11px;padding:2px 6px;border-radius:10px;font-weight:600}.chevron{transition:transform .2s}.chevron.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;background:#fff;border:1px solid #d2d2d7;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:200px;max-height:320px;overflow-y:auto;z-index:10;padding:8px}.dropdown-item{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;border-radius:6px;transition:background .2s}.dropdown-item:hover{background:#f5f5f7}.dropdown-item input[type=checkbox]{cursor:pointer}.range-menu{padding:12px}.range-inputs{display:flex;align-items:center;gap:8px}.range-inputs input{width:80px;padding:8px;border:1px solid #d2d2d7;border-radius:6px;font-size:14px}.date-inputs{display:flex;flex-direction:column;gap:12px}.date-field{display:flex;flex-direction:column;gap:6px}.date-field label{font-size:12px;color:#666;font-weight:500}.date-field input{padding:8px;border:1px solid #d2d2d7;border-radius:6px;font-size:14px}.active-filters-info{margin-top:12px;font-size:13px;color:#007aff;font-weight:500}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 1px 3px #0000000d}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.stat-label{font-size:14px;color:#666}.info-button{background:none;border:none;cursor:pointer;color:#999;padding:4px}.info-button:hover{color:#666}.stat-value{font-size:28px;font-weight:600;color:#1d1d1f;display:flex;align-items:baseline;gap:8px}.stat-count{font-size:14px;color:#666;font-weight:400}.table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.transaction-table{width:100%;border-collapse:collapse}.transaction-table thead{background:#f5f5f7;border-bottom:1px solid #e5e5e7}.transaction-table th{padding:12px 16px;text-align:left;font-size:13px;font-weight:600;color:#666;white-space:nowrap}.transaction-table td{padding:14px 16px;border-bottom:1px solid #f5f5f7;font-size:14px}.transaction-table tbody tr:hover{background:#fafafa}.transaction-id{font-family:SF Mono,Courier New,monospace;font-weight:600;color:#007aff}.customer-name,.employee-name{font-weight:500}.phone-number{display:flex;align-items:center;gap:8px}.copy-button{background:none;border:none;padding:4px;cursor:pointer;color:#999;opacity:0;transition:all .2s}.phone-number:hover .copy-button{opacity:1}.copy-button:hover{color:#007aff}.category-badge{display:inline-block;padding:4px 10px;background:#e3f2ff;color:#007aff;border-radius:12px;font-size:13px;font-weight:500}.quantity{font-weight:600}.amount{font-weight:600;color:#1d1d1f}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007aff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sort-dropdown{display:flex;align-items:center;gap:8px}.sort-dropdown label{font-size:14px;color:#666}.sort-dropdown select{padding:8px 32px 8px 12px;border:1px solid #d2d2d7;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.sort-dropdown select:focus{outline:none;border-color:#007aff}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:32px;padding:20px 0}.pagination-button{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #d2d2d7;background:#fff;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.pagination-button:hover:not(:disabled){background:#f5f5f7}.pagination-button:disabled{opacity:.4;cursor:not-allowed}.page-numbers{display:flex;gap:4px}.page-number{width:36px;height:36px;border:1px solid #d2d2d7;background:#fff;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.page-number:hover{background:#f5f5f7}.page-number.active{background:#007aff;color:#fff;border-color:#007aff;font-weight:600}.ellipsis{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#999}@media (max-width: 1024px){.main-content{margin-left:0;max-width:100vw}.sidebar{transform:translate(-100%)}.header{flex-direction:column;gap:16px}.search-bar{width:100%}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}