*{box-sizing:border-box}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;background-color:#f0f0f0}.App{min-height:100vh}.main-nav{background-color:#333;padding:0;display:flex;justify-content:space-between;align-items:center;gap:0;box-shadow:0 2px 4px #0000001a}.nav-left{display:flex;gap:0}.nav-right{display:flex;align-items:center;gap:15px;padding-right:20px}.user-info{display:flex;align-items:center;gap:10px;color:#fff}.user-avatar{width:32px;height:32px;border-radius:50%;border:2px solid white}.user-name{font-size:14px;font-weight:500}.logout-btn{background-color:#d32f2f!important;color:#fff;border:none;padding:8px 16px!important;font-size:14px;font-weight:600;cursor:pointer;border-radius:4px;transition:background-color .3s}.logout-btn:hover{background-color:#b71c1c!important}.main-nav button{background-color:#333;color:#fff;border:none;padding:15px 30px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s;border-bottom:3px solid transparent}.main-nav button:hover{background-color:#555}.main-nav button.active,.nav-left button.active:first-child{background-color:#2196f3;border-bottom-color:#1976d2}.nav-left button.active:last-child{background-color:#ff9800;border-bottom-color:#f57c00}.loading-screen{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:20px;color:#667eea;font-weight:500}.inventory-container{padding:20px;max-width:1400px;margin:0 auto}.nav-link-button{background-color:#ff9800;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:background-color .3s}.nav-link-button:hover{background-color:#f57c00}.seed-button{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px}.seed-button:hover{background-color:#45a049}.inventory-table{width:100%;border-collapse:collapse;background-color:#fff}.inventory-table th{background-color:#2196f3;color:#fff;padding:12px 8px;text-align:left;font-weight:600;position:sticky;top:0;z-index:10}.inventory-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.inventory-table th.sortable:hover{background-color:#1976d2}.inventory-table th.sortable.sorted{background-color:#1565c0}.inventory-table td{padding:10px 8px;border-bottom:1px solid #ddd}.inventory-table tbody tr:hover{background-color:#f5f5f5}.inventory-table tbody tr.inactive{opacity:.6;background-color:#ffebee}.status{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600}.status.active{background-color:#4caf50;color:#fff}.status.inactive{background-color:#f44336;color:#fff}.pagination button:hover:not(:disabled){background-color:#2196f3;color:#fff;border-color:#2196f3}.error button{margin-top:10px;padding:10px 20px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer}.error button:hover{background-color:#1976d2}.sales-container{padding:20px;max-width:1400px;margin:0 auto}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header h1{margin:0;color:#333}.nav-link-button{background-color:#2196f3;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:background-color .3s}.nav-link-button:hover{background-color:#1976d2}.sales-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.summary-card{background:linear-gradient(135deg,#ff9800,#f57c00);padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#fff;transition:transform .2s,box-shadow .2s}.summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.summary-label{font-size:14px;font-weight:600;opacity:.9;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:32px;font-weight:700;line-height:1.2}.top-categories-card{background:linear-gradient(135deg,#4caf50,#388e3c)}.top-categories-list{margin-top:12px}.top-category-item{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.2);font-size:14px}.top-category-item:last-child{border-bottom:none}.category-rank{font-weight:700;font-size:16px;margin-right:12px;min-width:30px}.category-name{flex:1;font-weight:500}.category-sales{font-weight:700;font-size:16px}.no-categories{font-size:14px;opacity:.8;font-style:italic}.filters-container{margin-bottom:20px;padding:15px;background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px}.filter-group{display:flex;align-items:center;gap:10px}.filter-group label{font-weight:600;color:#333;white-space:nowrap}.import-date-select{padding:10px 12px;font-size:16px;border:2px solid #ddd;border-radius:4px;background-color:#fff;cursor:pointer;transition:border-color .3s;min-width:250px}.import-date-select:focus{outline:none;border-color:#2196f3}.import-date-select:hover{border-color:#999}.search-container{position:relative;margin-bottom:20px}.search-input{width:100%;padding:12px 40px 12px 12px;font-size:16px;border:2px solid #ddd;border-radius:4px;box-sizing:border-box;transition:border-color .3s}.search-input:focus{outline:none;border-color:#2196f3}.clear-search{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:20px;color:#999;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s,color .2s}.clear-search:hover{background-color:#f0f0f0;color:#666}.info-bar{display:flex;justify-content:space-between;margin-bottom:15px;padding:10px;background-color:#f5f5f5;border-radius:4px}.info-bar p{margin:0;color:#666}.table-container{overflow-x:auto;margin-bottom:20px;border:1px solid #ddd;border-radius:4px}.sales-table{width:100%;border-collapse:collapse;background-color:#fff}.sales-table th{background-color:#ff9800;color:#fff;padding:12px 8px;text-align:left;font-weight:600;position:sticky;top:0;z-index:10}.sales-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.sales-table th.sortable:hover{background-color:#f57c00}.sales-table th.sortable.sorted{background-color:#e65100}.sales-table td{padding:10px 8px;border-bottom:1px solid #ddd}.sales-table tbody tr:hover{background-color:#f5f5f5}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:20px}.pagination button{padding:8px 16px;border:1px solid #ddd;background-color:#fff;cursor:pointer;border-radius:4px;font-size:14px}.pagination button:hover:not(:disabled){background-color:#ff9800;color:#fff;border-color:#ff9800}.pagination button:disabled{cursor:not-allowed;opacity:.5}.page-info{padding:8px 16px;font-weight:600;color:#333}.loading,.error{text-align:center;padding:40px;font-size:18px}.error{color:#f44336}.error button{margin-top:10px;padding:10px 20px;background-color:#ff9800;color:#fff;border:none;border-radius:4px;cursor:pointer}.error button:hover{background-color:#f57c00}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-card{background:#fff;border-radius:12px;padding:40px;box-shadow:0 10px 40px #0003;text-align:center;max-width:400px;width:100%}.login-card h1{margin:0 0 10px;color:#333;font-size:28px}.login-subtitle{color:#666;margin:0 0 30px;font-size:16px}.google-login-wrapper{display:flex;justify-content:center;margin:20px 0}.error-message{background-color:#fee;color:#c33;padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px;border:1px solid #fcc}.loading{padding:20px;color:#667eea;font-size:16px;font-weight:500}.login-note{margin-top:30px;font-size:12px;color:#999;line-height:1.5}