@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Playfair+Display:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap);:root{--bg-primary:#0a0a0c;--bg-secondary:#111116;--bg-elevated:#18181f;--bg-card:#1a1a22;--bg-hover:#22222c;--bg-input:#14141a;--accent:#e8a838;--accent-hover:#f0b84d;--accent-muted:#e8a8381f;--accent-glow:#e8a83840;--text-primary:#e8e6e3;--text-secondary:#9a9a9e;--text-muted:#5c5c62;--text-accent:#e8a838;--border:#2a2a32;--border-light:#1f1f28;--border-accent:#e8a8384d;--success:#34d399;--success-bg:#34d3991a;--error:#f87171;--error-bg:#f871711a;--warning:#fbbf24;--info:#60a5fa;--font-display:"Playfair Display",Georgia,serif;--font-body:"DM Sans",-apple-system,sans-serif;--font-mono:"JetBrains Mono",monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 24px #e8a83826;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:400ms cubic-bezier(0.4,0,0.2,1);--navbar-height:64px;--sidebar-width:260px;--sidebar-collapsed:68px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;scroll-behavior:smooth}body{background-color:#0a0a0c;background-color:var(--bg-primary);color:#e8e6e3;color:var(--text-primary);font-family:DM Sans,-apple-system,sans-serif;font-family:var(--font-body);line-height:1.6;min-height:100vh}a{color:inherit;text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}img{display:block;max-width:100%}::selection{background:#e8a838;background:var(--accent);color:#0a0a0c;color:var(--bg-primary)}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#111116;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#2a2a32;background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#5c5c62;background:var(--text-muted)}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;padding-top:var(--navbar-height);width:100%}.main-content>:not(.dashboard){margin:0 auto;max-width:1400px;padding:var(--space-xl)}.main-content>.dashboard{width:100%}.navbar{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#0a0a0cd9;border-bottom:1px solid var(--border);height:var(--navbar-height);justify-content:space-between;left:0;padding:0 var(--space-xl);position:fixed;right:0;top:0;transition:background var(--transition-base);z-index:1100}.navbar,.navbar-brand a{align-items:center;display:flex}.navbar-brand a{color:var(--text-primary);font-family:var(--font-display);font-size:1.35rem;font-weight:600;gap:var(--space-sm);letter-spacing:-.02em}.navbar-brand a:before{background:var(--accent);border-radius:50%;box-shadow:0 0 8px var(--accent-glow);content:"";display:inline-block;height:8px;width:8px}.navbar-links{align-items:center;display:flex;gap:var(--space-xs)}.navbar-links a{border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.9rem;font-weight:500;padding:var(--space-sm) var(--space-md);position:relative;transition:all var(--transition-fast)}.navbar-links a:hover{background:var(--bg-hover);color:var(--text-primary)}.user-nav-section{align-items:center;display:flex;gap:var(--space-sm)}.user-profile-link{align-items:center;color:var(--text-accent)!important;display:flex;font-weight:600!important;gap:var(--space-xs)}.logout-button{background:#0000!important;border:1px solid var(--border)!important;border-radius:var(--radius-sm)!important;color:var(--text-secondary)!important;cursor:pointer;font-family:var(--font-body);font-size:.85rem!important;font-weight:500;padding:var(--space-sm) var(--space-md)!important;transition:all var(--transition-fast)!important}.logout-button:hover{background:var(--error-bg)!important;border-color:var(--error)!important;color:var(--error)!important}.navbar-hamburger{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:none;padding:var(--space-sm);transition:background var(--transition-fast)}.navbar-hamburger:hover{background:var(--bg-hover)}.navbar-hamburger svg{height:24px;width:24px}.footer{background:var(--bg-secondary);border-top:1px solid var(--border);color:var(--text-muted);font-size:.85rem;letter-spacing:.02em;padding:var(--space-lg) var(--space-xl);text-align:center}@media (max-width:768px){.main-content>:not(.dashboard){padding:var(--space-md)}.navbar{padding:0 var(--space-md)}.navbar-hamburger{align-items:center;display:flex}.navbar-links{animation:slideDown .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0cf7;bottom:0;display:none;flex-direction:column;gap:var(--space-sm);left:0;padding:var(--space-xl);position:fixed;right:0;top:var(--navbar-height);z-index:1099}.navbar-links.open{display:flex}.navbar-links a{border-radius:var(--radius-md);font-size:1.1rem;padding:var(--space-md);text-align:center;width:100%}.user-nav-section{flex-direction:column;gap:var(--space-sm);width:100%}.user-nav-section a,.user-nav-section button{text-align:center;width:100%}.logout-button{width:100%}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.page-container{animation:fadeUp .5s ease both;margin:0 auto;max-width:1100px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.landing-page{animation:fadeUp .5s ease both;margin:0 auto;max-width:1200px}.hero{background:radial-gradient(ellipse at 30% 0,#e8a83814 0,#0000 60%),radial-gradient(ellipse at 70% 100%,#e8a8380d 0,#0000 50%),var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;padding:var(--space-3xl) var(--space-xl);position:relative;text-align:center}.hero:before{animation:subtleRotate 120s linear infinite;background:repeating-conic-gradient(from 0deg,#0000 0deg 89.5deg,rgba(232,168,56,.015) 89.5deg 90deg);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes subtleRotate{to{transform:rotate(1turn)}}.hero h1{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(2rem,5vw,3.2rem);font-weight:600;letter-spacing:-.02em;line-height:1.15;margin-bottom:var(--space-md)}.hero h1,.hero p{position:relative}.hero p{color:var(--text-secondary);font-size:1.15rem;margin:0 auto var(--space-xl);max-width:580px}.cta-buttons{display:flex;gap:var(--space-md);justify-content:center;position:relative}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:.95rem;font-weight:600;justify-content:center;letter-spacing:.01em;padding:12px 28px;transition:all var(--transition-base)}.btn-primary{background:var(--accent);box-shadow:0 2px 12px #e8a83840;color:var(--bg-primary)}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#0000;border:1px solid var(--border);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--text-secondary)}.features{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:var(--space-2xl)}.feature{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);position:relative;transition:all var(--transition-base)}.feature:before{background:linear-gradient(90deg,#0000,var(--accent-muted),#0000);content:"";height:1px;left:var(--space-xl);position:absolute;right:var(--space-xl);top:0}.feature:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature h3{color:var(--text-accent);font-family:var(--font-display);font-size:1.2rem;font-weight:600;margin-bottom:var(--space-md)}.feature p{color:var(--text-secondary);font-size:.95rem;line-height:1.7}.about-page{animation:fadeUp .5s ease both;margin:0 auto;max-width:900px}.about-page h1{color:var(--text-primary);font-family:var(--font-display);font-size:2.4rem;text-align:center}.about-page h1,.about-section{margin-bottom:var(--space-2xl)}.about-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl)}.about-section h2{border-bottom:1px solid var(--border);color:var(--text-accent);font-family:var(--font-display);font-size:1.4rem;margin-bottom:var(--space-md);padding-bottom:var(--space-sm)}.about-section p{color:var(--text-secondary);line-height:1.8}.team-section{margin-top:var(--space-3xl)}.team-section h2{color:var(--text-primary);font-family:var(--font-display);font-size:1.6rem;margin-bottom:var(--space-xl);text-align:center}.team-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.team-member{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;transition:all var(--transition-base)}.team-member:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md);transform:translateY(-3px)}.member-avatar{align-items:center;background:var(--bg-elevated);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%235c5c62"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>');background-position:50%;background-repeat:no-repeat;background-size:50%;border:2px solid var(--border);border-radius:50%;color:var(--text-muted);display:flex;font-size:2rem;height:90px;justify-content:center;margin:0 auto var(--space-md);width:90px}.team-member h3{color:var(--text-primary);font-size:1.05rem;margin-bottom:var(--space-xs)}.team-member p{color:var(--text-muted);font-size:.85rem;letter-spacing:.05em;text-transform:uppercase}.contact-page{animation:fadeUp .5s ease both;margin:0 auto;max-width:1000px}.contact-page h1{color:var(--text-primary);font-family:var(--font-display);font-size:2.4rem;margin-bottom:var(--space-xl)}.contact-container{grid-gap:var(--space-2xl);display:grid;gap:var(--space-2xl);grid-template-columns:1fr 2fr}.contact-info{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);height:fit-content;padding:var(--space-xl)}.contact-info h2{color:var(--text-accent);font-family:var(--font-display);font-size:1.2rem;margin-bottom:var(--space-md)}.contact-info p{color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-md)}.contact-info address{border-top:1px solid var(--border);color:var(--text-muted);font-style:normal;line-height:1.8;padding-top:var(--space-md)}.contact-form,.form-group{margin-bottom:var(--space-lg)}.form-group label{color:var(--text-secondary);display:block;font-size:.9rem;font-weight:500;letter-spacing:.02em;margin-bottom:var(--space-sm)}.form-group input,.form-group select,.form-group textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:.95rem;outline:none;padding:12px var(--space-md);transition:all var(--transition-fast);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group textarea{min-height:140px;resize:vertical}.success-message{background:var(--success-bg);border:1px solid #34d39933;border-radius:var(--radius-sm);color:var(--success)}.error-message,.success-message{font-size:.9rem;margin-top:var(--space-md);padding:var(--space-md)}.error-message{background:var(--error-bg);border:1px solid #f8717133;border-radius:var(--radius-sm);color:var(--error)}.login-page-wrapper{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - var(--navbar-height) - 120px);padding:var(--space-xl)}.login-container{animation:fadeUp .5s ease both;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:420px;padding:var(--space-2xl);width:100%}.login-header{margin-bottom:var(--space-xl);text-align:center}.login-logo-dot{background:var(--accent);border-radius:50%;box-shadow:0 0 12px var(--accent-glow);height:12px;margin:0 auto var(--space-md);width:12px}.login-container h2{color:var(--text-primary);font-family:var(--font-display);font-size:1.8rem;margin-bottom:var(--space-xs);text-align:center}.login-subtitle{color:var(--text-muted);font-size:.95rem}.login-error{align-items:center;display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:65px!important}.password-toggle{background:none!important;border:none!important;border-radius:var(--radius-sm)!important;color:var(--text-muted)!important;cursor:pointer;font-size:.82rem!important;font-weight:500;padding:4px 8px!important;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color var(--transition-fast)}.password-toggle:hover{color:var(--text-primary)!important}.login-btn{font-size:1rem!important;margin-top:var(--space-sm);min-height:48px;padding:14px!important;position:relative;width:100%}.login-btn:disabled{cursor:not-allowed;opacity:.7}.login-spinner{animation:spin .6s linear infinite;border:2px solid #0a0a0c4d;border-radius:50%;border-top:2px solid var(--bg-primary);display:inline-block;height:20px;width:20px}.login-footer{border-top:1px solid var(--border);margin-top:var(--space-xl);padding-top:var(--space-lg);text-align:center}.login-footer a{color:var(--text-muted);font-size:.9rem;transition:color var(--transition-fast)}.login-footer a:hover{color:var(--text-accent)}.not-found{animation:fadeUp .5s ease both;padding:var(--space-3xl) var(--space-xl);text-align:center}.not-found h1{color:var(--accent);font-family:var(--font-display);font-size:5rem;line-height:1;margin-bottom:var(--space-md)}.not-found p{color:var(--text-secondary);font-size:1.15rem;margin-bottom:var(--space-xl)}.audio-clip-container{animation:fadeUp .5s ease both;margin:var(--space-xl) auto;max-width:700px}.audio-clip-container .metadata{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);padding:var(--space-xl)}.audio-clip-container .metadata h2{color:var(--text-accent);font-family:var(--font-display);margin-bottom:var(--space-md)}.audio-clip-container .metadata p{color:var(--text-secondary);margin-bottom:var(--space-sm)}.audio-player{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl)}.audio-player h3{color:var(--text-primary);font-family:var(--font-display);margin-bottom:var(--space-md)}.audio-player audio{border-radius:var(--radius-sm);outline:none;width:100%}.loading{color:var(--text-secondary);font-size:1rem;padding:var(--space-3xl);text-align:center}.loading:after{animation:spin .7s linear infinite;border:2px solid var(--border);border-radius:50%;border-top-color:var(--accent);content:"";display:inline-block;height:20px;margin-left:var(--space-sm);vertical-align:middle;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.error{color:var(--error);padding:var(--space-2xl);text-align:center}@media (max-width:768px){.hero{padding:var(--space-2xl) var(--space-md)}.cta-buttons{align-items:center;flex-direction:column;gap:var(--space-sm)}.cta-buttons .btn-primary,.cta-buttons .btn-secondary{max-width:280px;width:100%}.features{gap:var(--space-md);grid-template-columns:1fr}.contact-container{gap:var(--space-lg);grid-template-columns:1fr}.about-page h1,.contact-page h1{font-size:1.8rem}.team-grid{grid-template-columns:1fr}.login-page-wrapper{min-height:auto;padding:var(--space-md)}.login-container{padding:var(--space-xl)}}.dashboard{display:flex;flex-direction:column;height:calc(100vh - var(--navbar-height));overflow:hidden}.dashboard-content{display:flex;flex:1 1;height:100%;overflow:hidden}.dashboard-main{background:var(--bg-primary);flex:1 1;height:100%;min-width:0;overflow-x:hidden;overflow-y:auto;padding:var(--space-xl)}.dashboard-main h2{border-bottom:1px solid var(--border);color:var(--text-primary);font-family:var(--font-display);font-size:1.5rem;margin-bottom:var(--space-lg);padding-bottom:var(--space-sm)}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100%;min-width:var(--sidebar-width);overflow-x:hidden;overflow-y:auto;transition:all var(--transition-base);width:var(--sidebar-width)}.sidebar.collapsed{min-width:var(--sidebar-collapsed);width:var(--sidebar-collapsed)}.sidebar-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:var(--space-lg) var(--space-md)}.sidebar-header h3{color:var(--text-muted);font-family:var(--font-display);font-size:1rem;letter-spacing:.08em;overflow:hidden;text-transform:uppercase;white-space:nowrap}.collapse-btn{align-items:center;background:var(--bg-hover)!important;border:1px solid var(--border)!important;border-radius:var(--radius-sm)!important;color:var(--text-secondary)!important;cursor:pointer;display:flex!important;flex-shrink:0;font-size:.8rem;height:30px;justify-content:center;margin:0!important;padding:0!important;transition:all var(--transition-fast);width:30px}.collapse-btn:hover{background:var(--bg-elevated)!important;color:var(--text-primary)!important}.sidebar-menu{flex:1 1;list-style:none;padding:var(--space-sm) 0}.sidebar-item{cursor:pointer;padding:0}.sidebar-item,.sidebar-link{transition:all var(--transition-fast)}.sidebar-link{border-left:3px solid #0000;color:var(--text-secondary)!important;display:block;font-size:.88rem;font-weight:500;overflow:hidden;padding:10px var(--space-md);text-overflow:ellipsis;white-space:nowrap}.sidebar-item:hover .sidebar-link{background:var(--bg-hover);color:var(--text-primary)!important}.sidebar-item.active .sidebar-link{background:var(--accent-muted);border-left-color:var(--accent);color:var(--text-accent)!important}.sidebar-mobile-toggle{align-items:center;background:var(--accent)!important;border:none!important;border-radius:50%!important;bottom:var(--space-lg);box-shadow:var(--shadow-lg),var(--shadow-glow);color:var(--bg-primary)!important;cursor:pointer;display:none;display:flex;font-size:1.3rem;height:48px;justify-content:center;padding:0!important;position:fixed;right:var(--space-lg);width:48px;z-index:1050}.data-table{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow-x:auto;padding:var(--space-lg)}.search-bar{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-lg)}.search-bar input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);flex:1 1;font-family:var(--font-body);font-size:.9rem;max-width:400px;min-width:200px;outline:none;padding:10px var(--space-md);transition:all var(--transition-fast)}.search-bar input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.search-bar input::placeholder{color:var(--text-muted)}.btn-add{background:var(--accent)!important;border:none!important;border-radius:var(--radius-sm)!important;color:var(--bg-primary)!important;cursor:pointer;font-family:var(--font-body);font-size:.88rem;font-weight:600;padding:10px 20px!important;transition:all var(--transition-fast);white-space:nowrap}.btn-add:hover{background:var(--accent-hover)!important;box-shadow:var(--shadow-glow)}.data-table table{border-collapse:initial;border-spacing:0;width:100%}.data-table td,.data-table th{border-bottom:1px solid var(--border-light);font-size:.88rem;max-width:220px;overflow:hidden;padding:12px var(--space-md);text-align:left;text-overflow:ellipsis;white-space:nowrap}.data-table th{background:var(--bg-elevated);color:var(--text-muted);font-size:.78rem;font-weight:600;letter-spacing:.06em;position:sticky;text-transform:uppercase;top:0;z-index:10}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--bg-hover)}.data-table td input,.data-table td select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:.85rem;min-width:100px;outline:none;padding:6px 10px;width:100%}.data-table td input:focus,.data-table td select:focus{border-color:var(--accent)}.data-table td button{background:var(--bg-elevated)!important;border:1px solid var(--border)!important;border-radius:var(--radius-sm)!important;color:var(--text-secondary)!important;cursor:pointer;font-family:var(--font-body);font-size:.8rem!important;margin-right:4px!important;padding:5px 12px!important;transition:all var(--transition-fast);white-space:nowrap}.data-table td button:hover{background:var(--bg-hover)!important;border-color:var(--text-muted)!important;color:var(--text-primary)!important}.data-table td .btn-action-capture,.data-table td button[style]{background:var(--success)!important;border-color:var(--success)!important;color:var(--bg-primary)!important;font-weight:600!important}.data-table td .btn-action-capture:hover,.data-table td button[style]:hover{filter:brightness(1.1)}.data-table td .btn-action-listen{background:#60a5fa26!important;border-color:#60a5fa4d!important;color:var(--info)!important;font-weight:500!important}.data-table td .btn-action-listen:hover{background:#60a5fa40!important;border-color:var(--info)!important}.data-table td .btn-action-info{background:var(--accent-muted)!important;border-color:var(--border-accent)!important;color:var(--text-accent)!important;font-weight:500!important}.data-table td .btn-action-info:hover{background:var(--accent-glow)!important;border-color:var(--accent)!important}.add-form{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl)}.add-form,.add-form h3{margin-bottom:var(--space-lg)}.add-form h3{color:var(--text-accent);font-family:var(--font-display);font-size:1.1rem}.form-fields{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.form-field{display:flex;flex-direction:column;gap:var(--space-xs)}.form-field label{color:var(--text-muted);font-size:.8rem;font-weight:600;text-transform:capitalize}.form-field input,.form-field select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:.9rem;outline:none;padding:10px var(--space-md);transition:all var(--transition-fast)}.form-field input:focus,.form-field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.form-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-lg)}.form-actions button{border-radius:var(--radius-sm)!important;cursor:pointer;font-size:.9rem!important;font-weight:600!important;padding:10px 24px!important;transition:all var(--transition-fast)}.form-actions button:first-child{background:var(--accent)!important;border:none!important;color:var(--bg-primary)!important}.form-actions button:first-child:hover{background:var(--accent-hover)!important}.form-actions button:last-child{background:#0000!important;border:1px solid var(--border)!important;color:var(--text-secondary)!important}.form-actions button:last-child:hover{border-color:var(--text-muted)!important;color:var(--text-primary)!important}.pagination-controls{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:space-between;margin:var(--space-md) 0;padding:var(--space-md)}.pagination-controls.bottom{margin-top:var(--space-md)}.items-per-page{align-items:center;display:flex;gap:var(--space-sm)}.items-per-page label{color:var(--text-muted);font-size:.85rem}.items-per-page select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);outline:none;padding:6px 10px}.pagination-navigation{align-items:center;display:flex;gap:4px}.pagination-navigation button{background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:var(--radius-sm)!important;color:var(--text-secondary)!important;cursor:pointer;font-size:.82rem!important;padding:6px 12px!important;transition:all var(--transition-fast)}.pagination-navigation button:hover:not(:disabled){background:var(--bg-hover)!important;color:var(--text-primary)!important}.pagination-navigation button:disabled{cursor:not-allowed;opacity:.35}.page-info{color:var(--text-muted);font-size:.85rem;padding:0 var(--space-sm);white-space:nowrap}.swal2-popup{background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important}.swal2-popup,.swal2-title{color:var(--text-primary)!important}.swal2-title{font-family:var(--font-display)!important}.swal2-html-container{color:var(--text-secondary)!important}.swal2-confirm{background:var(--accent)!important;border-radius:var(--radius-sm)!important;color:var(--bg-primary)!important;font-weight:600!important}.swal2-cancel{background:#0000!important;border:1px solid var(--border)!important;border-radius:var(--radius-sm)!important;color:var(--text-secondary)!important}.audio-clip-interface{text-align:left}.audio-player-current audio{margin:var(--space-sm) 0;width:100%}.time-selection{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:space-between;margin-top:var(--space-sm)}.clip-controls{display:flex;gap:var(--space-xs)}.nav-btn,.time-btn{background:var(--bg-elevated)!important;border:1px solid var(--border)!important;border-radius:var(--radius-sm)!important;color:var(--text-secondary)!important;cursor:pointer;font-size:.82rem!important;padding:6px 14px!important}.nav-btn:hover:not(:disabled),.time-btn:hover:not(:disabled){background:var(--bg-hover)!important;color:var(--text-primary)!important}.navigation-controls{display:flex;gap:var(--space-sm);justify-content:center;margin:var(--space-md) 0}.clip-preview{background:var(--bg-input);border-radius:var(--radius-sm);margin-top:var(--space-md);padding:var(--space-md)}.clip-preview h4{color:var(--text-accent)}.clip-preview h4,.completed-clip{font-size:.85rem;margin-bottom:var(--space-xs)}.completed-clip{align-items:center;background:var(--bg-elevated);border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:var(--space-sm)}.remove-clip-btn{align-items:center;background:var(--error-bg)!important;border:none!important;border-radius:50%!important;color:var(--error)!important;cursor:pointer;display:flex;font-size:.9rem!important;height:24px;justify-content:center;padding:0!important;width:24px}@media (max-width:1024px){.data-table td,.data-table th{font-size:.82rem;max-width:160px;padding:10px 12px}}@media (max-width:768px){.dashboard-content{flex-direction:column}.sidebar{border-bottom:1px solid var(--border);border-right:none;height:auto;max-height:0;min-width:100%!important;overflow:hidden;transition:max-height var(--transition-base);width:100%!important}.sidebar.mobile-open{max-height:60vh;overflow-y:auto}.sidebar.collapsed{min-width:100%!important;width:100%!important}.sidebar-header{display:none}.sidebar-mobile-toggle{display:flex!important}.dashboard-main{padding:var(--space-md)}.search-bar{align-items:stretch;flex-direction:column}.search-bar input{max-width:100%}.data-table{padding:var(--space-md)}.data-table table{font-size:.8rem}.pagination-controls{align-items:stretch;flex-direction:column;gap:var(--space-sm)}.pagination-navigation{flex-wrap:wrap;justify-content:center}.form-fields{grid-template-columns:1fr}.add-form{padding:var(--space-md)}}
/*# sourceMappingURL=main.54410399.css.map*/