@import"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,600;0,700;1,400&family=Nunito:wght@300;400;500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0d1b2a;--bg-secondary: #1a2e45;--bg-card: #1e3451;--accent-gold: #f4a825;--accent-amber: #e8832a;--accent-soft: #f7c96e;--text-primary: #f5f0e8;--text-secondary: #b8a98a;--text-muted: #7a6e5e;--success: #4caf82;--danger: #e05c5c;--border: rgba(244, 168, 37, .2);--shadow: 0 8px 32px rgba(0, 0, 0, .4);--glow: 0 0 20px rgba(244, 168, 37, .15)}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Nunito,sans-serif;font-weight:400;min-height:100vh;background-image:radial-gradient(ellipse at 20% 20%,rgba(244,168,37,.04) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(232,131,42,.04) 0%,transparent 50%)}h1,h2,h3,h4{font-family:Lora,serif}.container{max-width:1100px;margin:0 auto;padding:0 24px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow),var(--glow)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;border:none;cursor:pointer;font-family:Nunito,sans-serif;font-weight:600;font-size:.9rem;transition:all .2s ease;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--accent-gold),var(--accent-amber));color:#0d1b2a}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px #f4a82566}.btn-secondary{background:transparent;color:var(--accent-gold);border:1px solid var(--border)}.btn-secondary:hover{background:#f4a8251a}.btn-danger{background:transparent;color:var(--danger);border:1px solid rgba(224,92,92,.3)}.btn-danger:hover{background:#e05c5c1a}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.form-group{margin-bottom:20px}.form-label{display:block;font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.form-input,.form-select,.form-textarea{width:100%;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:12px 16px;color:var(--text-primary);font-family:Nunito,sans-serif;font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease;outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px #f4a8251a}.form-select option{background:var(--bg-secondary)}.form-textarea{resize:vertical;min-height:100px}.spinner{width:20px;height:20px;border:2px solid rgba(244,168,37,.3);border-top-color:var(--accent-gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.nav{background:#0d1b2af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);padding:16px 0;position:sticky;top:0;z-index:100}.nav-inner{display:flex;align-items:center;justify-content:space-between}.nav-logo{font-family:Lora,serif;font-size:1.4rem;color:var(--accent-gold);text-decoration:none;display:flex;align-items:center;gap:10px}.nav-links{display:flex;gap:8px}.nav-link{color:var(--text-secondary);text-decoration:none;padding:8px 16px;border-radius:8px;font-size:.9rem;font-weight:500;transition:all .2s ease}.nav-link:hover,.nav-link.active{color:var(--accent-gold);background:#f4a8251a}.page{padding:40px 0;min-height:calc(100vh - 65px)}.page-header{margin-bottom:32px}.page-title{font-size:2rem;color:var(--text-primary);margin-bottom:8px}.page-subtitle{color:var(--text-secondary);font-size:1rem}.audio-player{width:100%;margin-top:12px;accent-color:var(--accent-gold)}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.badge-gold{background:#f4a82526;color:var(--accent-gold)}.badge-green{background:#4caf8226;color:var(--success)}.empty-state{text-align:center;padding:80px 20px;color:var(--text-muted)}.empty-state-icon{font-size:4rem;margin-bottom:16px}.empty-state h3{font-size:1.4rem;color:var(--text-secondary);margin-bottom:8px}.alert{padding:12px 16px;border-radius:10px;margin-bottom:20px;font-size:.9rem}.alert-error{background:#e05c5c1a;border:1px solid rgba(224,92,92,.3);color:#e05c5c}.alert-success{background:#4caf821a;border:1px solid rgba(76,175,130,.3);color:var(--success)}