.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;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}.login-box{background:#fff;padding:40px;border-radius:8px;box-shadow:0 10px 40px #0003;width:100%;max-width:400px}.login-box h1{margin:0 0 10px;font-size:24px;color:#333;text-align:center}.login-box h2{margin:0 0 30px;font-size:20px;color:#666;text-align:center}.alert{padding:12px 16px;margin-bottom:20px;border-radius:4px;font-size:14px;animation:slideDown .3s ease-out}.alert-error{background-color:#fee;color:#c33;border:1px solid #fcc}.alert-success{background-color:#efe;color:#3c3;border:1px solid #cfc}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:14px}.form-group input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:inherit;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.btn{padding:10px 16px;border:none;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.btn-primary:hover:not(:disabled){background-color:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #667eea4d}.btn-block{width:100%}.help-text{margin-top:20px;text-align:center;font-size:13px;color:#999;line-height:1.5}@media (max-width: 480px){.login-box{padding:30px 20px}.login-box h1{font-size:20px}.login-box h2{font-size:18px}}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.spinner{width:40px;height:40px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner p{margin:0;color:var(--secondary)}.error-message{background-color:#fee;border:1px solid var(--danger);border-radius:.375rem;padding:1rem;margin-bottom:1.5rem;animation:slideDown .3s ease}.error-content{display:flex;align-items:flex-start;gap:1rem}.error-icon{font-size:1.25rem;flex-shrink:0}.error-message p{margin:0;color:var(--danger)}.error-dismiss{background:none;border:none;color:var(--danger);cursor:pointer;font-size:1.25rem;padding:0;margin-left:auto;flex-shrink:0}.error-dismiss:hover{color:var(--primary-dark)}.home-page{padding:2rem 1rem;background-color:var(--light);min-height:calc(100vh - 100px)}.home-container{max-width:1200px;margin:0 auto}.home-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.home-header-text{flex:1}.home-page h1{margin-top:0;font-size:2.5rem;margin-bottom:.5rem}.home-page .subtitle{font-size:1.125rem;color:var(--secondary);margin:0}.btn-refresh{white-space:nowrap;padding:.75rem 1.5rem;display:flex;align-items:center;gap:.5rem}.btn-refresh:disabled{opacity:.6;cursor:not-allowed}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{background-color:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:var(--shadow);display:flex;gap:1.5rem;align-items:center;transition:var(--transition)}.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-icon{font-size:2.5rem;flex-shrink:0}.stat-content h3{margin:0 0 .5rem;font-size:1rem;color:var(--secondary)}.stat-number{margin:0;font-size:2rem;font-weight:700;color:var(--primary)}.action-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.action-card{background-color:#fff;padding:2rem;border-radius:.5rem;box-shadow:var(--shadow);transition:var(--transition)}.action-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.action-card h3{margin-top:0;margin-bottom:.5rem;color:var(--primary)}.action-card p{color:var(--secondary);margin-bottom:1.5rem}.action-card .btn{width:100%;justify-content:center}@media (max-width: 768px){.home-header{flex-direction:column;align-items:stretch}.btn-refresh{width:100%;justify-content:center}.home-page h1{font-size:1.75rem}.stats-grid,.action-cards{gap:1rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 480px){.home-page{padding:1rem .5rem}.stats-grid,.action-cards{grid-template-columns:1fr}}.episode-card{background-color:#fff;border:1px solid var(--border);border-radius:.5rem;overflow:hidden;transition:var(--transition);display:flex;flex-direction:column;position:relative}.episode-card.selected{border-color:var(--primary);box-shadow:0 0 0 3px #6366f126}.episode-card-checkbox{position:absolute;top:1rem;right:1rem;z-index:10}.episode-card-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer}.episode-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.episode-card-header{padding:1.25rem;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:.75rem}.episode-card-header-top{display:flex;align-items:flex-start;gap:.75rem;width:100%;flex-wrap:wrap}.episode-card-header h3{margin:0;flex:1;word-break:break-word;line-height:1.3}.status-badge{padding:.35rem .85rem;border-radius:9999px;font-size:.75rem;white-space:nowrap;flex-shrink:0;font-weight:600;display:inline-block;text-align:center;min-width:fit-content;height:fit-content;margin-top:0}.status-draft{background-color:#fef3c7;color:#92400e}.status-published{background-color:#dcfce7;color:#15803d}.status-archived{background-color:#f3f4f6;color:#374151}.episode-card-body{padding:1.25rem;flex:1;overflow:hidden}.episode-card-body p{margin:0 0 .75rem;font-size:.95rem}.episode-card-body p:last-child{margin-bottom:0}.episode-number,.air-date{color:var(--secondary);font-size:.875rem}.description{color:var(--secondary);line-height:1.5}.episode-categories{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.category-badge{display:inline-block;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;padding:.35rem .85rem;border-radius:14px;font-size:.8rem;font-weight:600;white-space:nowrap;box-shadow:0 2px 4px #2563eb33;letter-spacing:.3px}.episode-card-footer{padding:.75rem 1rem;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:.5rem;align-items:stretch;width:100%}.episode-card-footer .btn{display:flex;align-items:center;justify-content:center;padding:.5rem .75rem;font-size:.75rem;font-weight:500;text-align:center;white-space:normal;line-height:1.2;min-height:36px;flex:1;min-width:70px}@media (max-width: 900px){.episode-card-footer{gap:.4rem}.episode-card-footer .btn{padding:.5rem;font-size:.7rem;min-height:34px;flex:1;min-width:60px}}@media (max-width: 640px){.episode-card-footer{grid-template-columns:1fr;gap:.5rem}.episode-card-footer .btn{font-size:.875rem;padding:.6rem .75rem;min-height:auto}}.category-filter{position:relative;display:inline-block}.filter-toggle{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.6rem 1rem;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.filter-toggle:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.filter-toggle.open{background:linear-gradient(135deg,#764ba2,#667eea);border-radius:8px 8px 0 0}.category-filter-dropdown{position:absolute;top:100%;left:0;background:#fff;border:1px solid #e0e0e0;border-top:none;border-radius:0 8px 8px;box-shadow:0 8px 16px #0000001a;z-index:1000;min-width:280px;max-width:400px}.filter-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #f0f0f0}.filter-header h4{margin:0;font-size:.95rem;font-weight:600;color:#333}.clear-btn{background:none;border:none;color:#e74c3c;cursor:pointer;font-size:.85rem;text-decoration:underline;padding:0;transition:color .2s ease}.clear-btn:hover{color:#c0392b}.filter-options{max-height:300px;overflow-y:auto;padding:.5rem}.filter-checkbox{display:flex;align-items:center;padding:.6rem;cursor:pointer;border-radius:6px;transition:background-color .2s ease;margin-bottom:.25rem}.filter-checkbox:hover{background-color:#f5f5f5}.filter-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;margin-right:.75rem;accent-color:#667eea}.checkbox-label{flex:1;font-size:.9rem;color:#333;-webkit-user-select:none;user-select:none}.category-count{font-size:.8rem;color:#999;margin-left:.5rem;background-color:#f0f0f0;padding:.2rem .5rem;border-radius:4px;min-width:28px;text-align:center}.selected-categories{padding:1rem;border-top:1px solid #f0f0f0;background-color:#f9f9f9;border-radius:0 0 8px 8px}.selected-label{margin:0 0 .5rem;font-size:.85rem;font-weight:600;color:#666;text-transform:uppercase}.category-tags{display:flex;flex-wrap:wrap;gap:.5rem}.category-tag{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.4rem .8rem;border-radius:16px;font-size:.85rem;cursor:pointer;transition:all .2s ease}.category-tag:hover{transform:scale(1.05);box-shadow:0 2px 8px #667eea4d}.remove-tag{font-weight:700;opacity:.8;transition:opacity .2s ease}.category-tag:hover .remove-tag{opacity:1}.filter-options::-webkit-scrollbar{width:6px}.filter-options::-webkit-scrollbar-track{background:#f0f0f0}.filter-options::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.filter-options::-webkit-scrollbar-thumb:hover{background:#999}@media (max-width: 768px){.category-filter-dropdown{min-width:250px;max-width:90vw}.filter-options{max-height:250px}}.batch-category-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.batch-category-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e0e0e0;flex-shrink:0}.modal-header h2{margin:0;font-size:1.3rem;color:#333}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#999;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-btn:hover:not(:disabled){background-color:#f0f0f0;color:#333}.close-btn:disabled{opacity:.5;cursor:not-allowed}.modal-content{padding:1.5rem;flex:1;overflow-y:auto}.selected-info{margin:0 0 1.5rem;font-size:.95rem;color:#666;padding:.75rem 1rem;background-color:#f0f7ff;border-left:3px solid #2563eb;border-radius:4px}.action-selection h3,.category-selection h3{margin:0 0 1rem;font-size:1rem;color:#333;font-weight:600}.action-selection{margin-bottom:2rem}.action-options{display:flex;flex-direction:column;gap:.75rem}.action-radio{display:flex;align-items:flex-start;cursor:pointer;padding:.75rem;border-radius:6px;transition:background-color .2s ease}.action-radio:hover{background-color:#f5f5f5}.action-radio input[type=radio]{width:18px;height:18px;margin-right:.75rem;margin-top:.2rem;cursor:pointer;flex-shrink:0;accent-color:#667eea}.action-radio input[type=radio]:disabled{cursor:not-allowed;opacity:.6}.action-label{font-size:.9rem;color:#333;line-height:1.4}.category-selection{margin-bottom:2rem}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.select-all-btn{background:none;border:1px solid #667eea;color:#667eea;padding:.4rem .8rem;border-radius:4px;font-size:.85rem;cursor:pointer;transition:all .2s ease}.select-all-btn:hover:not(:disabled){background-color:#667eea;color:#fff}.select-all-btn:disabled{opacity:.5;cursor:not-allowed}.categories-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;max-height:300px;overflow-y:auto;padding:.5rem;background-color:#f9f9f9;border-radius:6px;border:1px solid #e0e0e0}.no-categories{grid-column:1 / -1;padding:1rem;text-align:center;color:#999;font-size:.9rem}.category-checkbox{display:flex;align-items:center;padding:.5rem;cursor:pointer;border-radius:4px;transition:background-color .2s ease}.category-checkbox:hover{background-color:#f0f0f0}.category-checkbox input[type=checkbox]{width:16px;height:16px;margin-right:.5rem;cursor:pointer;accent-color:#667eea}.category-checkbox input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.checkbox-label{font-size:.85rem;color:#333;-webkit-user-select:none;user-select:none}.selected-tags{margin-bottom:1.5rem}.selected-label{margin:0 0 .75rem;font-size:.9rem;font-weight:600;color:#666}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem}.selected-tag{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.4rem .8rem;border-radius:16px;font-size:.85rem}.tag-remove{background:none;border:none;color:#fff;cursor:pointer;padding:0;font-weight:700;opacity:.8;transition:opacity .2s ease;display:flex;align-items:center;justify-content:center}.tag-remove:hover:not(:disabled){opacity:1}.error-message{margin:1rem 0;padding:.75rem 1rem;background-color:#fee;border-left:3px solid #e74c3c;color:#c0392b;border-radius:4px;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.error-icon{font-size:1rem}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid #e0e0e0;flex-shrink:0}.btn{padding:.6rem 1.2rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;font-size:.9rem;transition:all .2s ease}.btn-secondary{background-color:#f0f0f0;color:#333}.btn-secondary:hover:not(:disabled){background-color:#e0e0e0}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.categories-list::-webkit-scrollbar,.batch-category-modal::-webkit-scrollbar{width:6px}.categories-list::-webkit-scrollbar-track,.batch-category-modal::-webkit-scrollbar-track{background:#f0f0f0}.categories-list::-webkit-scrollbar-thumb,.batch-category-modal::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.categories-list::-webkit-scrollbar-thumb:hover,.batch-category-modal::-webkit-scrollbar-thumb:hover{background:#999}@media (max-width: 600px){.batch-category-modal{margin:0;border-radius:12px 12px 0 0;max-height:80vh}.modal-header{padding:1rem}.modal-header h2{font-size:1.1rem}.modal-content{padding:1rem}.categories-list{grid-template-columns:1fr}.modal-footer{gap:.5rem;padding:1rem}.btn{padding:.5rem 1rem;font-size:.85rem}}.episodes-page{padding:2rem 1rem;background-color:var(--light);min-height:calc(100vh - 100px)}.episodes-container{max-width:1200px;margin:0 auto}.episodes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}.episodes-header h1{margin:0}.filters-section{display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;flex-wrap:wrap;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-weight:600;color:var(--secondary);font-size:.9rem}.filter-select{padding:.6rem 1rem;border:2px solid var(--light);border-radius:6px;background-color:#fff;font-size:.95rem;color:var(--primary);cursor:pointer;transition:all .3s ease;min-width:150px}.filter-select:hover{border-color:var(--primary)}.filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.filter-group .btn{padding:.6rem 1.2rem;white-space:nowrap}.btn-outline{background-color:transparent;border:2px solid var(--light);color:var(--primary);font-weight:600}.btn-outline:hover{border-color:var(--primary);background-color:var(--light)}@media (max-width: 768px){.filters-section{flex-direction:column;gap:1rem}.filter-select,.filter-group .btn{width:100%}}.batch-actions{background-color:#f0f7ff;border:2px solid var(--primary);border-radius:8px;padding:1rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.batch-info{display:flex;align-items:center;gap:.75rem;font-weight:600;color:var(--primary)}.batch-info input[type=checkbox]{width:20px;height:20px;cursor:pointer}.batch-controls{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.batch-select{padding:.6rem 1rem;border:2px solid var(--primary);border-radius:6px;background-color:#fff;color:var(--primary);font-weight:600;cursor:pointer}.batch-select:focus{outline:none;box-shadow:0 0 0 3px #6366f11a}.batch-controls .btn{padding:.6rem 1rem;white-space:nowrap}@media (max-width: 768px){.batch-actions{flex-direction:column;align-items:stretch}.batch-info{justify-content:center}.batch-controls{justify-content:stretch}.batch-controls .btn{flex:1;min-width:100px}}.episodes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.page-info{color:var(--secondary);font-size:.95rem;min-width:150px;text-align:center}.pagination .btn{min-width:120px;justify-content:center}.pagination .btn:disabled{opacity:.5;cursor:not-allowed}.pagination-section{margin-top:2rem;padding:1.5rem;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem}.pagination-options{display:flex;gap:2rem;justify-content:center;align-items:center;flex-wrap:wrap}.pagination-item{display:flex;align-items:center;gap:.5rem}.pagination-item label{font-weight:600;color:var(--secondary);font-size:.9rem;white-space:nowrap}.pagination-select,.pagination-input{padding:.5rem .75rem;border:2px solid var(--light);border-radius:6px;font-size:.9rem;color:var(--primary);background-color:#fff;transition:all .3s ease}.pagination-select:hover,.pagination-input:hover{border-color:var(--primary)}.pagination-select:focus,.pagination-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.pagination-input{width:80px;text-align:center}@media (max-width: 768px){.pagination-section{padding:1rem}.pagination-controls{flex-direction:column;gap:.5rem}.pagination-options{gap:1rem}.pagination-controls .btn{width:100%}}.empty-state{text-align:center;padding:3rem 1rem;background-color:#fff;border-radius:.5rem;box-shadow:var(--shadow)}.empty-state p{font-size:1.5rem;color:var(--secondary);margin-bottom:1.5rem}.empty-state .btn{display:inline-flex}@media (max-width: 768px){.episodes-header{flex-direction:column;align-items:stretch}.episodes-header h1{margin-bottom:1rem}.episodes-header .btn{width:100%;justify-content:center}.episodes-grid{grid-template-columns:1fr}.pagination{flex-wrap:wrap}}:root{--primary: #667eea;--secondary: #764ba2;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--dark: #1f2937;--light: #f9fafb;--border: #e5e7eb;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--radius: 12px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.episode-detail-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding-bottom:4rem}.episode-detail-container{max-width:1400px;margin:0 auto;padding:2rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;gap:1.5rem}.spinner{width:64px;height:64px;border:6px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.loading-state p{margin:0;color:#6b7280;font-size:1.1rem;font-weight:500}.back-button{display:inline-flex;align-items:center;gap:.75rem;padding:.875rem 1.75rem;background:#fff;border:2px solid var(--border);border-radius:var(--radius);color:var(--dark);font-weight:600;font-size:.95rem;text-decoration:none;transition:var(--transition);margin-bottom:2rem;box-shadow:var(--shadow-sm);cursor:pointer}.back-button:hover{background:var(--light);border-color:var(--primary);color:var(--primary);transform:translate(-4px);box-shadow:var(--shadow-md)}.episode-hero{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border-radius:var(--radius);padding:3.5rem;color:#fff;box-shadow:var(--shadow-xl);margin-bottom:2.5rem;position:relative;overflow:hidden;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.episode-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.episode-hero-content{position:relative;z-index:1}.episode-status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 12px #0000001a}.badge-success{background:#10b9814d}.badge-warning{background:#f59e0b4d}.badge-info{background:#3b82f64d}.badge-danger{background:#ef44444d}.episode-title{font-size:3rem;font-weight:900;margin:0 0 .75rem;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.15);letter-spacing:-.5px}.episode-subtitle{font-size:1.2rem;opacity:.95;margin:0 0 2rem;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;font-weight:500}.episode-meta-item{display:flex;align-items:center;gap:.5rem;font-size:1rem;padding:.25rem 0}.episode-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.75rem;border-radius:var(--radius);font-weight:600;font-size:.95rem;border:none;cursor:pointer;transition:var(--transition);text-decoration:none;box-shadow:var(--shadow-md)}.btn-primary{background:#fff;color:var(--primary)}.btn-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl);background:#f9fafb}.btn-secondary{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#ffffff4d;border-color:#fff9;transform:translateY(-2px)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 8px 16px #ef444466}.episode-tabs{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden;margin-bottom:2.5rem;animation:fadeInUp .6s ease-out .1s both}.tabs-header{display:flex;background:linear-gradient(to bottom,#fafbfc,#f5f6f8);border-bottom:2px solid var(--border);overflow-x:auto}.tab-button{flex:1;min-width:140px;padding:1.25rem 1.75rem;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-weight:600;font-size:.95rem;color:#6b7280;transition:var(--transition);white-space:nowrap;position:relative}.tab-button:before{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:var(--primary);transform:scaleX(0);transition:transform .3s ease}.tab-button:hover{background:#fff;color:var(--primary)}.tab-button.active{background:#fff;color:var(--primary);border-bottom-color:transparent}.tab-button.active:before{transform:scaleX(1)}.tab-content{padding:2.5rem;min-height:400px;animation:fadeIn .4s ease-out}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2.5rem}.stat-card{background:linear-gradient(135deg,#fff,#f9fafb);border-radius:var(--radius);padding:2rem;border:2px solid var(--border);box-shadow:var(--shadow-sm);transition:var(--transition);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,var(--primary),var(--secondary));opacity:0;transition:opacity .3s}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--primary)}.stat-card:hover:before{opacity:1}.stat-label{font-size:.85rem;color:#6b7280;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem;display:block}.stat-value{font-size:2rem;font-weight:800;color:var(--dark);display:block;line-height:1.2}.info-section{background:#fff;border-radius:var(--radius);padding:2.5rem;border:2px solid var(--border);box-shadow:var(--shadow-sm);margin-bottom:2rem;transition:var(--transition)}.info-section:hover{box-shadow:var(--shadow-md)}.info-section h3{margin:0 0 2rem;color:var(--dark);font-size:1.5rem;font-weight:800;display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;border-bottom:3px solid var(--border)}.info-section p{margin:0;color:#4b5563;line-height:1.8;font-size:1rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.info-item{display:flex;flex-direction:column;gap:.75rem}.info-item label{font-size:.85rem;color:#6b7280;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.info-item p{margin:0;color:var(--dark);font-weight:600;font-size:1.05rem}.timeline{position:relative;padding-left:3rem;padding-top:1rem}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,var(--primary),var(--secondary));border-radius:2px}.timeline-item{position:relative;padding-bottom:2.5rem}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";position:absolute;left:-3.375rem;top:.5rem;width:16px;height:16px;border-radius:50%;background:#fff;border:4px solid var(--primary);box-shadow:0 0 0 4px #667eea33;z-index:1}.timeline-content{background:linear-gradient(135deg,#f9fafb,#fff);padding:1.5rem;border-radius:10px;border-left:4px solid var(--primary);box-shadow:var(--shadow-sm);transition:var(--transition)}.timeline-content:hover{box-shadow:var(--shadow-md);transform:translate(4px)}.timeline-date{font-size:.85rem;color:#6b7280;font-weight:600;margin-bottom:.75rem;display:block}.timeline-text{margin:0;color:var(--dark);font-weight:600;font-size:1rem}.empty-state{text-align:center;padding:5rem 2rem;color:#9ca3af}.empty-state-icon{font-size:5rem;margin-bottom:1.5rem;opacity:.4}.empty-state h4{margin:0 0 1rem;color:#4b5563;font-size:1.5rem;font-weight:700}.empty-state p{margin:0 0 2rem;color:#9ca3af;font-size:1.05rem}.badge{display:inline-flex;align-items:center;padding:.375rem .875rem;border-radius:16px;font-size:.85rem;font-weight:700;letter-spacing:.3px}.badge-success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.badge-warning{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.badge-info{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.badge-danger{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.text-muted{color:#6b7280}.monospace{font-family:Courier New,Courier,monospace;font-size:.9rem;background:#f3f4f6;padding:.25rem .5rem;border-radius:4px}@media (max-width: 768px){.episode-detail-container{padding:1rem}.episode-hero{padding:2rem}.episode-title{font-size:2rem}.episode-subtitle{font-size:1rem;gap:1rem}.episode-actions{flex-direction:column}.btn{width:100%}.stats-grid,.info-grid{grid-template-columns:1fr}}.toast{background-color:#f5f5f5;border-left:4px solid #0066cc;border-radius:4px;box-shadow:0 2px 8px #00000026;padding:12px 16px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;animation:slideIn .3s ease-out;font-size:14px}@keyframes slideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}.toast-content{display:flex;align-items:center;gap:12px;flex:1}.toast-icon{flex-shrink:0;font-weight:700;font-size:16px}.toast-close{background:none;border:none;color:#666;cursor:pointer;font-size:20px;padding:0;margin-left:8px;line-height:1;opacity:.7;transition:opacity .2s}.toast-close:hover{opacity:1}.toast-success{background-color:#f0f9ff;border-left-color:#10b981}.toast-success .toast-icon{color:#10b981}.toast-error{background-color:#fef2f2;border-left-color:#ef4444}.toast-error .toast-icon{color:#ef4444}.toast-warning{background-color:#fefce8;border-left-color:#f59e0b}.toast-warning .toast-icon{color:#f59e0b}.toast-info{background-color:#eff6ff;border-left-color:#06c}.toast-info .toast-icon{color:#06c}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;max-width:400px;pointer-events:none}.toast-container .toast{pointer-events:auto}@media (max-width: 640px){.toast-container{top:10px;right:10px;left:10px;max-width:none}.toast{margin-bottom:12px}}.tag-input-container{width:100%;display:flex;flex-direction:column;gap:.5rem}.tag-input-wrapper{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem;border:2px solid #ddd;border-radius:8px;background:#fff;min-height:45px;cursor:text;transition:all .2s ease;align-items:center}.tag-input-wrapper:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.tag-input-wrapper.disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.tag{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:16px;font-size:.9rem;font-weight:500;white-space:nowrap;-webkit-user-select:none;user-select:none}.tag-remove{background:none;border:none;color:#fff;font-size:1.3rem;line-height:1;cursor:pointer;padding:0;margin:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s;flex-shrink:0}.tag-remove:hover:not(:disabled){background:#fff3;transform:scale(1.1)}.tag-remove:disabled{cursor:not-allowed;opacity:.5}.tag-input{flex:1;min-width:120px;border:none;outline:none;font-size:1rem;padding:.25rem;background:transparent;font-family:inherit}.tag-input::placeholder{color:#999}.tag-input:disabled{cursor:not-allowed;color:#999}.tag-input-hint{display:block;color:#666;font-size:.85rem;padding:0 .75rem}.tag-input-limit{color:#e74c3c;font-weight:600}.tag-input-count{color:#999;margin-left:.5rem}kbd{display:inline-block;padding:.15rem .35rem;background:#f0f0f0;border:1px solid #ccc;border-radius:3px;font-family:Courier New,monospace;font-size:.75rem;font-weight:700;color:#333;margin:0 .2rem}@media (max-width: 640px){.tag-input-wrapper{padding:.5rem;gap:.4rem}.tag{padding:.3rem .6rem;font-size:.85rem}.tag-input{min-width:80px}}.asset-library{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:#fff;border-radius:8px;border:1px solid #e0e0e0}.asset-header{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.asset-search{flex:1;min-width:200px;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:.95rem}.asset-filters{display:flex;gap:1rem;align-items:center}.asset-filters select{padding:.75rem;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer}.asset-toolbar{display:flex;gap:.5rem;align-items:center}.asset-toolbar button{padding:.5rem 1rem;border:none;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.9rem;transition:all .2s}.asset-toolbar button:hover{background:#f5f5f5;border-color:#999}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.asset-item{border:1px solid #e0e0e0;border-radius:6px;overflow:hidden;transition:all .2s;cursor:pointer;background:#fafafa}.asset-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea26;transform:translateY(-2px)}.asset-thumbnail{width:100%;aspect-ratio:1;object-fit:cover;background:linear-gradient(135deg,#f5f5f5 25%,transparent 25%,transparent 75%,#f5f5f5 75%,#f5f5f5),linear-gradient(135deg,#f5f5f5 25%,transparent 25%,transparent 75%,#f5f5f5 75%,#f5f5f5);background-size:20px 20px;background-position:0 0,10px 10px;background-color:#e8e8e8}.asset-info{padding:.75rem}.asset-name{font-weight:500;font-size:.85rem;color:#333;margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-type{font-size:.75rem;color:#666;margin:0}.asset-empty{grid-column:1 / -1;text-align:center;padding:3rem 1rem;color:#999}.asset-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.upload-button{padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764cac);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .2s;display:flex;align-items:center;gap:.5rem;justify-content:center}.upload-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.asset-loading{display:flex;align-items:center;justify-content:center;padding:2rem;color:#666}.spinner{display:inline-block;width:20px;height:20px;border:3px solid #f3f3f3;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-right:.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.asset-error{padding:1rem;background:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;font-size:.9rem}.episode-template-selector{background:linear-gradient(135deg,#f5f7ff,#f0f4ff);border:2px solid #e0e7ff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.template-header{margin-bottom:1.5rem}.template-header h3{margin:0;font-size:1.2rem;color:#2563eb}.template-subtitle{margin:.5rem 0 0;font-size:.9rem;color:#666}.template-display{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border:2px solid #dbeafe;border-radius:8px;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.template-display:hover{border-color:#2563eb;background:#f8faff;box-shadow:0 4px 12px #2563eb1a}.template-icon{font-size:2rem;flex-shrink:0}.template-display-info{flex-grow:1}.template-display-name{margin:0;font-size:1rem;font-weight:600;color:#2563eb}.template-display-desc{margin:.25rem 0 0;font-size:.85rem;color:#666}.no-template{color:#999;font-size:.95rem}.expand-icon{font-size:.9rem;color:#666;transition:transform .3s ease;flex-shrink:0}.template-display:hover .expand-icon{color:#2563eb}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e0e7ff}.template-card{background:#fff;border:2px solid #dbeafe;border-radius:8px;padding:1.25rem;cursor:pointer;transition:all .3s ease;position:relative;display:flex;flex-direction:column}.template-card:hover{border-color:#2563eb;box-shadow:0 6px 16px #2563eb26;transform:translateY(-2px)}.template-card.selected{border-color:#2563eb;background:#eff6ff}.template-card.hovered{border-color:#60a5fa}.template-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.template-card-icon{font-size:1.5rem}.template-card-header h4{margin:0;font-size:1rem;color:#1e40af;flex-grow:1}.template-card-desc{margin:0 0 1rem;font-size:.85rem;color:#666;line-height:1.4;flex-grow:1}.template-categories{display:flex;flex-wrap:wrap;gap:.5rem}.template-category{display:inline-block;background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;padding:.35rem .65rem;border-radius:12px;font-size:.75rem;font-weight:500;white-space:nowrap}.template-selected-badge{position:absolute;top:.75rem;right:.75rem;background:#10b981;color:#fff;padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600}.template-categories-preview{margin-top:1rem;padding-top:1rem;border-top:1px solid #e0e7ff}.categories-label{margin:0 0 .75rem;font-size:.9rem;font-weight:600;color:#1e40af}.category-badge{display:inline-block;background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;padding:.4rem .8rem;border-radius:16px;font-size:.85rem;font-weight:500;white-space:nowrap;box-shadow:0 2px 4px #2563eb26}.clear-template-btn{margin-top:1rem;width:100%;background:none;border:2px solid #fee2e2;color:#dc2626;padding:.6rem 1rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease}.clear-template-btn:hover{background:#fecaca;color:#7f1d1d}@media (max-width: 768px){.episode-template-selector{padding:1rem}.template-grid{grid-template-columns:1fr}.template-display{flex-direction:column;text-align:center}.template-display-info{width:100%}.template-icon{font-size:1.5rem}}.episode-form-page{padding:2rem 1rem;background-color:var(--light);min-height:calc(100vh - 100px)}.form-container{max-width:700px;margin:0 auto;background-color:#fff;padding:2rem;border-radius:.5rem;box-shadow:var(--shadow)}.form-container h1{margin-top:0;margin-bottom:1.5rem}.episode-form{margin:1.5rem 0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-actions{display:flex;gap:1rem;margin-top:2rem}.form-actions .btn{flex:1;justify-content:center}@media (max-width: 768px){.form-container{padding:1.5rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.category-input-group{display:flex;gap:.5rem;margin-bottom:1rem}.category-input-group .btn{white-space:nowrap}.category-tags{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.category-tag{display:inline-flex;align-items:center;gap:.5rem;background-color:var(--primary);color:#fff;padding:.5rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500}.category-remove{background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;padding:0;line-height:1;transition:opacity .2s ease}.category-remove:hover{opacity:.8}@media (max-width: 768px){.category-input-group{flex-direction:column}.category-input-group input{width:100%}}.search-page{min-height:100vh;background:var(--gray-50);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.search-header{background:#fff;border-bottom:1px solid var(--gray-200);padding:2rem 3rem}.search-header-content{max-width:1400px;margin:0 auto}.search-header h1{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:var(--gray-900)}.search-subtitle{margin:0;color:var(--gray-700);font-size:1rem}.search-bar-section{background:#fff;padding:1.5rem 3rem;border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow)}.search-form{max-width:1400px;margin:0 auto;display:flex;gap:1rem}.search-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1rem;font-size:1.25rem;pointer-events:none;opacity:.5}.search-input{width:100%;padding:1rem 1rem 1rem 3rem;border:2px solid var(--gray-200);border-radius:var(--radius);font-size:1rem;color:var(--gray-900);transition:all .2s}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #667eea1a}.clear-button{position:absolute;right:1rem;width:28px;height:28px;border-radius:50%;border:none;background:var(--gray-200);color:var(--gray-700);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s}.clear-button:hover{background:var(--gray-300);color:var(--gray-900)}.search-button{padding:1rem 2rem;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;border:none;border-radius:var(--radius);font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap;box-shadow:0 4px 12px #667eea4d}.search-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.search-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.search-results-container{max-width:1400px;margin:0 auto;padding:2rem 3rem 4rem}.spinner-large{width:48px;height:48px;border:5px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.error-state{display:flex;flex-direction:column;align-items:center;padding:3rem 2rem;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:var(--radius);border:2px solid var(--error)}.error-icon{font-size:3rem;margin-bottom:1rem}.error-state p{color:#991b1b;font-weight:600;margin:0}.results-header{margin-bottom:2rem}.results-info h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:var(--gray-900)}.result-count{margin:0;color:var(--gray-700);font-size:.95rem}.no-results{display:flex;flex-direction:column;align-items:center;padding:4rem 2rem;text-align:center;background:#fff;border-radius:var(--radius);border:2px dashed var(--gray-300)}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.6}.no-results h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:700;color:var(--gray-900)}.no-results p{margin:.5rem 0;color:var(--gray-700)}.suggestion{color:var(--gray-700);font-size:.9rem;font-style:italic}.initial-state{display:flex;flex-direction:column;align-items:center;padding:4rem 2rem;text-align:center;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-md)}.initial-icon{font-size:4rem;margin-bottom:1rem;opacity:.6}.initial-state h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:var(--gray-900)}.initial-state>p{margin:0 0 2rem;color:var(--gray-700);font-size:1rem}.search-tips{background:var(--gray-50);padding:1.5rem;border-radius:var(--radius);text-align:left;max-width:500px}.search-tips h4{margin:0 0 1rem;font-size:1rem;font-weight:700;color:var(--gray-900)}.search-tips ul{margin:0;padding-left:1.5rem;color:var(--gray-700);line-height:1.8}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}.result-card{background:#fff;border-radius:var(--radius);padding:1.5rem;border:2px solid var(--gray-200);transition:all .3s;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:1rem}.result-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.card-header{display:flex;justify-content:space-between;align-items:start;gap:1rem}.episode-title{margin:0;font-size:1.125rem;font-weight:700;color:var(--gray-900);flex:1;line-height:1.4}.episode-number{padding:.375rem .75rem;background:var(--gray-100);color:var(--gray-700);border-radius:6px;font-size:.8rem;font-weight:700;white-space:nowrap}.episode-description{margin:0;color:var(--gray-700);font-size:.95rem;line-height:1.6}.card-meta{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.meta-item{font-size:.85rem;color:var(--gray-700);font-weight:500}.status-badge{padding:.375rem .75rem;border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.status-draft{background:var(--gray-200);color:var(--gray-700)}.status-published{background:var(--success);color:#fff}.status-pending{background:var(--warning);color:#fff}.card-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{padding:.375rem .75rem;background:linear-gradient(135deg,#667eea1a,#764ba21a);color:var(--primary);border-radius:6px;font-size:.8rem;font-weight:600;border:1px solid var(--primary)}.view-button{width:100%;padding:.875rem 1.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s;margin-top:auto}.view-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.pagination{display:flex;justify-content:center;align-items:center;gap:2rem;padding:2rem;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-md)}.pagination-btn{padding:.875rem 1.5rem;background:#fff;color:var(--primary);border:2px solid var(--primary);border-radius:8px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#667eea1a,#764ba21a);transform:translateY(-2px)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.pagination-info{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:var(--gray-900)}.current-page{color:var(--primary)}.separator{color:var(--gray-300)}@media (max-width: 768px){.search-header,.search-bar-section,.search-results-container{padding-left:1.5rem;padding-right:1.5rem}.search-form{flex-direction:column}.search-button{width:100%}.results-grid{grid-template-columns:1fr}.card-header{flex-direction:column}.pagination{flex-direction:column;gap:1rem}.pagination-btn{width:100%}}:root{--primary: #667eea;--primary-dark: #5568d3;--secondary: #764ba2;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-700: #374151;--gray-900: #111827;--white: #ffffff;--shadow: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--radius: 12px}.asset-manager{min-height:100vh;background:var(--gray-50);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.asset-manager-container{max-width:1400px;margin:0 auto;padding:2rem 3rem 4rem}.asset-manager h1{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:var(--gray-900);display:flex;align-items:center;gap:.75rem}.subtitle{margin:0 0 2rem;font-size:1rem;color:var(--gray-700);font-weight:400}.upload-section{background:#fff;border-radius:var(--radius);padding:2rem;margin-bottom:2rem;border:1px solid var(--gray-200);box-shadow:var(--shadow-md)}.upload-section h2{margin:0 0 1.5rem;font-size:1.25rem;font-weight:700;color:var(--gray-900);display:flex;align-items:center;gap:.5rem;padding-bottom:1rem;border-bottom:2px solid var(--gray-200)}.upload-section h2:before{content:"";width:4px;height:24px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border-radius:2px}.upload-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;align-items:end}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;font-size:.875rem;color:var(--gray-900);text-transform:uppercase;letter-spacing:.5px}.form-group select,.form-group input[type=file],.form-group textarea{padding:.875rem 1rem;border:2px solid var(--gray-200);border-radius:8px;font-size:.95rem;color:var(--gray-900);background:#fff;transition:all .2s;font-family:inherit}.form-group select:hover,.form-group input[type=file]:hover,.form-group textarea:hover{border-color:var(--gray-300)}.form-group select:focus,.form-group input[type=file]:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #667eea1a}.form-group textarea{resize:vertical;min-height:80px;font-family:Courier New,monospace;font-size:.85rem}.file-selected{margin:.5rem 0 0;padding:.5rem .75rem;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:6px;font-size:.85rem;color:var(--primary);font-weight:600;border:1px solid var(--primary)}.btn-upload{padding:1rem 2rem;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #667eea4d;grid-column:1 / -1;justify-self:start;min-width:200px}.btn-upload:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-upload:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-refresh{padding:.75rem 1.5rem;background:#fff;color:var(--primary);border:2px solid var(--primary);border-radius:8px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s}.btn-refresh:hover{background:linear-gradient(135deg,#667eea1a,#764ba21a);transform:translateY(-2px);box-shadow:var(--shadow-md)}.alert{margin-top:1.5rem;padding:1rem 1.25rem;border-radius:8px;font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:.75rem;animation:slideIn .3s ease-out}.alert-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid var(--success);color:#065f46}.alert-success:before{content:"✅";font-size:1.25rem}.alert-error{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid var(--error);color:#991b1b}.alert-error:before{content:"❌";font-size:1.25rem}.assets-section{background:#fff;border-radius:var(--radius);padding:2rem;border:1px solid var(--gray-200);box-shadow:var(--shadow-md)}.assets-section h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--gray-900)}.assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-top:1.5rem}.asset-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:2px solid var(--gray-200);transition:all .3s ease}.asset-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.asset-preview{position:relative;width:100%;padding-top:75%;background:linear-gradient(135deg,var(--gray-100) 0%,var(--gray-50) 100%);overflow:hidden}.asset-preview img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.asset-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background:var(--gray-50)}.spinner{width:40px;height:40px;border:4px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.asset-loading span{font-size:.85rem;color:var(--gray-700);font-weight:600}.asset-error{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background:linear-gradient(135deg,#fee2e2,#fecaca);color:var(--error);font-weight:600}.asset-error span:first-child{font-size:2rem}.asset-error span:last-child{font-size:.9rem}.asset-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background:var(--gray-100);color:var(--gray-700)}.asset-status-badge{position:absolute;top:12px;right:12px;padding:.5rem .875rem;background:#000000d9;color:#fff;border-radius:20px;font-size:.75rem;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.5px;text-transform:uppercase;box-shadow:0 2px 8px #0003}.asset-info{padding:1.25rem;display:flex;flex-direction:column;gap:.5rem;background:var(--gray-50)}.asset-id{font-family:Courier New,monospace;font-size:.8rem;color:var(--gray-700);margin:0;padding:.375rem .625rem;background:#fff;border-radius:6px;border:1px solid var(--gray-200);display:inline-block;align-self:flex-start}.asset-type{font-weight:700;color:var(--gray-900);margin:0;font-size:.95rem;text-transform:uppercase;letter-spacing:.3px}.asset-size{color:var(--gray-700);font-size:.8rem;font-weight:600}.btn-process{width:100%;padding:.75rem 1rem;margin-top:.75rem;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:700;transition:all .2s;box-shadow:0 2px 8px #667eea4d}.btn-process:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-process:disabled{opacity:.6;cursor:not-allowed;transform:none}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;gap:1rem;background:linear-gradient(135deg,var(--gray-50) 0%,white 100%);border-radius:var(--radius);border:2px dashed var(--gray-300);margin-top:1.5rem}.empty-state span:first-child{font-size:4rem;opacity:.5}.empty-state p{margin:0;color:var(--gray-900);font-size:1.2rem;font-weight:700}.empty-state small{color:var(--gray-700);font-size:.95rem;max-width:400px;line-height:1.5}.loading{text-align:center;padding:3rem;color:var(--gray-700);font-size:1.1rem;font-weight:600}@media (max-width: 1024px){.assets-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width: 768px){.asset-manager-container{padding:1.5rem}.upload-form{grid-template-columns:1fr}.btn-upload{width:100%}.assets-grid{grid-template-columns:1fr;gap:1.5rem}.asset-manager h1{font-size:1.5rem}}@media (max-width: 480px){.asset-manager-container{padding:1rem}.upload-section,.assets-section{padding:1.5rem}.empty-state{padding:3rem 1.5rem}.empty-state span:first-child{font-size:3rem}}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--gray-200)}.section-header h2{margin:0;padding:0;border:none}.batch-actions{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.batch-actions .badge{padding:.375rem .75rem;background:var(--primary);color:#fff;border-radius:12px;font-size:.8rem;font-weight:700}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.asset-card{animation:fadeIn .3s ease-out}.assets-grid .asset-card:nth-child(1){animation-delay:.05s}.assets-grid .asset-card:nth-child(2){animation-delay:.1s}.assets-grid .asset-card:nth-child(3){animation-delay:.15s}.assets-grid .asset-card:nth-child(4){animation-delay:.2s}.assets-grid .asset-card:nth-child(5){animation-delay:.25s}.assets-grid .asset-card:nth-child(6){animation-delay:.3s}.upload-form-compact{display:flex;flex-direction:column;gap:1rem}.form-row{display:grid;grid-template-columns:300px 1fr auto;gap:1rem;align-items:end}.form-row-metadata{margin-top:.5rem}.form-group-file{flex:1}.form-group-action{display:flex;align-items:flex-end}.file-input-wrapper{position:relative}.file-selected{margin-top:.5rem;padding:.625rem 1rem;background:linear-gradient(135deg,#10b9811a,#10b9810d);border:2px solid var(--success);border-radius:8px;font-size:.85rem;color:var(--success);font-weight:700;display:flex;align-items:center;gap:.5rem}.label-hint{margin-left:.5rem;font-weight:400;color:var(--gray-700);font-size:.8rem;font-style:italic}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.section-header-inline{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header-inline h2{margin:0;padding:0;border:none;display:flex;align-items:center;gap:.75rem}.section-actions{display:flex;gap:1rem;align-items:center}.badge{padding:.375rem .75rem;background:var(--primary);color:#fff;border-radius:12px;font-size:.8rem;font-weight:700;margin-left:.5rem}.badge-success{background:var(--success)}.btn-badge{padding:.25rem .5rem;background:#ffffff4d;border-radius:8px;font-size:.75rem;margin-left:.5rem}.btn-toggle{padding:.75rem 1.5rem;background:#fff;color:var(--primary);border:2px solid var(--primary);border-radius:8px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.btn-toggle:hover{background:linear-gradient(135deg,#667eea1a,#764ba21a);transform:translateY(-2px);box-shadow:var(--shadow-md)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.loading-state .spinner{width:48px;height:48px;border-width:5px}.loading-state p{color:var(--gray-700);font-size:1.1rem;font-weight:600;margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;gap:.75rem;background:linear-gradient(135deg,var(--gray-50) 0%,white 100%);border-radius:var(--radius);border:2px dashed var(--gray-300);margin-top:1.5rem}.empty-icon{font-size:4rem;opacity:.6;margin-bottom:.5rem}.empty-state h3{margin:0;color:var(--gray-900);font-size:1.25rem;font-weight:700}.empty-state p{margin:0;color:var(--gray-700);font-size:1rem;max-width:400px}.empty-state small{color:var(--gray-700);font-size:.875rem;max-width:500px;line-height:1.5}.spinner-sm{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin-right:.5rem}.alert{display:flex;align-items:center;gap:.75rem}.alert-icon{font-size:1.25rem;flex-shrink:0}@media (max-width: 1024px){.form-row{grid-template-columns:250px 1fr auto}}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.form-group-action{justify-content:stretch}.btn-upload{width:100%}.section-header-inline{flex-direction:column;align-items:flex-start;gap:1rem}.section-actions{width:100%}.btn-toggle{width:100%;justify-content:center}}:root{--primary: #667eea;--primary-dark: #5568d3;--secondary: #764ba2;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-700: #374151;--gray-900: #111827;--white: #ffffff;--shadow: 0 1px 3px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--radius: 12px}.thumbnail-composer{max-width:100%;padding:0;margin:0;background:var(--gray-50);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.composer-header{background:#fff;padding:2rem 3rem;border-bottom:1px solid var(--gray-200);position:sticky;top:0;z-index:100;box-shadow:var(--shadow)}.composer-header-content{max-width:1600px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.composer-title{display:flex;align-items:center;gap:1rem}.composer-title h1{margin:0;font-size:1.75rem;font-weight:700;color:var(--gray-900);display:flex;align-items:center;gap:.75rem}.composer-title .subtitle{margin:0;color:var(--gray-700);font-size:.95rem;font-weight:400}.composer-actions{display:flex;gap:1rem}.composer-body{max-width:1600px;margin:0 auto;padding:2rem 3rem 4rem}.workflow-steps{display:flex;gap:1rem;margin-bottom:2rem}.workflow-step{flex:1;background:#fff;padding:1rem 1.5rem;border-radius:var(--radius);border:2px solid var(--gray-200);display:flex;align-items:center;gap:1rem;transition:all .2s;cursor:pointer}.workflow-step.active{border-color:var(--primary);background:linear-gradient(135deg,#667eea0d,#764ba20d)}.workflow-step.completed{border-color:var(--success);background:#10b9810d}.step-number{width:32px;height:32px;border-radius:50%;background:var(--gray-200);color:var(--gray-700);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem}.workflow-step.active .step-number{background:var(--primary);color:#fff}.workflow-step.completed .step-number{background:var(--success);color:#fff}.step-label{font-weight:600;color:var(--gray-700);font-size:.9rem}.workflow-step.active .step-label{color:var(--primary)}.composer-main-grid{display:grid;grid-template-columns:400px 1fr 400px;gap:2rem;align-items:start}.composer-panel{background:#fff;border-radius:var(--radius);border:1px solid var(--gray-200);overflow:hidden}.panel-header{padding:1.25rem 1.5rem;background:var(--gray-50);border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between}.panel-title{margin:0;font-size:1rem;font-weight:700;color:var(--gray-900);display:flex;align-items:center;gap:.5rem}.panel-badge{background:var(--primary);color:#fff;padding:.25rem .625rem;border-radius:12px;font-size:.75rem;font-weight:700}.panel-body{padding:1.5rem}.form-field{margin-bottom:1.5rem}.form-field:last-child{margin-bottom:0}.form-label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.875rem;color:var(--gray-900);display:flex;align-items:center;gap:.5rem}.form-label .required{color:var(--error)}.form-select,.form-input{width:100%;padding:.75rem 1rem;border:2px solid var(--gray-200);border-radius:8px;font-size:.95rem;color:var(--gray-900);background:#fff;transition:all .2s}.form-select:hover,.form-input:hover{border-color:var(--gray-300)}.form-select:focus,.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #667eea1a}.form-help{margin-top:.5rem;font-size:.8rem;color:var(--gray-700);display:flex;align-items:center;gap:.25rem}.form-help.success{color:var(--success);font-weight:600}.form-help.error{color:var(--error)}.format-list{display:flex;flex-direction:column;gap:.75rem}.format-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border:2px solid var(--gray-200);border-radius:8px;cursor:pointer;transition:all .2s}.format-item:hover{border-color:var(--primary);background:#667eea05}.format-item.checked{border-color:var(--primary);background:linear-gradient(135deg,#667eea14,#764ba214)}.format-checkbox{width:20px;height:20px;flex-shrink:0;margin-top:2px;accent-color:var(--primary);cursor:pointer}.format-info{flex:1}.format-name{font-weight:600;color:var(--gray-900);font-size:.95rem;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.format-dimensions{font-size:.8rem;color:var(--gray-700)}.format-badge-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.preview-canvas{aspect-ratio:16 / 9;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border-radius:8px;position:relative;overflow:hidden;box-shadow:var(--shadow-lg);margin-bottom:1.5rem}.preview-layers{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem}.preview-layer{background:#fffffffa;padding:.75rem 1.25rem;border-radius:8px;display:flex;align-items:center;gap:.75rem;font-weight:600;font-size:.9rem;color:var(--gray-900);box-shadow:0 4px 12px #00000026;min-width:160px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.layer-icon{font-size:1.25rem}.layer-status{margin-left:auto;font-size:1.1rem}.preview-dimensions-badge{position:absolute;bottom:1rem;right:1rem;background:#000000d9;color:#fff;padding:.5rem .875rem;border-radius:6px;font-size:.8rem;font-weight:700;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.assets-checklist{padding:1.25rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:8px;border:2px solid #86efac}.checklist-title{margin:0 0 1rem;font-size:.875rem;font-weight:700;color:var(--gray-900);text-transform:uppercase;letter-spacing:.5px}.checklist-items{display:flex;flex-direction:column;gap:.5rem;list-style:none;padding:0;margin:0}.checklist-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--gray-700);padding:.5rem;background:#fff;border-radius:6px}.checklist-item.selected{color:var(--success);font-weight:700;background:#10b9811a}.composer-footer{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--gray-200);padding:1.5rem 3rem;box-shadow:0 -4px 6px -1px #0000000d;z-index:100}.footer-content{max-width:1600px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-info{font-size:.9rem;color:var(--gray-700);font-weight:600}.footer-actions{display:flex;gap:1rem}.btn{padding:.875rem 2rem;border-radius:8px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;box-shadow:0 4px 12px #667eea4d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#fff;color:var(--primary);border:2px solid var(--primary)}.btn-secondary:hover{background:#667eea0d;transform:translateY(-2px)}.status-banner{margin-bottom:2rem;padding:1rem 1.5rem;border-radius:var(--radius);display:flex;align-items:center;gap:1rem;font-weight:600;animation:slideDown .3s ease-out}.status-banner.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid var(--success);color:#065f46}.status-banner.error{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid var(--error);color:#991b1b}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.gallery-section{margin-top:3rem;padding-top:3rem;border-top:2px solid var(--gray-200)}.gallery-header{margin-bottom:2rem}.gallery-header h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:var(--gray-900)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}@media (max-width: 1400px){.composer-main-grid{grid-template-columns:350px 1fr 350px}}@media (max-width: 1200px){.composer-main-grid{grid-template-columns:1fr 1fr}.preview-panel{grid-column:1 / -1}}@media (max-width: 768px){.composer-header,.composer-body,.composer-footer{padding-left:1.5rem;padding-right:1.5rem}.composer-main-grid{grid-template-columns:1fr;gap:1.5rem}.workflow-steps{flex-direction:column}.footer-content{flex-direction:column;gap:1rem}.footer-actions{width:100%;flex-direction:column}.btn{width:100%;justify-content:center}}.thumbnail-gallery{max-width:1400px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.gallery-header{margin-bottom:2.5rem}.gallery-header h1{margin:0 0 .5rem;color:#333;font-size:2.5rem}.episode-info{color:#666;font-size:1.05rem;margin:0}.empty-state{text-align:center;padding:4rem 2rem;background:#f9f9f9;border-radius:12px;border:2px dashed #ddd}.empty-state p{color:#666;font-size:1.1rem;margin-bottom:1.5rem}.btn-create{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 2rem;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s}.btn-create:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.status-message{margin-bottom:2rem;padding:1.25rem;border-radius:8px;text-align:center;font-weight:600;font-size:1rem;animation:slideIn .3s ease-out}.status-message.success{background:#d1fae5;color:#065f46;border-left:4px solid #10b981}.status-message.error{background:#fee2e2;color:#991b1b;border-left:4px solid #ef4444}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.thumbnails-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-bottom:2rem}.thumbnail-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #00000014;transition:all .2s;border:1px solid #f0f0f0}.thumbnail-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #0000001f}.thumbnail-preview{position:relative;width:100%;padding-top:56.25%;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);overflow:hidden}.thumbnail-preview img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;background:#fff}.no-image{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#999;font-weight:500}.badge{position:absolute;top:12px;right:12px;padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.badge-success{background:#10b981;color:#fff}.badge-warning{background:#f59e0b;color:#fff}.badge-draft{background:#6b7280;color:#fff}.thumbnail-info{padding:1.5rem}.thumbnail-info h3{margin:0 0 .5rem;font-size:1.15rem;color:#333;font-weight:600}.dimensions{color:#666;font-size:.9rem;margin:.35rem 0}.publish-date{color:#999;font-size:.85rem;margin:.35rem 0 0}.thumbnail-actions{padding:0 1.5rem 1.5rem;display:flex;gap:.5rem;flex-wrap:wrap}.thumbnail-actions button{flex:1;min-width:90px;padding:.75rem .875rem;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-publish{background:#10b981;color:#fff}.btn-publish:hover{background:#059669}.btn-unpublish{background:#f59e0b;color:#fff}.btn-unpublish:hover{background:#d97706}.btn-primary-set{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary-set:hover{opacity:.9}.btn-delete{background:#ef4444;color:#fff}.btn-delete:hover{background:#dc2626}.gallery-footer{display:flex;justify-content:center;padding-top:2rem;border-top:1px solid #e0e0e0}.btn-back{background:#fff;color:#667eea;padding:.875rem 2rem;border:2px solid #667eea;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-back:hover{background:#667eea;color:#fff}.loading{text-align:center;padding:4rem 2rem;font-size:1.2rem;color:#666}@media (max-width: 768px){.thumbnail-gallery{padding:1rem}.thumbnails-grid{grid-template-columns:1fr;gap:1.5rem}.thumbnail-actions{flex-direction:column;padding-bottom:1rem}.thumbnail-actions button{width:100%}.gallery-header h1{font-size:1.8rem}}.admin-panel-page{padding:2rem 1rem;background-color:var(--light);min-height:calc(100vh - 100px)}.admin-container{max-width:1000px;margin:0 auto}.admin-container h1{margin-bottom:.5rem}.admin-subtitle{color:var(--secondary);margin-bottom:2rem}.users-table-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:auto;margin-bottom:2rem}.users-table{width:100%;border-collapse:collapse}.users-table thead{background-color:var(--light);border-bottom:2px solid var(--border)}.users-table th{padding:1rem;text-align:left;font-weight:600;color:var(--primary);font-size:.9rem;white-space:nowrap}.users-table tbody tr{border-bottom:1px solid var(--border);transition:background-color .2s ease}.users-table tbody tr:hover{background-color:var(--light)}.users-table td{padding:1rem;color:var(--secondary);font-size:.95rem}.users-table .username{font-weight:600;color:var(--primary)}.users-table .email{color:var(--secondary);word-break:break-all}.users-table .created{font-size:.85rem;color:var(--secondary);white-space:nowrap}.users-table .actions{text-align:right}.role-badge{display:inline-block;padding:.35rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;white-space:nowrap}.role-admin{background-color:#fee2e2;color:#991b1b}.role-editor{background-color:#bfdbfe;color:#1e40af}.role-viewer{background-color:#dbeafe;color:#0c4a6e}.role-select{padding:.35rem .5rem;border:2px solid var(--primary);border-radius:6px;background-color:#fff;color:var(--primary);font-size:.9rem;font-weight:600;cursor:pointer}.role-select:focus{outline:none;box-shadow:0 0 0 3px #6366f11a}.btn-sm{padding:.4rem .8rem;font-size:.8rem;border-radius:4px}.users-table .actions .btn{margin-left:.5rem}.users-table .actions .btn:first-child{margin-left:0}.admin-footer{display:flex;gap:1rem;margin-top:2rem}.admin-footer .btn{padding:.6rem 1.2rem}@media (max-width: 768px){.admin-container{padding:0}.users-table-container{border-radius:0}.users-table{font-size:.85rem}.users-table th,.users-table td{padding:.75rem .5rem}.users-table th{font-size:.75rem}.users-table .email{display:none}.users-table .actions{text-align:left}.users-table .actions .btn{margin-left:0;margin-right:.25rem}.btn-sm{padding:.3rem .6rem;font-size:.75rem}}.template-management-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:2rem 0}.template-container{max-width:1200px;margin:0 auto;padding:0 1rem}.template-header{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.template-header h1{margin:0;font-size:2rem;color:#333}.template-subtitle{margin:.5rem 0 0;color:#666;font-size:.95rem}.template-header .btn-primary{align-self:center;margin-left:auto}.template-form-container{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.template-form-container h2{margin:0 0 1.5rem;color:#333;font-size:1.5rem}.template-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:.5rem;font-weight:600;color:#333}.form-group input,.form-group textarea,.form-group select{padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:.95rem;font-family:inherit;transition:border-color .2s ease}.category-input-group{display:flex;gap:.5rem}.category-input-group input{flex:1}.btn-add-category{padding:.75rem 1.5rem;background:#10b981;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background .2s ease}.btn-add-category:hover{background:#059669}.categories-display{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.category-badge{background:#f0f4ff;border:1px solid #667eea;padding:.5rem .75rem;border-radius:20px;display:flex;align-items:center;gap:.5rem;color:#667eea;font-size:.9rem}.category-remove{background:none;border:none;color:#667eea;cursor:pointer;font-size:1.2rem;padding:0;line-height:1;transition:opacity .2s ease}.category-remove:hover{opacity:.7}.form-actions{display:flex;gap:1rem;margin-top:1rem}.btn-primary{padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s ease}.btn-primary:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-secondary{padding:.75rem 1.5rem;background:#e5e7eb;color:#333;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background .2s ease}.btn-secondary:hover{background:#d1d5db}.templates-list{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.templates-list h2{margin:0 0 1.5rem;color:#333;font-size:1.3rem}.empty-state{text-align:center;padding:3rem 1rem;color:#999}.empty-state p{margin:0;font-size:1.5rem}.empty-text{color:#bbb;margin-top:.5rem!important;font-size:.95rem}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.template-card{border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;transition:all .3s ease;background:#f9f9f9}.template-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.template-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.template-card h3{margin:0;color:#333;font-size:1.1rem}.template-actions{display:flex;gap:.5rem}.btn-edit,.btn-delete{background:none;border:none;cursor:pointer;font-size:1.2rem;transition:opacity .2s ease;padding:.25rem}.btn-edit:hover,.btn-delete:hover{opacity:.7}.template-desc{margin:.5rem 0 1rem;color:#666;font-size:.9rem;line-height:1.4}.template-meta{margin-bottom:1rem}.status-badge{display:inline-block;background:#e6f0ff;color:#667eea;padding:.25rem .75rem;border-radius:12px;font-size:.85rem}.status-badge strong{font-weight:600}.template-categories{margin-bottom:1rem}.categories-label{margin:0 0 .5rem;font-size:.85rem;color:#999;font-weight:600;text-transform:uppercase}.categories-list{display:flex;flex-wrap:wrap;gap:.5rem}.category-tag{background:#f0f4ff;color:#667eea;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;border:1px solid #667eea}.template-footer{border-top:1px solid #e0e0e0;padding-top:1rem;color:#999;font-size:.85rem}@media (max-width: 768px){.template-header{flex-direction:column}.template-header .btn-primary{width:100%;margin-left:0}.templates-grid{grid-template-columns:1fr}.template-header,.template-form-container,.templates-list{padding:1.5rem 1rem}}.audit-log-page{padding:2rem 1rem;background-color:var(--light);min-height:calc(100vh - 100px)}.audit-container{max-width:1200px;margin:0 auto}.audit-header{margin-bottom:2rem}.audit-header h1{margin-bottom:.5rem}.audit-subtitle{color:var(--secondary);font-size:.95rem}.audit-filters{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem}.search-box{margin-bottom:1.5rem}.search-input{width:100%;padding:.75rem 1rem;border:2px solid var(--light);border-radius:6px;font-size:.95rem;transition:border-color .3s ease}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.filter-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;align-items:flex-end}.filter-item{display:flex;flex-direction:column;gap:.5rem}.filter-item label{font-weight:600;color:var(--secondary);font-size:.9rem}.filter-item input,.filter-item select{padding:.6rem 1rem;border:2px solid var(--light);border-radius:6px;font-size:.95rem;background-color:#fff;color:var(--primary);transition:all .3s ease}.filter-item input:focus,.filter-item select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.audit-logs-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:auto;margin-bottom:2rem}.audit-logs-table{width:100%;border-collapse:collapse}.audit-logs-table thead{background-color:var(--light);border-bottom:2px solid var(--border)}.audit-logs-table th{padding:1rem;text-align:left;font-weight:600;color:var(--primary);font-size:.9rem;white-space:nowrap}.audit-logs-table tbody tr{border-bottom:1px solid var(--border);transition:background-color .2s ease}.audit-logs-table tbody tr:hover{background-color:var(--light)}.audit-logs-table td{padding:1rem;color:var(--secondary);font-size:.9rem}.timestamp{font-size:.85rem;color:var(--secondary);white-space:nowrap}.user{font-weight:500;color:var(--primary)}.action-badge{display:inline-block;color:#fff;padding:.35rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;white-space:nowrap}.resource{font-size:.9rem;color:var(--secondary)}.description{color:var(--secondary);max-width:300px}.ip-address{font-family:monospace;font-size:.85rem;color:var(--secondary);white-space:nowrap}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;white-space:nowrap}.status-success{background-color:#dcfce7;color:#15803d}.status-error{background-color:#fee2e2;color:#991b1b}.status-pending{background-color:#fef3c7;color:#92400e}.empty-logs{text-align:center;padding:3rem 1rem}.empty-logs p{color:var(--secondary);margin-bottom:1.5rem;font-size:.95rem}.empty-logs .btn{display:inline-flex}.audit-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.log-count{color:var(--secondary);font-size:.9rem;margin:0}@media (max-width: 1024px){.audit-logs-table th,.audit-logs-table td{padding:.75rem;font-size:.85rem}.description{max-width:200px}}@media (max-width: 768px){.filter-controls{grid-template-columns:1fr}.audit-logs-table{font-size:.8rem}.audit-logs-table th,.audit-logs-table td{padding:.5rem}.timestamp,.ip-address{display:none}.description{max-width:150px;word-break:break-word}.action-badge{padding:.25rem .5rem;font-size:.7rem}.audit-logs-table th{font-size:.75rem}}.show-management-container{padding:2rem;max-width:1400px;margin:0 auto}.show-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.show-management-header h1{margin:0;font-size:2rem;color:#333}.header-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.btn{padding:.5rem 1.5rem;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:600}.btn-primary{background-color:#667eea;color:#fff}.btn-primary:hover:not(:disabled){background-color:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-secondary{background-color:#e0e0e0;color:#333}.btn-secondary:hover:not(:disabled){background-color:#d0d0d0;transform:translateY(-2px)}.btn-danger{background-color:#ff6b6b;color:#fff}.btn-danger:hover:not(:disabled){background-color:#ee5a52;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b66}.btn:disabled{opacity:.6;cursor:not-allowed}.view-toggle{display:flex;gap:.5rem;border:1px solid #e0e0e0;border-radius:6px;padding:.25rem;background-color:#f9f9f9}.toggle-btn{padding:.5rem .75rem;border:none;background:transparent;cursor:pointer;font-size:1.2rem;border-radius:4px;transition:all .2s ease}.toggle-btn.active{background-color:#667eea;color:#fff}.toggle-btn:hover{background-color:#e8e8e8}.toggle-btn.active:hover{background-color:#5568d3}.alert{padding:1rem;margin-bottom:2rem;border-radius:6px;display:flex;justify-content:space-between;align-items:center;gap:1rem}.alert-retry{background:transparent;border:1px solid #c92a2a;color:#c92a2a;padding:.25rem .75rem;border-radius:4px;cursor:pointer;font-weight:600}.alert-retry:hover{background-color:#c92a2a;color:#fff}.loading-state{display:flex;justify-content:center;align-items:center;padding:3rem 2rem;color:#666;font-size:1.1rem}.empty-state{text-align:center;padding:3rem 2rem;background-color:#f9f9f9;border:2px dashed #ddd;border-radius:8px;color:#666}.empty-state p{margin:.5rem 0;font-size:1rem}.empty-state .btn{margin-top:1rem}.show-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-bottom:2rem}.show-list{margin-bottom:2rem}.shows-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.shows-table thead{background-color:#f5f5f5;border-bottom:2px solid #e0e0e0}.shows-table th{padding:1rem;text-align:left;font-weight:600;color:#333}.shows-table td{padding:1rem;border-bottom:1px solid #e8e8e8}.shows-table tbody tr:hover{background-color:#f9f9f9}.show-name{font-weight:600;color:#333}.text-center{text-align:center}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:600}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.inactive{background-color:#f8d7da;color:#721c24}.status-badge.coming-soon{background-color:#d1ecf1;color:#0c5460}.status-badge.concluded{background-color:#e2e3e5;color:#383d41}.actions-cell{display:flex;gap:.5rem}.action-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease}.action-btn:hover{background-color:#f0f0f0}.action-btn.delete:hover{background-color:#ffebee}.shows-stats{display:flex;gap:2rem;padding:1.5rem;background-color:#f9f9f9;border-radius:8px;border-left:4px solid #667eea}.shows-stats p{margin:0;font-size:.95rem;color:#666}.shows-stats strong{color:#333;font-weight:700}@media (max-width: 768px){.show-management-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%;flex-direction:column}.show-grid{grid-template-columns:1fr}.shows-stats{flex-direction:column;gap:1rem}.shows-table{font-size:.875rem}.shows-table th,.shows-table td{padding:.75rem}}.show-form-container{padding:2rem;max-width:800px;margin:0 auto}.show-form{background-color:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 8px #0000001a}.show-form h2{margin:0 0 2rem;font-size:1.8rem;color:#333;border-bottom:2px solid #667eea;padding-bottom:1rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333;font-size:.95rem}.form-group input[type=text],.form-group input[type=number],.form-group input[type=date],.form-group input[type=email],.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;font-family:inherit;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{resize:vertical;min-height:100px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.checkbox-group{display:flex;align-items:center;margin-bottom:0}.checkbox-group label{display:flex;align-items:center;gap:.75rem;margin:0;cursor:pointer;font-weight:500}.checkbox-group input[type=checkbox]{width:auto;margin:0;cursor:pointer;width:18px;height:18px;accent-color:#667eea}.alert{padding:1rem;border-radius:6px;margin-bottom:1.5rem;font-size:.95rem}.alert-error{background-color:#ffebee;border:1px solid #ff6b6b;color:#c92a2a}.form-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #e8e8e8}.form-actions .btn{flex:1;padding:.75rem 2rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.form-actions .btn-primary{background-color:#667eea;color:#fff}.form-actions .btn-primary:hover:not(:disabled){background-color:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.form-actions .btn-secondary{background-color:#e0e0e0;color:#333}.form-actions .btn-secondary:hover:not(:disabled){background-color:#d0d0d0;transform:translateY(-2px)}.form-actions .btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.show-form-container{padding:1rem}.show-form{padding:1.5rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.show-form-container{min-height:400px}.show-form-container p{text-align:center;color:#666;font-size:1.1rem;padding:3rem 0}.nav-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:998;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;pointer-events:none}.nav-overlay.open{opacity:1;visibility:visible;pointer-events:auto}.navigation{position:fixed;top:0;left:0;bottom:0;width:280px;background:linear-gradient(180deg,#2c3e50,#34495e);box-shadow:2px 0 10px #0000004d;z-index:999;overflow-y:auto;transform:translate(-100%);transition:transform .3s ease;display:flex;flex-direction:column}.navigation.open{transform:translate(0)}.nav-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.nav-header h2{margin:0;font-size:1.25rem;color:#fff;font-weight:600}.nav-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.nav-close:hover{background:#ffffff1a}.nav-items{list-style:none;margin:0;padding:.5rem 0;flex:1;overflow-y:auto}.nav-items li{margin:0;padding:0}.nav-items li button{width:100%;background:none;border:none;padding:.75rem 1.5rem;text-align:left;cursor:pointer;color:#ffffffe6;transition:all .2s;display:flex;align-items:center;gap:.75rem;font-size:1rem;font-family:inherit}.nav-items li button:hover{background:#ffffff1a;color:#fff}.nav-items li button.active{background:#ffffff26;color:#fff;font-weight:600;border-left:3px solid white;padding-left:calc(1.5rem - 3px)}.nav-icon{font-size:1.25rem;min-width:1.25rem}.nav-footer{margin-top:auto;padding:1.5rem;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0}.user-info{display:flex;align-items:center;gap:1rem}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.25rem;flex-shrink:0}.user-details{flex:1;min-width:0}.user-name{color:#fff;font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{color:#ffffffb3;font-size:.85rem;text-transform:capitalize}@media (max-width: 768px){.navigation{width:250px}.nav-items li button{padding:.75rem 1rem}}.header{background-color:#fff;border-bottom:1px solid var(--border);box-shadow:var(--shadow);position:sticky;top:0;z-index:100;height:60px;display:flex;align-items:center}.header-content{width:100%;margin:0;padding:0 1rem;display:flex;justify-content:space-between;align-items:center;height:100%}.header-left{display:flex;align-items:center;gap:1rem;min-width:0}.menu-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--dark);padding:.5rem;display:flex;align-items:center;justify-content:center;line-height:1;width:auto;height:auto;flex-shrink:0}.menu-button:hover{opacity:.7}.menu-button:active{transform:scale(.95)}.header-title{margin:0;font-size:1.5rem;color:var(--primary);white-space:nowrap}.header-right{display:flex;align-items:center;gap:1rem;margin-left:auto}.user-info{color:var(--secondary);font-size:.95rem;white-space:nowrap}.logout-button{background:none;border:1px solid var(--border);padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;transition:var(--transition);color:var(--dark);font-size:.95rem;white-space:nowrap}.logout-button:hover{background-color:var(--light);border-color:var(--primary);color:var(--primary)}@media (max-width: 768px){.header-title{font-size:1.25rem}.user-info{display:none}.logout-button{padding:.4rem .8rem;font-size:.9rem}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px}.error-boundary-content{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0000001a;padding:40px;max-width:600px;text-align:center}.error-icon{font-size:60px;margin-bottom:20px;display:block}.error-boundary h1{color:#1f2937;margin:0 0 16px;font-size:28px;font-weight:600}.error-message{color:#6b7280;margin:0 0 24px;font-size:16px;line-height:1.5}.error-details{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;padding:12px;margin:24px 0;text-align:left}.error-details summary{cursor:pointer;color:#06c;font-weight:500;padding:8px;-webkit-user-select:none;user-select:none}.error-details summary:hover{color:#0052a3}.error-details pre{margin:12px 0 0;padding:12px;background-color:#1f2937;color:#10b981;border-radius:4px;overflow-x:auto;font-size:12px;line-height:1.4;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.error-actions{display:flex;gap:12px;justify-content:center;margin-top:32px}.error-actions .btn{padding:10px 24px;border-radius:4px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.error-actions .btn-primary{background-color:#06c;color:#fff}.error-actions .btn-primary:hover{background-color:#0052a3}.error-actions .btn-secondary{background-color:#e5e7eb;color:#1f2937}.error-actions .btn-secondary:hover{background-color:#d1d5db}.error-warning{margin-top:24px;padding:12px;background-color:#fef3c7;border:1px solid #fcd34d;border-radius:4px;color:#92400e;font-size:14px;line-height:1.5}@media (max-width: 640px){.error-boundary-content{padding:24px}.error-boundary h1{font-size:22px}.error-message{font-size:14px}.error-actions{flex-direction:column}.error-actions .btn{width:100%}}*{box-sizing:border-box}html,body{margin:0;padding:0}.app-layout{display:flex;flex-direction:column;min-height:100vh;background-color:#f1f5f9}.app-layout>header{flex-shrink:0;position:sticky;top:0;z-index:100;background-color:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;height:60px}.app-content{flex:1;padding:2rem;overflow-y:auto}.app-footer{flex-shrink:0;background-color:#1e293b;color:#cbd5e1;padding:1rem 2rem;text-align:center;border-top:1px solid #334155;display:flex;align-items:center;justify-content:center;height:80px}.app-footer p{margin:0;font-size:.875rem}@media (min-width: 769px){.app-content{padding:2rem}}@media (max-width: 768px){.app-content{padding:2rem 1rem}}@media (max-width: 480px){.app-content{padding:1rem}}:root{--primary-color: #2563eb;--primary-dark: #1e40af;--primary: #2563eb;--dark: #1e293b;--light: #f5f5f5;--light-gray: #f5f5f5;--success: #16a34a;--success-color: #16a34a;--warning: #ea580c;--warning-color: #ea580c;--danger: #dc2626;--danger-color: #dc2626;--info: #0284c7;--info-color: #0284c7;--border: #e5e7eb;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--secondary: #6b7280;--text-muted: #9ca3af;--shadow: 0 1px 3px rgba(0, 0, 0, .1);--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}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:var(--light-gray);color:var(--text-primary)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{font-family:inherit;cursor:pointer;transition:all .2s ease}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.btn{@apply px-4 py-2 rounded-lg font-medium transition-all duration-200;}.btn-primary{@apply btn bg-blue-600 text-white hover:bg-blue-700 disabled:bg-gray-400;}.btn-secondary{@apply btn bg-gray-200 text-gray-900 hover:bg-gray-300 disabled:bg-gray-300;}.btn-danger{@apply btn bg-red-600 text-white hover:bg-red-700 disabled:bg-gray-400;}.btn-success{@apply btn bg-green-600 text-white hover:bg-green-700 disabled:bg-gray-400;}.card{@apply bg-white rounded-lg shadow-md p-6 border border-gray-200;}.badge{@apply inline-block px-3 py-1 rounded-full text-sm font-medium;}.badge-primary{@apply badge bg-blue-100 text-blue-800;}.badge-success{@apply badge bg-green-100 text-green-800;}.badge-warning{@apply badge bg-yellow-100 text-yellow-800;}.badge-danger{@apply badge bg-red-100 text-red-800;}