:root{--bg-dark:#1a1d2e;--bg-darker:#13151f;--bg-card:#232638;--bg-card-hover:#2a2d42;--text-primary:#fff;--text-secondary:#a0a0a0;--text-muted:#6b6b6b;--teal-primary:#14b8a6;--teal-dark:#0d9488;--teal-light:#2dd4bf;--blue-primary:#0891b2;--orange-accent:#fb923c;--border:#3a3d52;--border-light:#4a4d62;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--charcoal:#2d2d2d;--charcoal-hover:#3a3a3a;--gradient-teal:linear-gradient(135deg,#14b8a6,#0891b2);--gradient-header:linear-gradient(135deg,#4f46e5,#7c3aed);--gradient-orange:linear-gradient(135deg,#fb923c,#f97316);--gradient-red:linear-gradient(135deg,#ef4444,#dc2626);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}*{box-sizing:border-box;margin:0;padding:0}body{background:#13151f;background:var(--bg-darker);color:#fff;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}button{border:none;cursor:pointer;font-family:inherit;transition:all .3s ease;transition:all var(--transition-normal)}input,select,textarea{font-family:inherit;font-size:14px}a{color:#14b8a6;color:var(--teal-primary);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}a:hover{color:#2dd4bf;color:var(--teal-light)}.login-container{align-items:center;background:linear-gradient(135deg,#1a1d2e,#2d1b4e);display:flex;justify-content:center;min-height:100vh;padding:24px;padding:var(--spacing-lg)}.login-card{background:#232638;background:var(--bg-card);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 20px 60px #00000080;max-width:420px;padding:32px;padding:var(--spacing-xl);width:100%}.login-header{margin-bottom:32px;margin-bottom:var(--spacing-xl);text-align:center}.login-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#14b8a6,#0891b2);background:var(--gradient-teal);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.login-header p{color:#a0a0a0;color:var(--text-secondary);font-size:1.1rem}.login-header small{color:#6b6b6b;color:var(--text-muted);font-size:.85rem}.login-form h2{margin-bottom:24px;margin-bottom:var(--spacing-lg);text-align:center}.form-group{margin-bottom:16px;margin-bottom:var(--spacing-md)}.form-group label{color:#a0a0a0;color:var(--text-secondary);display:block;font-size:.9rem;font-weight:500;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.form-group input{background:#13151f;background:var(--bg-darker);border:2px solid #3a3d52;border:2px solid var(--border);border-radius:8px;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);padding:12px;transition:border-color .15s ease;transition:border-color var(--transition-fast);width:100%}.form-group input:focus{border-color:#14b8a6;border-color:var(--teal-primary);outline:none}.btn-login{width:100%}.btn-login,.login-options{margin-top:16px;margin-top:var(--spacing-md)}.login-options{text-align:center}.btn-secondary{background:#13151f;background:var(--bg-darker);border:2px solid #3a3d52;border:2px solid var(--border);border-radius:8px;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);font-size:14px;font-weight:500;padding:12px 24px}.btn-secondary:hover{background:#232638;background:var(--bg-card);border-color:#4a4d62;border-color:var(--border-light)}.guest-notice{background:#14b8a61a;border-radius:6px;border-radius:var(--radius-sm);color:#a0a0a0;color:var(--text-secondary);font-size:.85rem;margin-top:16px;margin-top:var(--spacing-md);text-align:center}.error-message,.guest-notice{padding:8px;padding:var(--spacing-sm)}.error-message{background:#ef44441a;border:1px solid #ef4444;border:1px solid var(--error);border-radius:6px;border-radius:var(--radius-sm);color:#ef4444;color:var(--error);font-size:.9rem;margin-bottom:16px;margin-bottom:var(--spacing-md)}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{background:linear-gradient(135deg,#4f46e5,#7c3aed);background:var(--gradient-header);box-shadow:0 4px 20px #0000004d;padding:24px 32px;padding:var(--spacing-lg) var(--spacing-xl);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;gap:24px;gap:var(--spacing-lg);justify-content:space-between;margin:0 auto;max-width:1800px}.header-left h1{font-size:1.8rem;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.header-left p{font-size:.9rem;opacity:.9}.header-left small{font-size:.75rem;opacity:.7}.header-right{align-items:center;display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-sm)}.tab-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;border-radius:var(--radius-md);color:#fff;font-size:14px;font-weight:500;padding:10px 20px}.tab-btn:hover{background:#fff3}.tab-btn.active{background:#ffffff4d;box-shadow:0 4px 12px #0003}.btn-user{background:#ffffff26;cursor:default;padding:10px 16px}.btn-logout,.btn-user{border-radius:8px;border-radius:var(--radius-md);color:#fff;font-size:14px}.btn-logout{background:linear-gradient(135deg,#ef4444,#dc2626);background:var(--gradient-red);font-weight:500;padding:10px 20px}.btn-logout:hover{box-shadow:0 6px 16px #ef444466;transform:translateY(-2px)}.app-main{flex:1 1;margin:0 auto;max-width:1800px;padding:32px;padding:var(--spacing-xl);width:100%}.main-columns{grid-gap:24px;grid-gap:var(--spacing-lg);align-items:start;display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:1fr 2fr 1fr}.column{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md)}.scrollable-settings{max-height:600px;overflow-y:auto}.scrollable-settings::-webkit-scrollbar{width:8px}.scrollable-settings::-webkit-scrollbar-track{background:#13151f;background:var(--bg-darker);border-radius:6px;border-radius:var(--radius-sm)}.scrollable-settings::-webkit-scrollbar-thumb{background:#14b8a6;background:var(--teal-primary);border-radius:6px;border-radius:var(--radius-sm)}.scrollable-settings::-webkit-scrollbar-thumb:hover{background:#0d9488;background:var(--teal-dark)}@media (max-width:1200px){.main-columns{grid-template-columns:1fr 1fr}.column-center{grid-column:span 2}}@media (max-width:768px){.main-columns{grid-template-columns:1fr}.column-center{grid-column:span 1}.header-content{flex-direction:column;gap:16px;gap:var(--spacing-md)}.header-right{justify-content:center;width:100%}}.card{background:#232638;background:var(--bg-card);border:1px solid #3a3d52;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);padding:24px;padding:var(--spacing-lg);transition:border-color .3s ease;transition:border-color var(--transition-normal)}.card:hover{border-color:#4a4d62;border-color:var(--border-light)}.card h3{color:#fff;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:16px;margin-bottom:var(--spacing-md)}.btn-generate,.btn-generate-story,.btn-login,.btn-primary{background:linear-gradient(135deg,#14b8a6,#0891b2);background:var(--gradient-teal);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 4px 12px #14b8a64d;color:#fff;font-size:15px;font-weight:600;padding:14px 28px}.btn-generate-story:hover,.btn-generate:hover,.btn-login:hover,.btn-primary:hover{box-shadow:0 8px 20px #14b8a666;transform:translateY(-2px)}.btn-generate:active,.btn-primary:active{transform:translateY(0)}.btn-generate:disabled,.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-sample{background:#14b8a6;background:var(--teal-primary);border-radius:6px;border-radius:var(--radius-sm);color:#fff;font-size:16px;font-weight:600;padding:8px 16px}.btn-sample:hover{background:#0d9488;background:var(--teal-dark);transform:scale(1.05)}.btn-delete,.btn-edit,.btn-remove{border-radius:6px;border-radius:var(--radius-sm);color:#fff;font-size:13px;padding:8px 16px}.btn-delete,.btn-remove{background:linear-gradient(135deg,#ef4444,#dc2626);background:var(--gradient-red)}.btn-delete:hover,.btn-remove:hover{box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}.btn-cancel,.btn-clear{background:#2d2d2d;background:var(--charcoal);border-radius:8px;border-radius:var(--radius-md);color:#fff;font-size:14px;font-weight:500;padding:10px 20px}.btn-cancel:hover,.btn-clear:hover{background:#3a3a3a;background:var(--charcoal-hover);transform:translateY(-1px)}.btn-icon{background:#0000;border-radius:6px;border-radius:var(--radius-sm);color:#a0a0a0;color:var(--text-secondary);font-size:18px;padding:8px;padding:var(--spacing-sm)}.btn-icon:hover{background:#14b8a61a;color:#fff;color:var(--text-primary)}.btn-add-cast,.btn-add-line{background:#14b8a626;border:2px dashed #14b8a6;border:2px dashed var(--teal-primary);border-radius:8px;border-radius:var(--radius-md);color:#2dd4bf;color:var(--teal-light);font-size:14px;font-weight:500;padding:12px 24px}.btn-add-cast:hover,.btn-add-line:hover{background:#14b8a640;border-color:#2dd4bf;border-color:var(--teal-light)}.voice-grid{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;gap:16px;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.voice-card{align-items:center;background:#13151f;background:var(--bg-darker);border:2px solid #3a3d52;border:2px solid var(--border);border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:8px;gap:var(--spacing-sm);justify-content:space-between;padding:16px;padding:var(--spacing-md);transition:all .3s ease;transition:all var(--transition-normal)}.voice-card:hover{background:#2a2d42;background:var(--bg-card-hover);transform:translateY(-2px)}.voice-card.selected,.voice-card:hover{border-color:#14b8a6;border-color:var(--teal-primary)}.voice-card.selected{background:#14b8a626;box-shadow:0 4px 12px #14b8a64d}.voice-info{flex:1 1}.voice-info strong{color:#fff;color:var(--text-primary);display:block;font-size:14px;margin-bottom:4px}.voice-info p{color:#a0a0a0;color:var(--text-secondary);font-size:12px;line-height:1.4;margin-bottom:4px}.voice-meta{color:#6b6b6b;color:var(--text-muted);font-size:11px}textarea{background:#13151f;background:var(--bg-darker);border:2px solid #3a3d52;border:2px solid var(--border);border-radius:8px;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);min-height:150px;padding:16px;padding:var(--spacing-md);resize:vertical;transition:border-color .15s ease;transition:border-color var(--transition-fast);width:100%}textarea:focus{border-color:#14b8a6;border-color:var(--teal-primary);outline:none}input[type=email],input[type=password],input[type=text]{background:#13151f;background:var(--bg-darker);border:2px solid #3a3d52;border:2px solid var(--border);border-radius:8px;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);padding:10px 14px;transition:border-color .15s ease;transition:border-color var(--transition-fast);width:100%}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus{border-color:#14b8a6;border-color:var(--teal-primary);outline:none}select{background:#13151f;background:var(--bg-darker);border:2px solid #3a3d52;border:2px solid var(--border);border-radius:8px;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);cursor:pointer;padding:10px;transition:border-color .15s ease;transition:border-color var(--transition-fast);width:100%}select:focus{border-color:#14b8a6;border-color:var(--teal-primary);outline:none}select:hover{border-color:#4a4d62;border-color:var(--border-light)}input[type=checkbox]{accent-color:#14b8a6;accent-color:var(--teal-primary);cursor:pointer;height:18px;width:18px}label{align-items:center;color:#a0a0a0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:8px;gap:var(--spacing-sm)}label:hover{color:#fff;color:var(--text-primary)}.setting{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.setting label{color:#a0a0a0;color:var(--text-secondary);display:block;font-size:14px;font-weight:500;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.setting input[type=range]{-webkit-appearance:none;background:linear-gradient(90deg,#14b8a6,#fb923c);background:linear-gradient(90deg,var(--teal-primary) 0,var(--orange-accent) 100%);border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.setting input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#14b8a6;background:var(--teal-primary);border-radius:50%;box-shadow:0 2px 8px #14b8a680;cursor:pointer;height:20px;-webkit-transition:all .15s ease;transition:all .15s ease;-webkit-transition:all var(--transition-fast);transition:all var(--transition-fast);width:20px}.setting input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 4px 12px #14b8a6b3;transform:scale(1.2)}.setting input[type=range]::-moz-range-thumb{background:#14b8a6;background:var(--teal-primary);border:none;border-radius:50%;box-shadow:0 2px 8px #14b8a680;cursor:pointer;height:20px;-moz-transition:all .15s ease;transition:all .15s ease;-moz-transition:all var(--transition-fast);transition:all var(--transition-fast);width:20px}.setting input[type=range]::-moz-range-thumb:hover{box-shadow:0 4px 12px #14b8a6b3;transform:scale(1.2)}.stats-card{background:linear-gradient(135deg,#14b8a61a,#0891b21a);border-color:#14b8a64d}.stat-item{align-items:center;border-bottom:1px solid #3a3d52;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:8px 0;padding:var(--spacing-sm) 0}.stat-item:last-child{border-bottom:none}.stat-item span{color:#a0a0a0;color:var(--text-secondary);font-size:14px}.stat-item strong{color:#2dd4bf;color:var(--teal-light);font-size:16px;font-weight:600}.audio-player{background:#13151f;background:var(--bg-darker);border-radius:8px;border-radius:var(--radius-md);margin:16px 0;margin:var(--spacing-md) 0;width:100%}.audio-controls{display:flex;gap:24px;gap:var(--spacing-lg);margin-top:16px;margin-top:var(--spacing-md)}.audio-controls label{display:flex;flex:1 1;flex-direction:column;gap:4px;gap:var(--spacing-xs)}.audio-controls input[type=range]{width:100%}.audio-actions{display:flex;gap:8px;gap:var(--spacing-sm);margin-top:16px;margin-top:var(--spacing-md)}.story-view{margin:0 auto;max-width:1200px}.story-header{margin-bottom:32px;margin-bottom:var(--spacing-xl);text-align:center}.story-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#14b8a6,#0891b2);background:var(--gradient-teal);-webkit-background-clip:text;background-clip:text;font-size:2rem;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.story-header p{color:#a0a0a0;color:var(--text-secondary)}.cast-grid{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;gap:16px;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:16px;margin-bottom:var(--spacing-md)}.cast-item{align-items:center;background:#13151f;background:var(--bg-darker);border:1px solid #3a3d52;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-md);display:flex;gap:8px;gap:var(--spacing-sm);padding:8px;padding:var(--spacing-sm)}.cast-item label{color:#14b8a6;color:var(--teal-primary);font-family:monospace;font-weight:600;min-width:40px}.cast-item select{flex:1 1;font-size:13px;padding:8px}.story-tips{background:#14b8a61a;border-left:4px solid #14b8a6;border-left:4px solid var(--teal-primary);border-radius:8px;border-radius:var(--radius-md);color:#a0a0a0;color:var(--text-secondary);font-size:14px;margin-top:16px;margin-top:var(--spacing-md);padding:16px;padding:var(--spacing-md)}.story-line{align-items:start;display:flex;gap:8px;gap:var(--spacing-sm);margin-bottom:16px;margin-bottom:var(--spacing-md)}.story-tag{background:#13151f!important;background:var(--bg-darker)!important;color:#14b8a6!important;color:var(--teal-primary)!important;font-family:monospace;font-weight:600;text-align:center;width:60px!important}.story-text{flex:1 1;min-height:60px!important;resize:vertical}.story-actions{gap:16px;gap:var(--spacing-md);justify-content:space-between;margin-top:24px;margin-top:var(--spacing-lg)}.story-actions,.story-settings{align-items:center;display:flex;flex-wrap:wrap}.story-settings{gap:8px;gap:var(--spacing-sm)}.story-filename{min-width:200px!important}.files-view{margin:0 auto;max-width:1400px}.files-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;gap:var(--spacing-md);justify-content:space-between;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.search-input{max-width:300px;padding:10px 16px!important}.files-grid{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.file-card{background:#232638;background:var(--bg-card);border:1px solid #3a3d52;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);padding:16px;padding:var(--spacing-md);transition:all .3s ease;transition:all var(--transition-normal)}.file-card:hover{border-color:#14b8a6;border-color:var(--teal-primary);box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.file-info strong{color:#fff;color:var(--text-primary);display:block;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.file-meta{color:#a0a0a0;color:var(--text-secondary);display:flex;font-size:12px;gap:16px;gap:var(--spacing-md);margin-bottom:16px;margin-bottom:var(--spacing-md)}.file-audio{margin:16px 0;margin:var(--spacing-md) 0;width:100%}.file-actions{display:flex;gap:8px;gap:var(--spacing-sm);justify-content:flex-end}.empty-state{color:#a0a0a0;color:var(--text-secondary);padding:32px;padding:var(--spacing-xl);text-align:center}.admin-view{margin:0 auto;max-width:1400px}.admin-view h2{font-size:2rem}.admin-stats,.admin-view h2{margin-bottom:32px;margin-bottom:var(--spacing-xl)}.admin-stats{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:linear-gradient(135deg,#14b8a626,#0891b226);border:2px solid #14b8a64d;border-radius:12px;border-radius:var(--radius-lg);padding:24px;padding:var(--spacing-lg);text-align:center;transition:all .3s ease;transition:all var(--transition-normal)}.stat-card:hover{border-color:#14b8a6;border-color:var(--teal-primary);box-shadow:0 8px 20px #14b8a64d;transform:translateY(-4px)}.stat-card h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#14b8a6,#0891b2);background:var(--gradient-teal);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.stat-card p{color:#a0a0a0;color:var(--text-secondary);font-size:14px;letter-spacing:1px;text-transform:uppercase}.admin-users{background:#232638;background:var(--bg-card);border-color:#14b8a64d}.users-table{overflow-x:auto}.users-table table{border-collapse:collapse;width:100%}.users-table th{background:#13151f;background:var(--bg-darker);border-bottom:2px solid #14b8a6;border-bottom:2px solid var(--teal-primary);color:#2dd4bf;color:var(--teal-light);font-size:13px;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.users-table td,.users-table th{padding:16px;padding:var(--spacing-md)}.users-table td{border-bottom:1px solid #3a3d52;border-bottom:1px solid var(--border);color:#a0a0a0;color:var(--text-secondary)}.users-table tr:hover{background:#13151f;background:var(--bg-darker)}.role-badge{border-radius:6px;border-radius:var(--radius-sm);display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.role-badge.admin{background:linear-gradient(135deg,#14b8a6,#0891b2);background:var(--gradient-teal);color:#fff}.role-badge.user{background:#6464644d;color:#a0a0a0;color:var(--text-secondary)}.status-badge{border-radius:6px;border-radius:var(--radius-sm);display:inline-block;font-size:11px;font-weight:600;padding:4px 12px;text-transform:uppercase}.status-badge.active{background:#10b98133;color:#10b981;color:var(--success)}.status-badge.inactive{background:#ef444433;color:#ef4444;color:var(--error)}.admin-header{align-items:center;border-bottom:1px solid #14b8a633;display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--spacing-lg);padding-bottom:16px;padding-bottom:var(--spacing-md)}.admin-header h3{color:#fff;color:var(--text-primary);font-size:1.5rem;margin:0}.user-form{background:#14b8a60d;border:1px solid #14b8a64d;border-radius:12px;border-radius:var(--radius-lg);margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:24px;padding:var(--spacing-lg)}.user-form h4{color:#14b8a6;color:var(--teal-primary);font-size:1.2rem;margin:0 0 16px;margin:0 0 var(--spacing-md) 0}.form-grid{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;gap:16px;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px;margin-bottom:var(--spacing-md)}.form-grid input,.form-grid select{background:var(--bg-secondary);border:1px solid #3a3d52;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);font-size:.95rem;padding:10px 14px}.form-grid input:focus,.form-grid select:focus{border-color:#14b8a6;border-color:var(--teal-primary);box-shadow:0 0 0 3px #14b8a61a;outline:none}.form-grid label{align-items:center;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;gap:8px;gap:var(--spacing-sm)}.form-grid input[type=checkbox]{accent-color:#14b8a6;accent-color:var(--teal-primary);cursor:pointer;width:auto}.form-actions{display:flex;gap:16px;gap:var(--spacing-md);justify-content:flex-end}.user-actions{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm)}.btn-icon{background:var(--bg-secondary);border:1px solid #3a3d52;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-md);cursor:pointer;font-size:1rem;padding:6px 10px;transition:all .15s ease;transition:all var(--transition-fast)}.btn-icon:hover{border-color:#14b8a6;border-color:var(--teal-primary);box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.btn-edit{background:linear-gradient(135deg,#fb923c,#f97316);background:var(--gradient-orange);border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;font-size:1rem;padding:6px 10px;transition:all .15s ease;transition:all var(--transition-fast)}.btn-edit:hover{box-shadow:0 4px 12px #fb923c66;transform:translateY(-2px)}.btn-delete{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;font-size:1rem;padding:6px 10px;transition:all .15s ease;transition:all var(--transition-fast)}.btn-delete:hover{box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);border:none}.btn-warning:hover{box-shadow:0 4px 12px #f59e0b66}.btn-success{background:linear-gradient(135deg,#10b981,#059669);border:none}.btn-success:hover{box-shadow:0 4px 12px #10b98166}.notification-container{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm);position:fixed;right:20px;top:80px;z-index:1000}.notification{animation:slideIn .3s ease;background:#232638;background:var(--bg-card);border-left:4px solid #14b8a6;border-left:4px solid var(--teal-primary);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 8px 20px #0006;max-width:400px;min-width:300px;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}.notification.error{background:#ef44441a;border-left-color:#ef4444;border-left-color:var(--error)}.notification.success{background:#10b9811a;border-left-color:#10b981;border-left-color:var(--success)}@keyframes slideIn{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.word-count{color:#6b6b6b;color:var(--text-muted);font-size:12px;margin-top:8px;margin-top:var(--spacing-sm)}.setting-row{align-items:center;display:flex;gap:16px;gap:var(--spacing-md);justify-content:space-between;margin-bottom:16px;margin-bottom:var(--spacing-md)}.checkbox-row{display:flex;gap:24px;gap:var(--spacing-lg);margin:16px 0;margin:var(--spacing-md) 0}.custom-filename{margin-top:8px;margin-top:var(--spacing-sm)}.file-settings{margin-bottom:24px;margin-bottom:var(--spacing-lg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card{animation:slideUp .3s ease}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#13151f;background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:#14b8a6;background:var(--teal-primary);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#0d9488;background:var(--teal-dark)}
/*# sourceMappingURL=main.7dd46978.css.map*/