.file-dropzone{border:2px dashed #cbd5e1;border-radius:10px;padding:20px;text-align:center;cursor:pointer;background-color:#f8fafc;color:#64748b;margin-bottom:16px;transition:background-color .2s,border-color .2s}.file-dropzone.drag-over{background-color:#e0e7ff;border-color:#4a3aff}.file-name{font-size:.85rem;color:#475569;margin-top:-10px;margin-bottom:16px;word-break:break-word}.status-generating .status-icon{display:inline-block;width:1em;height:1em;border:2px solid #fff;border-bottom-color:transparent;border-radius:50%;animation:spin 1s linear infinite;margin-right:5px;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.download-link{display:block;text-align:center;margin-top:10px;padding:8px;background-color:#00bfa6;color:#fff;border-radius:8px;text-decoration:none;font-weight:500}.dashboard-wrapper{min-height:100vh;background:#f7f9fc;padding:40px;font-family:Inter,sans-serif}.dashboard-header{text-align:center;margin-bottom:30px}.dashboard-header h1{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:10px}.dashboard-header p{color:#64748b;font-size:1rem}.voice-history-card{background:#fff;border-radius:16px;padding:24px;margin-bottom:30px;box-shadow:0 4px 12px #00000014}.voice-history-card h3{margin:0 0 16px;font-size:1.25rem;color:#1e293b;font-weight:600}.voice-history-hint{margin-top:12px;padding:8px 12px;background:#f1f5f9;border-radius:8px;color:#64748b;font-size:.85rem;text-align:center}.voice-history-table{width:100%;border-collapse:collapse}.voice-history-table thead{background:#f1f5f9}.voice-history-table th{padding:12px;text-align:left;font-weight:600;color:#475569;font-size:.9rem;border-bottom:2px solid #e2e8f0}.voice-history-table td{padding:12px;border-bottom:1px solid #e2e8f0;color:#334155}.voice-id-cell{font-family:Courier New,monospace;font-weight:500;color:#4a3aff}.timestamp-cell{color:#64748b;font-size:.85rem}.use-btn{background:linear-gradient(90deg,#4a3aff,#6a5aff);color:#fff;border:none;padding:6px 16px;border-radius:6px;cursor:pointer;font-weight:500;font-size:.85rem;transition:all .2s ease}.use-btn:hover{background:linear-gradient(90deg,#4338ca,#5b4be0);transform:translateY(-1px);box-shadow:0 2px 8px #4a3aff4d}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.slot-card{background:#fff;border-radius:16px;box-shadow:0 6px 20px #00000014;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.slot-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0000001f}.slot-header{background:linear-gradient(90deg,#4a3aff,#6a5aff);color:#fff;padding:14px 20px;font-weight:600;font-size:1rem;display:flex;align-items:center;gap:10px}.slot-body{padding:20px}.slot-body label{font-size:.9rem;font-weight:500;color:#475569;margin-bottom:6px;display:block}.slot-body input,.slot-body textarea{width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:10px;margin-bottom:16px;font-size:.9rem}.slot-body textarea{resize:vertical;min-height:80px}.slot-button{width:100%;padding:12px;background:linear-gradient(90deg,#4a3aff,#6a5aff);color:#fff;font-weight:600;border:none;border-radius:999px;cursor:pointer;transition:background .2s ease}.slot-button:hover{background:linear-gradient(90deg,#4338ca,#5b4be0)}.slot-button:disabled{opacity:.6;cursor:not-allowed}.status-badge{display:inline-block;margin-top:10px;padding:4px 10px;border-radius:999px;font-size:.8rem;font-weight:600}.status-ready{background:#e2e8f0;color:#475569}.status-generating{background:#4a3aff;color:#fff}.status-completed{background:#00bfa6;color:#fff}.status-error{background:#e63946;color:#fff}.progress-container{margin-top:12px}.progress-bar{width:100%;height:8px;background:#e2e8f0;border-radius:6px;overflow:hidden}.progress-fill{height:100%;background:#4a3aff;transition:width .3s ease}.audio-result{margin-top:16px;padding:12px;background:#f8fafc;border-radius:10px}.audio-result audio{width:100%;margin-bottom:10px}.download-link{display:block;text-align:center;padding:8px;background-color:#00bfa6;color:#fff;border-radius:8px;text-decoration:none;font-weight:500;transition:background .2s ease}.download-link:hover{background-color:#00a08a}@media (max-width: 768px){.dashboard-wrapper{padding:20px}.dashboard-grid{grid-template-columns:1fr}.voice-history-table{font-size:.85rem}.voice-history-table th,.voice-history-table td{padding:8px}}.admin-panel{max-width:1200px;margin:2rem auto;padding:0 1rem;box-sizing:border-box}.admin-panel h1{font-size:2.25rem;font-weight:700;color:#1e293b;margin-bottom:2rem;word-wrap:break-word}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:1.5rem}.admin-card{background-color:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #00000014;box-sizing:border-box;min-width:0}.admin-card.col-span-2{grid-column:1 / -1}.admin-card h2{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:1.5rem;word-wrap:break-word}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.9rem;font-weight:500;color:#475569;margin-bottom:.5rem}.input-group{position:relative;width:100%;box-sizing:border-box}.input-group svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#94a3b8;width:16px;height:16px;z-index:1}.input-group input{width:100%;max-width:100%;padding:.75rem .75rem .75rem 2.25rem;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.input-group input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e533}.toggle-group{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.toggle-switch{position:relative;display:inline-block;width:50px;height:28px;flex-shrink:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:28px;transition:.4s}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;border-radius:50%;transition:.4s}input:checked+.toggle-slider{background-color:#4f46e5}input:checked+.toggle-slider:before{transform:translate(22px)}.btn{width:100%;max-width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s;box-sizing:border-box}.btn-primary{background-color:#4f46e5;color:#fff}.btn-primary:hover{background-color:#4338ca}.user-list-header,.user-list-row{display:grid;grid-template-columns:minmax(150px,2fr) minmax(100px,1fr) minmax(80px,1fr);align-items:center;padding:.75rem 0;gap:1rem;min-width:0}.user-list-header{color:#64748b;font-weight:600;font-size:.8rem;text-transform:uppercase;border-bottom:1px solid #e2e8f0}.user-list-row{border-bottom:1px solid #f1f5f9}.user-list-row>div{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-badge{padding:.25rem .75rem;border-radius:999px;font-size:.8rem;font-weight:500;text-align:center;display:inline-block;max-width:100%;box-sizing:border-box}.role-badge.admin{background-color:#e0e7ff;color:#4338ca}.role-badge.user{background-color:#f1f5f9;color:#475569}.action-btn{background:none;border:none;cursor:pointer;color:#94a3b8;padding:.5rem;justify-self:end;flex-shrink:0}.action-btn:hover{color:#ef4444}@media (max-width: 768px){.admin-panel{padding:0 .5rem;margin:1rem auto}.admin-panel h1{font-size:1.75rem;text-align:center}.admin-grid{grid-template-columns:1fr;gap:1rem}.admin-card{padding:1rem}.user-list-header,.user-list-row{grid-template-columns:1fr auto auto;gap:.5rem;font-size:.9rem}.input-group input{padding:.75rem .75rem .75rem 2.25rem;font-size:16px}.toggle-group{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width: 480px){.admin-panel h1{font-size:1.5rem}.user-list-header,.user-list-row{grid-template-columns:1fr auto}.user-list-header div:nth-child(2),.user-list-row div:nth-child(2){display:none}}.history-container{max-width:1200px;margin:2rem auto;padding:0 2rem}.history-container h1{font-size:2.25rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:.75rem}.history-container p{margin-top:.5rem;color:#475569}.history-table-wrapper{margin-top:2rem;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}.history-table{width:100%;border-collapse:collapse}.history-table th,.history-table td{padding:1rem 1.5rem;text-align:left;border-bottom:1px solid #f1f5f9}.history-table th{background-color:#f8fafc;font-size:.8rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.history-table tbody tr:hover{background-color:#f8fafc}.history-table audio{width:100%;max-width:300px;height:40px}.download-btn{display:inline-flex;align-items:center;gap:.5rem;background-color:#eef2ff;color:#4338ca;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:500;text-decoration:none;cursor:pointer;transition:background-color .2s,color .2s}.download-btn:hover{background-color:#4f46e5;color:#fff}.loading-state,.error-state,.empty-state{margin-top:2rem;text-align:center;padding:2rem;font-size:1.1rem;color:#64748b;background-color:#fff;border-radius:12px}.error-state{color:#b91c1c}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2.5rem;background-color:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 4px #0000000d}.app-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.main-nav{display:flex;align-items:center;gap:1.5rem}.nav-links{display:flex;gap:1.25rem}.nav-link{text-decoration:none;color:#475569;font-weight:500;padding:.5rem 0;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}.nav-link:hover{color:#4f46e5}.nav-link.active{color:#4f46e5;border-bottom-color:#4f46e5}.user-info{display:flex;align-items:center;gap:1rem;color:#334155;font-size:.9rem}.active-users-badge{background-color:#dcfce7;color:#166534;padding:.25rem .75rem;border-radius:999px;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:.4rem}.active-dot{width:8px;height:8px;background-color:#22c55e;border-radius:50%}.logout-btn{background-color:#fee2e2;color:#b91c1c;border:none;border-radius:6px;padding:.5rem 1rem;cursor:pointer;font-weight:600;transition:background-color .2s,color .2s}.logout-btn:hover{background-color:#ef4444;color:#fff}body{font-family:Inter,sans-serif;background-color:#f7f9fc;margin:0;padding:0}h1,h2,h3{color:#1e293b}.login-container,.dashboard-container,.admin-container{max-width:600px;margin:50px auto;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a}input,button{display:block;width:100%;margin-top:10px;padding:10px;font-size:16px;border-radius:8px;border:1px solid #cbd5e1}button{background-color:#4f46e5;color:#fff;cursor:pointer;border:none;transition:.3s}button:hover{background-color:#4338ca}.progress-bar{margin-top:15px;width:100%;background:#e2e8f0;border-radius:10px;overflow:hidden;height:20px;position:relative}.progress-bar .progress{background:#4f46e5;height:100%;transition:width .3s}.audio-result{margin-top:15px}.error{color:red;margin-top:10px}