body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#eaeded;color:#0f1111;font-family:Amazon Ember,Helvetica Neue,Arial,sans-serif}.App{background:#eaeded;font-family:Amazon Ember,Arial,sans-serif;min-height:100vh}.App-header{background:linear-gradient(180deg,#232f3e,#37475a);border-bottom:3px solid #f90;box-shadow:0 2px 8px #00000026;color:#fff;justify-content:space-between;padding:16px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.App-header,.header-left{align-items:center;display:flex}.header-left{gap:16px}.header-text{display:flex;flex-direction:column;gap:4px}.amazon-logo{background:#fff;border-radius:4px;filter:none;height:40px;padding:4px 8px;width:auto}.header-subtitle{color:#aab7b8;font-size:12px;font-style:italic;font-weight:400;margin:0}.App-header h1{color:#fff;font-size:24px;font-weight:700;letter-spacing:.3px;margin:0}.App-header p{color:#aab7b8;font-size:13px;font-weight:400;margin:0}.main-navigation{background:#fff;border-bottom:1px solid #d5d9d9;box-shadow:0 2px 4px #00000014;position:-webkit-sticky;position:sticky;top:67px;z-index:999}.view-toggle{display:flex;gap:0;margin:0 auto;max-width:1400px;padding:0}.view-toggle button{background:#fff;border:none;border-bottom:3px solid #0000;color:#0f1111;cursor:pointer;flex:1 1;font-family:Amazon Ember,Arial,sans-serif;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 24px;position:relative;text-transform:uppercase;transition:all .2s ease}.view-toggle button:hover{background:#f7f8f8;color:#f90}.view-toggle button.active{background:#fff5e6;border-bottom-color:#f90;color:#f90;font-weight:700}.view-toggle button.active:after{background:#f90;bottom:-3px;content:"";height:3px;left:0;position:absolute;right:0}.summary-section{margin:0 auto;max-width:1400px;padding:32px 24px}.stats-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.stat-card{background:#fff;border-radius:8px;border-top:4px solid #f90;box-shadow:0 2px 4px #0000001a;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-4px)}.stat-card h3{color:#545b64;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.stat-value{color:#232f3e;font-size:36px;margin:8px 0}.summary-details{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:32px}.detail-card{background:#fff;border-left:4px solid #232f3e;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:24px}.detail-card h3{border-bottom:2px solid #eaeded;color:#232f3e;font-size:18px;font-weight:700;margin-bottom:16px;padding-bottom:12px}.breakdown-stats{display:flex;flex-direction:column;gap:12px}.breakdown-item{align-items:center;background:#f7f8f8;border-radius:6px;display:flex;justify-content:space-between;padding:12px;transition:background .2s ease}.breakdown-item:hover{background:#eaeded}.breakdown-label{align-items:center;display:flex;font-size:14px;font-weight:600;gap:8px}.breakdown-value{color:#232f3e;font-size:16px;font-weight:700}.overview-stats{display:flex;flex-direction:column;gap:12px}.overview-item{align-items:center;background:#f7f8f8;border-radius:6px;display:flex;justify-content:space-between;padding:12px}.overview-label{color:#545b64;font-size:14px;font-weight:600}.overview-value{color:#232f3e;font-size:16px;font-weight:700}.zone-layout{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:24px;padding:24px}.zone-layout h3{border-bottom:2px solid #f90;color:#232f3e;font-size:20px;font-weight:700;margin-bottom:16px;padding-bottom:12px}.layout-grid{margin-top:16px}.layout-placeholder{background:linear-gradient(135deg,#f7f8f8,#eaeded);border:2px dashed #d5d9d9;border-radius:8px;padding:48px 32px;text-align:center}.layout-placeholder p{color:#545b64;font-size:14px;line-height:1.6;margin:8px 0}.layout-placeholder strong{color:#232f3e;font-weight:700}.app-footer{background:#232f3e;border-top:3px solid #f90;color:#aab7b8;margin-top:48px;padding:24px 32px;text-align:center}.app-footer p{font-size:13px;line-height:1.5;margin:8px 0}.error-container,.loading-container{align-items:center;background:#eaeded;display:flex;justify-content:center;min-height:100vh}.error,.loading{background:#fff;border-radius:8px;border-top:4px solid #f90;box-shadow:0 4px 12px #0000001a;color:#232f3e;font-size:18px;font-weight:600;padding:48px 64px}.error{border-top-color:#f44336;color:#f44336}@media (max-width:1024px){.App-header{padding:12px 24px}.App-header h1{font-size:20px}.view-toggle button{font-size:13px;padding:12px 16px}.summary-details{grid-template-columns:1fr}.stats-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.App-header{flex-direction:column;gap:12px;padding:16px}.header-left{flex-direction:column;text-align:center}.App-header h1{font-size:18px}.view-toggle{flex-wrap:wrap}.view-toggle button{flex:1 1 50%;font-size:12px;padding:12px}.stats-cards{grid-template-columns:1fr}.summary-section{padding:16px}.stat-value{font-size:28px}}@media (max-width:480px){.App-header{padding:12px}.amazon-logo{height:32px}.App-header h1{font-size:16px}.view-toggle button{flex:1 1 100%;font-size:11px;padding:10px}.detail-card,.stat-card{padding:16px}.stat-value{font-size:24px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.detail-card,.stat-card,.summary-section{animation:fadeIn .4s ease-out}.bin-id-layout{background:#eaeded;font-family:Amazon Ember,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding:16px}.matrix-table{border-collapse:collapse;font-family:Amazon Ember,Arial,sans-serif;font-size:12px;min-width:600px;width:100%}.matrix-table thead{background:linear-gradient(180deg,#232f3e,#37475a);color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}.matrix-table th{border-right:1px solid #ffffff26;font-size:13px;font-weight:700;letter-spacing:.8px;padding:16px 12px;text-align:center;text-transform:uppercase;white-space:nowrap}.matrix-table th:last-child{border-right:none}.aisle-header,.matrix-cell{min-width:80px}.matrix-cell{background:#f7f8f8;border-bottom:1px solid #d5d9d9;border-right:1px solid #d5d9d9;height:50px;padding:3px;text-align:center;vertical-align:middle}.matrix-cell:last-child{border-right:none}.fill-cell{align-items:center;border:2px solid #0000001a;border-radius:6px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:100%}.fill-cell:hover{border-color:#232f3e;box-shadow:0 4px 12px #0003;transform:scale(1.08);z-index:100}.bin-id-text{color:#fff;font-family:Amazon Ember,Courier New,monospace;font-size:20px;font-weight:900;letter-spacing:1px;text-shadow:2px 2px 4px #00000080}.empty-cell{border-radius:6px;font-size:12px;height:40px}.matrix-table tbody tr:nth-child(2n) .matrix-cell{background-color:#fff}.matrix-table tbody tr:hover .matrix-cell{background-color:#fff5e6}@media (max-width:1200px){.matrix-table{font-size:11px}.matrix-table th{padding:14px 10px}.matrix-cell{height:48px;min-width:75px}.fill-cell{height:40px}.bin-id-text{font-size:12px}}@media (max-width:768px){.bin-id-layout{padding:10px}.header-section{padding:16px}.legend-items{flex-direction:column;gap:10px}.matrix-table{font-size:10px}.matrix-cell{height:45px;min-width:70px;padding:2px}.fill-cell{height:37px}.bin-id-text{font-size:11px}}@media (max-width:480px){.bin-id-layout{padding:8px}.header-section h2{font-size:20px}.matrix-table th{font-size:10px;padding:12px 8px}.matrix-cell{height:42px;min-width:65px}.fill-cell{height:34px}.bin-id-text{font-size:10px}}.bin-utilization-table{background:#eaeded;font-family:Amazon Ember,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding:16px}.header-section{background:#fff;border-radius:8px;border-top:3px solid #f90;box-shadow:0 2px 4px #0000001a;margin-bottom:12px;padding:16px 20px}.header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.title-section{align-items:baseline;display:flex;gap:12px}.bin-count{color:#545b64;font-size:14px;font-weight:600}.header-section h2{color:#232f3e;font-size:20px;font-weight:700;margin:0}.layout-description{color:#545b64;font-size:14px;margin:0 0 20px}.fill-legend{margin-top:20px}.fill-legend h4{color:#232f3e;font-size:16px;font-weight:700;margin:0 0 12px}.legend-items{gap:20px}.legend-item{align-items:center;display:flex;gap:8px}.legend-color{border:1px solid #0000001a;border-radius:4px;height:20px;width:20px}.legend-item span{color:#16191f;font-size:14px;font-weight:400}.filters-section{background:#0000;border:none;border-radius:8px;margin-bottom:0;padding:0}.filters-section h4{color:#232f3e;font-size:14px;font-weight:700;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.filters-container{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:0}.filter-group{display:flex;flex-direction:column;gap:6px;min-width:150px}.filter-group label{color:#0f1111;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.filter-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23545B64' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px;border:2px solid #d5d9d9;border-radius:8px;color:#0f1111;cursor:pointer;font-family:Amazon Ember,Arial,sans-serif;font-size:14px;font-weight:400;padding:10px 36px 10px 14px;transition:all .15s ease}.filter-select:hover{background-color:#fafafa;border-color:#232f3e;transform:translateY(-1px)}.filter-select:focus{background-color:#fff;border-color:#f90;border-width:2px;box-shadow:0 0 0 4px #f903;outline:none}.filter-select option{background:#fff;color:#0f1111;padding:8px}.summary-view-box{background:#f7f8f8;border:1px solid #d5d9d9;border-radius:8px;margin-top:16px;padding:16px}.summary-view-box h4{color:#232f3e;font-size:14px;font-weight:700;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.summary-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.stat-item{background:#fff;border:1px solid #d5d9d9;border-radius:6px;padding:12px;text-align:center;transition:all .2s ease}.stat-item:hover{box-shadow:0 2px 6px #00000014;transform:translateY(-2px)}.stat-label{color:#232f3e;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.stat-value{color:#f90;font-size:20px;font-weight:700}.legend-items{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-left:auto;padding-left:24px}.filter-stats{align-self:center;background:#fff;border:1px solid #d5d9d9;border-radius:8px;color:#0f1111;font-size:14px;font-weight:700;padding:8px 16px}.fullscreen-toggle{margin:12px 0;text-align:right}.fullscreen-btn{align-items:center;background:#232f3e;border:none;border-radius:8px;box-shadow:0 2px 5px #00000026;color:#fff;cursor:pointer;display:inline-flex;font-family:Amazon Ember,Arial,sans-serif;font-size:14px;font-weight:700;gap:8px;padding:10px 20px;transition:all .15s ease}.fullscreen-btn:hover{background:#37475a;box-shadow:0 4px 8px #0003}.fullscreen-btn:active{transform:translateY(1px)}.fullscreen-btn.fullscreen-active{background:#f90;color:#0f1111;font-size:13px;padding:8px 16px}.fullscreen-btn.fullscreen-active:hover{background:#ffa724}.fullscreen-mode{background:#eaeded;bottom:0;display:flex;flex-direction:column;left:0;overflow:auto;padding:0;position:fixed;right:0;top:0;z-index:9999}.fullscreen-mode .fullscreen-toggle{margin:0;position:fixed;right:10px;top:10px;z-index:10000}.fullscreen-mode .matrix-container{background:#fff;border-radius:0;box-shadow:none;flex:1 1;height:100vh;overflow:auto}.section-summary{background:#f0f2f2;border:1px solid #d5d9d9;border-radius:8px;margin-bottom:20px;padding:16px}.section-summary h4{color:#232f3e;font-size:14px;font-weight:700;margin:0 0 12px;text-transform:uppercase}.section-items{display:flex;flex-direction:column;gap:8px}.section-item{color:#16191f;font-size:14px}.section-item strong{color:#232f3e;font-weight:700}.aisle-info{align-items:center;display:flex;flex-direction:column;gap:4px}.aisle-number{font-size:13px;font-weight:700}.section-badge{background:#f90;border-radius:4px;color:#0f1111;font-size:10px;font-weight:700;letter-spacing:.3px;padding:2px 6px}.loading{align-items:center;color:#545b64;display:flex;font-family:Amazon Ember,Arial,sans-serif;font-size:18px;height:50vh;justify-content:center}.matrix-container{background:#fff;border:1px solid #d5d9d9;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;overflow-x:auto}.pivot-table{border-collapse:collapse;font-family:Amazon Ember,Arial,sans-serif;font-size:14px;min-width:600px;width:100%}.pivot-table thead{background:linear-gradient(180deg,#232f3e,#37475a);color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}.pivot-table th{border-right:1px solid #ffffff26;font-size:13px;font-weight:700;letter-spacing:.8px;padding:16px 12px;text-align:center;text-transform:uppercase;white-space:nowrap}.pivot-table th:last-child{border-right:none}.aisle-header,.pivot-cell{min-width:100px}.pivot-cell{background:#f7f8f8;border-bottom:1px solid #d5d9d9;border-right:1px solid #d5d9d9;height:60px;padding:4px;text-align:center;vertical-align:middle}.pivot-cell:last-child{border-right:none}.utilization-cell{align-items:center;border:2px solid #0000001a;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;height:52px;justify-content:center;position:relative;transition:all .2s ease;width:100%}.utilization-cell:hover{border-color:#232f3e;box-shadow:0 4px 12px #0003;transform:scale(1.08);z-index:100}.bin-number-text{color:#fff;font-family:Amazon Ember,Courier New,monospace;font-size:20px;font-weight:900;letter-spacing:1px;text-shadow:2px 2px 4px #00000080}.empty-cell{align-items:center;background-color:#fafafa;border:2px dashed #d5d9d9;border-radius:8px;color:#aab7b8;cursor:help;display:flex;font-size:14px;font-weight:700;height:48px;justify-content:center;width:100%}.empty-cell:hover{background-color:#f0f2f2;border-color:#888c8c}.pivot-table tbody tr:nth-child(2n) .pivot-cell{background-color:#fff}.pivot-table tbody tr:hover .pivot-cell{background-color:#fff5e6}.no-data-message{background:#f7f8f8;border-radius:8px;margin:20px;padding:60px 20px;text-align:center}.no-data-message p{color:#545b64;font-size:16px;font-weight:400;margin:0 0 20px}.reset-filters-btn{background:#f90;border:none;border-radius:8px;box-shadow:0 2px 5px #d5d9d980;color:#0f1111;cursor:pointer;font-family:Amazon Ember,Arial,sans-serif;font-size:14px;font-weight:700;padding:10px 24px;transition:all .15s ease}.reset-filters-btn:hover{background:#ffa724;box-shadow:0 4px 8px #d5d9d9b3}.reset-filters-btn:active{transform:translateY(1px)}.matrix-container{animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.matrix-container::-webkit-scrollbar{height:10px;width:10px}.matrix-container::-webkit-scrollbar-track{background:#f0f2f2;border-radius:4px}.matrix-container::-webkit-scrollbar-thumb{background:#aab7b8;border-radius:4px}.matrix-container::-webkit-scrollbar-thumb:hover{background:#879596}@media (max-width:1200px){.pivot-table{font-size:13px}.pivot-table th{padding:14px 10px}.pivot-cell{height:55px;min-width:90px}.utilization-cell{height:47px}.bin-number-text{font-size:18px}}@media (max-width:768px){.bin-utilization-table{padding:10px}.header-section{padding:16px}.legend-items{flex-direction:column;gap:10px}.pivot-table{font-size:12px}.pivot-cell{height:50px;min-width:80px;padding:3px}.utilization-cell{height:44px}.bin-number-text{font-size:16px}}@media (max-width:480px){.bin-utilization-table{padding:8px}.header-section h2{font-size:20px}.pivot-table th{font-size:11px;padding:12px 8px}.pivot-cell{height:45px;min-width:70px}.utilization-cell{height:37px}.bin-number-text{font-size:14px}}