*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f172a;color:#e2e8f0;min-height:100vh}.app{max-width:1200px;margin:0 auto;padding:16px}header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #334155}header h1{font-size:1.3rem;color:#4ade80}.header-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.clock{font-size:.85rem;color:#94a3b8;background:#1e293b;padding:4px 10px;border-radius:4px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:900px){.columns{grid-template-columns:1fr}}@media(max-width:600px){header{flex-direction:column;align-items:flex-start}header h1{font-size:1.1rem}.header-controls{width:100%;justify-content:flex-start}.app{padding:12px}.tabs{flex-wrap:wrap}.tab{flex:1;min-width:80px;text-align:center;font-size:.85rem;padding:10px 8px}.btn{font-size:.8rem;padding:8px 10px}.sale-item,.reorder-item{flex-direction:column;align-items:flex-start;gap:8px}.sale-item .btn,.reorder-item .btn{align-self:flex-end}.panel h2{flex-direction:column;align-items:flex-start;gap:8px}.panel h2 .btn-group{display:flex;gap:8px;width:100%}.panel h2 .btn-group button{flex:1}.analytics .summary-cards{flex-direction:column}}.panel{background:#1e293b;border-radius:12px;box-shadow:0 4px 12px #0000004d;padding:16px;border:1px solid #334155}.panel h2{font-size:1rem;margin-bottom:12px;color:#4ade80;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.panel h2 button{font-size:.8rem;padding:6px 12px}.sale-item,.reorder-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #334155;gap:12px}.sale-item:last-child,.reorder-item:last-child{border-bottom:none}.sale-info,.reorder-info{flex:1;min-width:0}.sale-title,.reorder-title{font-weight:500;margin-bottom:4px;word-break:break-word}.sale-meta,.reorder-meta{font-size:.8rem;color:#94a3b8;word-break:break-all}.btn{border:none;border-radius:6px;padding:8px 14px;cursor:pointer;font-size:.85rem;transition:all .2s;white-space:nowrap;font-weight:500}.btn-add{background:#22c55e;color:#fff}.btn-add:hover{background:#16a34a}.btn-add:active{transform:scale(.95)}.btn-remove{background:#ef4444;color:#fff}.btn-remove:hover{background:#dc2626}.btn-copy{background:#3b82f6;color:#fff}.btn-copy:hover{background:#2563eb}.btn-refresh{background:#64748b;color:#fff}.btn-refresh:hover{background:#475569}.btn-clear{background:#f97316;color:#fff}.btn-clear:hover{background:#ea580c}.empty{color:#64748b;text-align:center;padding:24px}.search-box{margin-bottom:16px}.search-box input{width:100%;padding:12px;border:1px solid #334155;border-radius:8px;font-size:1rem;background:#0f172a;color:#e2e8f0}.search-box input:focus{outline:none;border-color:#4ade80;box-shadow:0 0 0 2px #4ade8033}.search-results{max-height:350px;overflow-y:auto}.tabs{display:flex;gap:4px;margin-bottom:16px;background:#0f172a;padding:4px;border-radius:8px}.tab{padding:10px 16px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:#94a3b8;font-weight:500;transition:all .2s}.tab:hover{background:#1e293b;color:#e2e8f0}.tab.active{background:#4ade80;color:#0f172a}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#22c55e;color:#fff;padding:12px 24px;border-radius:8px;animation:slideUp .3s;box-shadow:0 4px 12px #0000004d;z-index:1000;max-width:90%;text-align:center}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.analytics{min-height:300px}.analytics h3{margin-bottom:16px;color:#e2e8f0}@media(max-width:600px){.debug-panel{margin:0 8px 12px;font-size:.75rem}}.loading{display:flex;justify-content:center;align-items:center;padding:40px}.loading:after{content:"";width:32px;height:32px;border:3px solid #334155;border-top-color:#4ade80;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b}