*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}#root{height:100%;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{height:100%;overflow:hidden;width:100%}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-box{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:40px;width:100%}.main-container{background:#f5f5f5;display:flex;flex-direction:column;height:100vh;overflow:hidden}.main-header{background:#fff;box-shadow:0 2px 4px #0000001a;padding:0}.header-top{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:15px 30px}.main-header h1{color:#333;font-size:1.4rem;margin:0}.filters-section{align-items:flex-start;display:flex;justify-content:center;min-height:120px;padding:20px 30px}.header-right{flex-direction:column}.filters-container,.header-right{align-items:flex-end;display:flex;gap:15px}.filters-container{flex-wrap:wrap;justify-content:center;max-width:1200px;width:100%}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{color:#666;font-size:.85rem;font-weight:500}.filter-input{background:#fff;border:2px solid #e0e0e0;border-radius:6px;font-size:.95rem;min-width:180px;padding:8px 12px;transition:all .3s ease}.filter-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.filter-select{background:#fff;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:.95rem;min-width:180px;padding:8px 12px;transition:all .3s ease}.filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.dropdown-filter-group{position:relative}.filter-dropdown-list{background:#fff;border:2px solid #e0e0e0;border-radius:0 0 6px 6px;border-top:none;box-shadow:0 4px 6px #0000001a;left:0;margin-top:-2px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.filter-dropdown-item{cursor:pointer;font-size:.95rem;padding:10px 12px;transition:background-color .2s}.filter-dropdown-item:hover{background-color:#f0f0f0}.filter-dropdown-item.no-results{color:#999;cursor:default;font-style:italic}.filter-dropdown-item.no-results:hover{background-color:#fff}.btn-clear-filters{background:#f5f5f5;border:2px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;font-size:.9rem;height:-webkit-fit-content;height:fit-content;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.btn-clear-filters:hover{background:#e8e8e8;border-color:#d0d0d0}.header-info{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.user-name{color:#667eea;font-weight:600}.filter-info{background:#f0f0f0;border-radius:20px;color:#666;font-size:.9rem;padding:5px 12px}.container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:600px;padding:40px;width:100%}h1{color:#333;font-size:2rem;margin-bottom:30px;text-align:center}.form-group{margin-bottom:25px}label{color:#555;display:block;font-size:.95rem;font-weight:500;margin-bottom:8px}.input-field{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.input-field:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.input-field:disabled{background-color:#f5f5f5;cursor:not-allowed}.dropdown-container{position:relative}.dropdown-list{background:#fff;border:2px solid #e0e0e0;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 6px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{cursor:pointer;padding:12px 16px;transition:background-color .2s}.dropdown-item:hover{background-color:#f0f0f0}.dropdown-item.no-results{color:#999;cursor:default;font-style:italic}.dropdown-item.no-results:hover{background-color:#fff}.button-group{display:flex;justify-content:center;margin-top:30px}.btn{border:none;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:.5px;padding:14px 32px;text-transform:uppercase;transition:all .3s ease}.btn-record{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-record:hover:not(:disabled){box-shadow:0 8px 16px #667eea66;transform:translateY(-2px)}.btn-stop{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.btn-stop:hover{box-shadow:0 8px 16px #f5576c66;transform:translateY(-2px)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.status-message{background-color:#e8f5e9;border-radius:8px;color:#2e7d32;font-size:.95rem;margin-top:20px;padding:12px 16px;text-align:center}.status-message.error{background-color:#ffebee;color:#c62828}.recording-indicator{align-items:center;color:#f5576c;display:flex;font-weight:600;gap:10px;justify-content:center;margin-top:20px}.pulse{animation:pulse 1.5s ease-in-out infinite;background-color:#f5576c;border-radius:50%;height:12px;width:12px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}select.input-field{cursor:pointer}.header-brand{align-items:center;display:flex;gap:10px}.header-logo{color:#667eea;height:24px;width:24px}.header-title{color:#333;font-size:1.4rem;font-weight:700}.main-body{flex:1 1;min-height:0}.left-panel,.main-body{display:flex;gap:0;overflow:hidden}.left-panel{background:linear-gradient(180deg,#f8f9ff,#f3f4fb);border-right:none;flex-direction:column;max-width:320px;min-width:240px;padding:0;width:26%}.left-panel-scroll{flex:1 1;min-height:0;overflow-y:auto}.left-panel-footer{background:linear-gradient(0deg,#f0f1fb,#0000);border-top:1px solid #e4e6f5;flex-shrink:0;padding:12px 14px}.left-panel-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:.95rem;font-weight:700;gap:8px;letter-spacing:.3px;padding:14px 16px 13px}.left-panel-header-user{background:linear-gradient(135deg,#11998e,#38ef7d)}.admin-badge{background:#ffffff38;border:1px solid #ffffff4d;border-radius:99px;font-size:.65rem;font-weight:700;letter-spacing:.8px;margin-left:auto;padding:2px 8px;text-transform:uppercase}.left-panel-icon{color:#ffffffe6;flex-shrink:0;height:18px;width:18px}.upload-card{background:#fff;border:1px solid #667eea1f;border-radius:12px;box-shadow:0 2px 10px #667eea1a;display:flex;flex-direction:column;gap:10px;margin:14px 14px 0;padding:14px}.upload-card-label{align-items:center;display:flex;gap:10px}.upload-card-icon{color:#667eea;flex-shrink:0;height:28px;width:28px}.upload-card-title{color:#333;font-size:.9rem;font-weight:700;line-height:1.2}.upload-card-subtitle{color:#999;font-size:.72rem;margin-top:1px}.file-drop-area{background:#fafbff;border:2px dashed #c8d0f0;border-radius:10px;cursor:pointer;padding:14px 10px;text-align:center;transition:border-color .2s,background .2s,box-shadow .2s}.file-drop-area:hover{background:#f0f3ff;border-color:#667eea;box-shadow:0 0 0 3px #667eea14}.file-drop-area.has-file{background:#f1f9f1;border-color:#43a047}.file-placeholder-content{align-items:center;display:flex;flex-direction:column;gap:5px}.file-placeholder-icon{color:#b0bec5;height:28px;margin-bottom:2px;width:28px}.file-placeholder{color:#888;font-size:.82rem;font-weight:500}.file-hint{color:#bbb;font-size:.7rem}.file-chosen-content{align-items:center;display:flex;gap:8px;justify-content:center}.file-icon{color:#43a047;flex-shrink:0;height:20px;width:20px}.file-chosen{color:#2e7d32;font-size:.8rem;font-weight:600;text-align:left;word-break:break-all}.btn-upload{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.88rem;font-weight:700;gap:6px;justify-content:center;letter-spacing:.8px;padding:9px 0;text-transform:uppercase;transition:all .25s ease;width:100%}.btn-upload:hover:not(:disabled){box-shadow:0 4px 14px #667eea73;transform:translateY(-1px)}.btn-upload:disabled{cursor:not-allowed;opacity:.45;transform:none}.spinner{animation:spin .7s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;display:inline-block;height:12px;width:12px}@keyframes spin{to{transform:rotate(1turn)}}.upload-status{border-radius:7px;font-size:.8rem;font-weight:500;padding:7px 10px;text-align:center}.upload-status.success{background:#e8f5e9;border:1px solid #c8e6c9;color:#2e7d32}.upload-status.error{background:#ffebee;border:1px solid #ffcdd2;color:#c62828}.stats-card{background:#fff;border:1px solid #667eea1a;border-radius:12px;box-shadow:0 2px 10px #667eea14;display:flex;flex-direction:column;gap:10px;margin:12px 14px 14px;padding:14px}.stats-card-title{color:#888;font-size:.8rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.stats-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.stat-box{align-items:center;background:#f5f6ff;border:1px solid #e8ebfa;border-radius:10px;display:flex;flex-direction:column;padding:10px 6px}.stat-box.recorded-stat{background:#f0faf0;border-color:#c8e6c9}.stat-box.pending-stat{background:#fff8f0;border-color:#ffe0b2}.stat-box.users-stat{background:#f3f0ff;border-color:#d4c5f9}.users-stat .stat-number{color:#7c3aed}.stat-number{color:#667eea;font-size:1.4rem;font-weight:800;line-height:1}.recorded-stat .stat-number{color:#2e7d32}.pending-stat .stat-number{color:#e65100}.stat-label{color:#999;font-size:.68rem;font-weight:600;letter-spacing:.4px;margin-top:4px;text-transform:uppercase}.progress-bar-wrap{background:#e8ebfa;border-radius:99px;height:8px;overflow:visible;position:relative}.progress-bar-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:99px;height:100%;transition:width .5s ease}.user-stats-section{border-top:1px solid #f0f0f0;display:flex;flex-direction:column;gap:7px;padding-top:10px}.user-stat-row{display:flex;flex-direction:column;gap:3px}.user-stat-meta{align-items:center;display:flex;justify-content:space-between}.user-stat-name{color:#444;font-size:.78rem;font-weight:600}.user-stat-count{color:#888;font-size:.72rem;font-weight:500}.user-mini-bar-bg{background:#e8ebfa;border-radius:99px;height:5px;overflow:hidden}.user-mini-bar-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:99px;height:100%;transition:width .4s ease}.recorded-list{border-top:1px solid #f0f0f0;padding-top:10px}.recorded-list-title{color:#555;font-size:.78rem;font-weight:700;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.recorded-list-items{display:flex;flex-direction:column;gap:4px;max-height:180px;overflow-y:auto}.recorded-list-item{align-items:flex-start;background:#f9fafb;border:1px solid #eef0f5;border-radius:7px;display:flex;gap:6px;padding:6px 8px}.recorded-tick{align-items:center;background:#e8f5e9;border-radius:50%;color:#2e7d32;display:flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:18px;justify-content:center;margin-top:1px;width:18px}.recorded-info{display:flex;flex-direction:column;gap:1px;min-width:0}.recorded-product{color:#333;font-size:.78rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recorded-user{color:#aaa;font-size:.69rem}.panel-divider{align-items:stretch;background:#f0f0f5;display:flex;flex-shrink:0;width:6px}.panel-divider-line{background:linear-gradient(180deg,#0000,#d4d8f0 20%,#d4d8f0 80%,#0000);margin:0 auto;width:1px}.right-panel{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:0}.right-panel-header{align-items:center;background:#fff;border-bottom:2px solid #f0f2ff;display:flex;flex-shrink:0;justify-content:space-between;padding:14px 20px 13px}.right-panel-title-group{align-items:center;display:flex;gap:9px}.right-panel-icon{color:#667eea;height:18px;width:18px}.right-panel-title{color:#333;font-size:1rem;font-weight:700}.products-count-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:99px;color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.3px;padding:3px 10px}.products-list{background:#fafbff;flex:1 1;overflow-y:auto;padding:8px 12px}.product-item{align-items:center;border-bottom:1px solid #e0e0e0;cursor:pointer;display:flex;justify-content:space-between;padding:10px 15px;transition:background-color .2s}.product-item.recording{background-color:#fff3e0}.product-item:hover{background-color:#f8f8f8}.product-item.active{background-color:#e8f0fe}.product-details{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:12px}.product-name{color:#2e7d32;font-size:.95rem;font-weight:600}.product-strength{background-color:#e3f2fd;color:#1976d2}.product-dosage,.product-strength{border-radius:4px;font-size:.85rem;font-weight:500;padding:3px 8px}.product-dosage{background-color:#f3e5f5;color:#7b1fa2}.product-actions{align-items:center;display:flex;gap:10px}.tick-sign{color:#2e7d32;font-size:2rem;font-weight:700;margin-right:5px}.recording-error{color:#e53e3e;font-size:.78rem;font-weight:500}.recording-status{align-items:center;color:#f5576c;display:flex;font-size:.85rem;font-weight:500;gap:8px;margin-right:8px}.pulse-dot{animation:pulse 1.5s ease-in-out infinite;background-color:#f5576c;border-radius:50%;height:8px;width:8px}.btn-play{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;padding:6px 14px;transition:all .3s ease;white-space:nowrap}.btn-play:hover{background:#45a049;box-shadow:0 2px 8px #4caf5066;transform:translateY(-1px)}.btn-delete{background:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;padding:6px 14px;transition:all .3s ease;white-space:nowrap}.btn-delete:hover{background:#da190b;box-shadow:0 2px 8px #f4433666;transform:translateY(-1px)}.btn-record-item{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;padding:6px 16px;transition:all .3s ease;white-space:nowrap}.btn-record-item:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-record-item.recording{background:linear-gradient(135deg,#f093fb,#f5576c)}.btn-record-item:disabled{cursor:not-allowed;opacity:.6}.no-products{color:#999;font-size:1.1rem;padding:40px;text-align:center}.btn-login{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:.5px;margin-top:10px;padding:14px 32px;text-transform:uppercase;transition:all .3s ease;width:100%}.btn-login:hover:not(:disabled){box-shadow:0 8px 16px #667eea66;transform:translateY(-2px)}.btn-login:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-download-zip{align-items:center;background:linear-gradient(135deg,#1a73e8,#0d47a1);border:none;border-radius:9px;box-shadow:0 2px 8px #1a73e84d;color:#fff;cursor:pointer;display:flex;font-size:.88rem;font-weight:700;gap:8px;justify-content:center;letter-spacing:.4px;padding:10px 0;transition:all .2s ease;width:100%}.btn-download-zip:hover{box-shadow:0 4px 14px #1a73e873;transform:translateY(-1px)}.dl-icon{height:16px;width:16px}.dl-progress-wrap{display:flex;flex-direction:column;gap:6px}.dl-progress-label{align-items:center;color:#1a73e8;display:flex;font-size:.82rem;font-weight:600;gap:7px}.dl-spinner{border-color:#1a73e8 #1a73e840 #1a73e840;height:13px;width:13px}.dl-progress-bar-bg{background:#dce8fd;border-radius:99px;height:7px;overflow:hidden}.dl-progress-bar-fill{background:linear-gradient(90deg,#1a73e8,#0d47a1);border-radius:99px;height:100%;transition:width .3s ease}.dl-done-msg{background:#e8f5e9;border:1px solid #c8e6c9;border-radius:8px;color:#2e7d32}.dl-done-msg,.dl-error-msg{font-size:.82rem;font-weight:700;padding:9px;text-align:center}.dl-error-msg{background:#ffebee;border:1px solid #ffcdd2;border-radius:8px;color:#c62828}.btn-fresh-start{align-items:center;background:#0000;border:none;border-radius:9px;color:#b0b7c3;cursor:pointer;display:flex;font-size:.79rem;font-weight:600;gap:5px;justify-content:center;letter-spacing:.3px;margin-top:8px;padding:7px 0;transition:color .15s ease;width:100%}.btn-fresh-start:hover{color:#ef4444}.fresh-start-icon{height:12px;width:12px}@keyframes fsOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes fsModalIn{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.fresh-start-overlay{align-items:center;animation:fsOverlayIn .18s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a0e1e85;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.fresh-start-modal{align-items:center;animation:fsModalIn .22s cubic-bezier(.34,1.3,.64,1);background:#fff;border-radius:20px;box-shadow:0 28px 70px #00000038;display:flex;flex-direction:column;max-width:360px;padding:32px 28px 26px;text-align:center;width:90%}.fresh-start-modal-icon{align-items:center;background:linear-gradient(135deg,#ff6b6b,#c0392b);border-radius:50%;box-shadow:0 8px 24px #c0392b61;display:flex;height:68px;justify-content:center;margin-bottom:20px;width:68px}.fresh-start-modal-svg{height:30px;width:30px}.fresh-start-modal-title{color:#111827;font-size:1.3rem;font-weight:800;letter-spacing:-.3px;margin:0 0 8px}.fresh-start-modal-desc{color:#6b7280;font-size:.84rem;line-height:1.55;margin:0 0 20px}.fresh-start-modal-list{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;list-style:none;margin:0 0 22px;overflow:hidden;padding:0;width:100%}.fresh-start-modal-list li{align-items:center;border-bottom:1px solid #fecaca;color:#991b1b;display:flex;font-size:.83rem;font-weight:500;gap:9px;padding:10px 16px;text-align:left}.fresh-start-modal-list li:last-child{border-bottom:none}.fresh-start-modal-list li:before{background:#ef4444;border-radius:50%;content:"";height:6px;min-width:6px;width:6px}.fresh-start-modal-error{background:#ffebee;border:1px solid #ffcdd2;border-radius:9px;color:#c62828;font-size:.81rem;font-weight:600;margin-bottom:14px;padding:9px 12px;width:100%}.fresh-start-modal-actions{display:flex;gap:10px;width:100%}.btn-modal-cancel{background:#fff;border:1.5px solid #e5e7eb;border-radius:11px;color:#374151;cursor:pointer;flex:1 1;font-size:.88rem;font-weight:600;padding:11px 0;transition:all .14s ease}.btn-modal-cancel:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.btn-modal-cancel:disabled{cursor:not-allowed;opacity:.5}.btn-modal-delete{align-items:center;background:linear-gradient(135deg,#ef4444,#b91c1c);border:none;border-radius:11px;box-shadow:0 2px 10px #ef444452;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.88rem;font-weight:700;gap:6px;justify-content:center;padding:11px 0;transition:all .14s ease}.btn-modal-delete:hover:not(:disabled){box-shadow:0 5px 16px #ef444475;transform:translateY(-1px)}.btn-modal-delete:disabled{cursor:not-allowed;opacity:.65}.modal-delete-spinner{border-color:#fff #ffffff59 #ffffff59;height:13px;width:13px}.btn-logout{background:#f5576c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .3s ease}.btn-logout:hover{background:#e0455a;transform:translateY(-1px)}@supports (height:100dvh){.main-container{height:100dvh}}@media (max-width:900px){.left-panel{min-width:200px;width:30%}}@media (max-width:768px){.App{overflow:auto}.main-container{height:auto;min-height:100vh;overflow:auto}.header-top{padding:10px 14px}.header-title{font-size:1.1rem}.user-name{font-size:.82rem}.btn-logout{font-size:.8rem;padding:6px 10px}.main-body{flex:none;flex-direction:column;overflow:visible}.panel-divider{display:none}.left-panel{border-bottom:2px solid #e4e6f5;border-right:none;flex-shrink:0;max-height:38vh;max-width:none;min-width:0;min-width:auto;overflow:hidden;width:100%}.left-panel-scroll{-webkit-overflow-scrolling:touch}.left-panel-footer{padding:8px 12px}.right-panel{display:flex;flex:none;flex-direction:column;min-height:0}.products-list{-webkit-overflow-scrolling:touch;overflow-y:visible;padding:6px 8px}.right-panel-header{padding:10px 14px}.product-item{align-items:flex-start;cursor:default;flex-direction:column;gap:8px;padding:10px 12px}.product-details{cursor:pointer;width:100%}.product-name{font-size:1rem;line-height:1.4}.product-actions{flex-wrap:wrap;gap:8px;width:100%}.btn-delete,.btn-play,.btn-record-item{flex:1 1;font-size:.88rem;justify-content:center;min-height:40px;padding:8px 18px;text-align:center}.recording-status{font-size:.78rem;width:100%}.tick-sign{font-size:1.6rem}.stats-card,.upload-card{margin:10px 10px 0}.stats-card{margin-bottom:10px}}@media (max-width:480px){.header-title{font-size:1rem}.header-top{padding:8px 10px}.stat-number{font-size:1.2rem}.stat-label{font-size:.62rem}.product-name{font-size:.95rem}.btn-delete,.btn-play,.btn-record-item{font-size:.85rem;padding:9px 14px}.right-panel-title{font-size:.9rem}.products-count-badge{font-size:.68rem;padding:2px 8px}}
/*# sourceMappingURL=main.f24bec4b.css.map*/