.sermongrade{color:#333;min-height:100vh;font-family:Georgia,Times New Roman,serif;position:relative}.sermongrade .container{max-width:auto;z-index:1;margin:0 auto;padding:0 1rem;position:relative}.sermongrade .header{background-color:#f5f1e8;border-bottom:1px solid #e0d7c7;padding:.5rem 0;box-shadow:0 2px 4px #0000001a}.sermongrade .header-content{justify-content:space-between;align-items:center;display:flex}.sermongrade .logo{color:#333;align-items:center;gap:.75rem;font-family:Georgia,serif;font-size:1.5rem;font-weight:700;text-decoration:none;transition:all .3s;display:flex}.sermongrade .logo:hover{opacity:.8;color:#666;text-decoration:none}.sermongrade .logo:focus,.sermongrade .logo:focus-visible,.sermongrade .logo:active{box-shadow:none!important;outline:none!important}.sermongrade .logo-image{object-fit:contain;filter:drop-shadow(0 2px 4px #0000001a);width:40px;height:40px}.sermongrade .nav-btn{color:#333;background:linear-gradient(135deg,#daa520,#b8860b);border:none;border-radius:8px;padding:.5rem 1rem;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 2px 4px #b8860b4d}.sermongrade .nav-btn:hover{color:#333;background:linear-gradient(135deg,gold,#daa520);text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 8px #b8860b66}.sermongrade .main-content{padding:1rem 0;background:0 0!important}.sermongrade .page-header{border-bottom:2px solid #b8860b;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.sermongrade .content{background:#f8f5f0;border:1px solid #e0d7c7;border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px #0000001a}.sermongrade .empty-state{text-align:center;background:#fff;border:2px dashed #e0d7c7;border-radius:12px;margin:1rem 0;padding:3rem 2rem;position:relative}.sermongrade .empty-state .empty-icon{color:#8b7355;opacity:.7;margin-bottom:1.5rem}.sermongrade .empty-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}.sermongrade .empty-state h3{color:#333;margin:0 0 1rem;font-family:Georgia,serif;font-size:1.5rem;font-weight:700}.sermongrade .empty-state p{color:#666;max-width:500px;margin:0 auto 1rem;font-family:Georgia,serif;font-size:1.1rem;line-height:1.6}.sermongrade .empty-state small{color:#666;margin-bottom:2rem;font-family:Georgia,serif;font-size:.9rem;display:block}.sermongrade .empty-state .btn-primary{color:#fff;background:#333;border:2px solid #333;margin-top:1rem;padding:1rem 2rem;font-family:Georgia,serif;font-size:1.1rem;font-weight:600;position:relative;box-shadow:0 8px 20px #2c3e504d,0 0 20px #2c3e5033}.sermongrade .evaluations-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;display:grid}.sermongrade .evaluation-card{background:linear-gradient(135deg,#fff 0%,#f8f5f0 100%);border:1px solid #e0d7c7;border-radius:16px;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.4s ease-out both cardSlideIn;overflow:hidden;box-shadow:0 4px 12px #0000000f,0 1px 3px #00000008}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sermongrade .evaluation-card:hover{border-color:#b8860b;transform:translateY(-8px);box-shadow:0 12px 32px #0000001f,0 4px 8px #0000000f}.sermongrade .card-header{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#fffffff2;border-bottom:1px solid #e0d7c7cc;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.5rem;display:flex;position:relative}.sermongrade .card-header:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(135deg,#fffc 0%,#f8f5f099 50%,#fffc 100%);position:absolute;inset:0}.sermongrade .card-header>*{z-index:1;position:relative}.sermongrade .card-title-section{flex:1;min-width:0}.sermongrade .card-title{color:#1a1a1a;word-wrap:break-word;margin:0 0 .5rem;font-family:Georgia,serif;font-size:1.25rem;font-weight:700;line-height:1.3}.sermongrade .card-meta-row{color:#666;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;display:flex}.sermongrade .card-meta-row svg{color:#b8860b;opacity:.8;flex-shrink:0}.sermongrade .card-grade-badge{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;transition:all .3s;animation:.5s cubic-bezier(.34,1.56,.64,1) both badgePop;display:flex;box-shadow:0 4px 12px #00000026,inset 0 -2px #0000001a}@keyframes badgePop{0%{opacity:0;transform:scale(.5)rotate(-10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.sermongrade .evaluation-card:hover .card-grade-badge{transform:scale(1.05)rotate(3deg)}.sermongrade .grade-letter-display{color:#fff;text-shadow:0 2px 4px #0003;font-family:Georgia,serif;font-size:2rem;font-weight:800}.sermongrade .card-grade-badge.grade-A{background:linear-gradient(135deg,#059669 0%,#047857 100%)}.sermongrade .card-grade-badge.grade-B{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%)}.sermongrade .card-grade-badge.grade-C{background:linear-gradient(135deg,#d97706 0%,#b45309 100%)}.sermongrade .card-grade-badge.grade-D{background:linear-gradient(135deg,#ea580c 0%,#c2410c 100%)}.sermongrade .card-grade-badge.grade-F{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%)}.sermongrade .card-grade-badge.grade-N{background:linear-gradient(135deg,#4b5563 0%,#374151 100%)}.sermongrade .grade-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:.5rem 1rem;font-size:.9rem;font-weight:700;box-shadow:0 2px 4px #0000001a}.sermongrade .grade-A{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.sermongrade .grade-B{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.sermongrade .grade-C{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.sermongrade .grade-D{color:#fff;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%)}.sermongrade .grade-F{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.sermongrade .grade-N{color:#fff;background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%)}.sermongrade .card-body{flex-direction:column;gap:.75rem;padding:1rem 1.5rem;display:flex}.sermongrade .meta-row{align-items:center;gap:.5rem;font-size:.9rem;display:flex}.sermongrade .meta-row svg{color:#b8860b;opacity:.8;flex-shrink:0}.sermongrade .meta-label{color:#999;font-weight:600}.sermongrade .meta-value{color:#333;font-family:Georgia,serif;font-weight:500}.sermongrade .card-actions{background:#fff6;border-top:1px solid #e0d7c799;align-items:center;gap:.75rem;padding:1rem 1.5rem 1.5rem;display:flex}.sermongrade .btn-card-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#b8860b,#996515);border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-family:Georgia,serif;font-size:.95rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #b8860b33}.sermongrade .btn-card-primary:hover{background:linear-gradient(135deg,#daa520,#b8860b);transform:translateY(-2px);box-shadow:0 6px 16px #b8860b4d}.sermongrade .btn-card-primary:focus{outline-offset:2px;outline:3px solid #daa520}.sermongrade .btn-card-primary:focus:not(:focus-visible){outline:none}.sermongrade .btn-card-primary svg{transition:transform .25s}.sermongrade .btn-card-primary:hover svg{transform:scale(1.1)}.sermongrade .card-actions-secondary{gap:.5rem;display:flex}.sermongrade .btn-card-icon{color:#333;cursor:pointer;background:#fff;border:1.5px solid #e0d7c7;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.sermongrade .btn-card-icon:hover{background:#f8f5f0;border-color:#b8860b;transform:translateY(-2px)scale(1.05);box-shadow:0 4px 12px #b8860b26}.sermongrade .btn-card-icon:focus{outline-offset:2px;border-color:#b8860b;outline:3px solid #daa520}.sermongrade .btn-card-icon:focus:not(:focus-visible){outline:none}.sermongrade .btn-card-icon svg{transition:transform .25s}.sermongrade .btn-card-icon:hover svg{transform:rotate(90deg)}.sermongrade .btn-card-danger{border-color:#fca5a5}.sermongrade .btn-card-danger:hover{color:#b91c1c;background:#fee2e2;border-color:#ef4444}.sermongrade .btn-card-danger:focus{outline-offset:2px;border-color:#ef4444;outline:3px solid #ef4444}.sermongrade .btn-card-danger:hover svg{transform:rotate(0)scale(1.1)}.sermongrade .btn-primary,.sermongrade .btn-secondary{cursor:pointer;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.sermongrade .btn-primary{color:#333;background:linear-gradient(135deg,#daa520,#b8860b);border:none;box-shadow:0 4px 8px #b8860b4d}.sermongrade .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,gold,#daa520);transform:translateY(-2px);box-shadow:0 6px 12px #b8860b66}.sermongrade .btn-primary:focus{outline-offset:2px;outline:3px solid #daa520!important}.sermongrade .btn-primary:focus:not(:focus-visible){outline:none!important}.sermongrade .btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.sermongrade .btn-secondary{color:#333;background:#fff;border:1px solid #e0d7c7}.sermongrade .btn-secondary:hover:not(:disabled){background:#f8f5f0;border-color:#b8860b;transform:translateY(-2px)}.sermongrade .btn-secondary:focus{outline-offset:2px;outline:3px solid #b8860b!important}.sermongrade .btn-secondary:focus:not(:focus-visible){outline:none!important}.sermongrade .btn-secondary:disabled{opacity:.5;cursor:not-allowed;color:#9ca3af;background:#f0f0f0;transform:none}@media (max-width:768px){.sermongrade .container{padding:0 1rem}.sermongrade .page-header{flex-direction:column;align-items:flex-start;gap:1rem}.sermongrade .page-header h1{font-size:2rem}.sermongrade .evaluations-grid{grid-template-columns:1fr;gap:1.5rem}.sermongrade .card-header{gap:1.25rem;padding:1.5rem}.sermongrade .card-title{font-size:1.25rem;line-height:1.4}.sermongrade .card-meta-row{font-size:1rem}.sermongrade .card-grade-badge{width:70px;height:70px}.sermongrade .grade-letter-display{font-size:2rem}.sermongrade .card-header [style*="flex-direction: column"] .card-grade-badge{min-width:70px;padding:10px 14px!important}.sermongrade .card-header [style*="flex-direction: column"] [style*="fontSize: '9px'"]{font-size:11px!important;font-weight:800!important}.sermongrade .card-header [style*="flex-direction: column"] [style*="fontSize: '20px'"]{font-size:24px!important}.sermongrade .card-body{padding:1rem 1.5rem}.sermongrade .meta-row{gap:.625rem;font-size:1rem}.sermongrade .meta-row svg{width:16px;height:16px}.sermongrade .card-actions{flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem 1.5rem}.sermongrade .btn-card-primary{order:-1;width:100%;min-height:48px;padding:1rem 1.5rem;font-size:1.05rem}.sermongrade .btn-card-icon{border-width:2px;width:48px;height:48px}.sermongrade .btn-card-icon svg{width:20px;height:20px}.sermongrade .card-actions-secondary{justify-content:center;gap:1rem;width:100%}}@media (max-width:480px){.sermongrade .evaluations-grid{grid-template-columns:1fr;gap:1.25rem}.sermongrade .card-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.25rem}.sermongrade .card-title{margin-bottom:.75rem;font-size:1.2rem;line-height:1.4}.sermongrade .card-grade-badge{align-self:flex-end;width:64px;height:64px;margin-top:0}.sermongrade .grade-letter-display{font-size:1.75rem}.sermongrade .card-header [style*="flex-direction: column"]{align-items:flex-end!important;gap:10px!important}.sermongrade .card-body{padding:1rem 1.25rem}.sermongrade .card-actions{padding:1rem 1.25rem 1.25rem}.sermongrade .btn-card-primary{padding:1rem;font-size:1.05rem}}.sermongrade .admin-link{background:linear-gradient(135deg,#8b7355,#6b5b47);border-radius:8px;padding:10px 15px;font-weight:500;text-decoration:none;transition:all .3s;box-shadow:0 4px 8px #8b73554d;color:#fff!important}.sermongrade .admin-link:hover{background:linear-gradient(135deg,#a0846c,#8b7355);text-decoration:none;transform:translateY(-2px);box-shadow:0 6px 12px #8b735566;color:#fff!important}.sermongrade .admin-link i{margin-right:8px}.sermongrade .nav-btn.admin-link{cursor:pointer;background:linear-gradient(135deg,#8b7355,#6b5b47);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:120px;height:40px;padding:10px 15px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 8px #8b73554d;color:#fff!important}.sermongrade .nav-btn.admin-link:hover{background:linear-gradient(135deg,#a0846c,#8b7355);text-decoration:none;transform:translateY(-2px);box-shadow:0 6px 12px #8b735566;color:#fff!important}.sermongrade .nav-btn.admin-link i{margin-right:6px;font-size:1rem}.sermongrade .nav-btn[href=\/]{background:#fff;border:1px solid #e0d7c7;color:#333!important}.sermongrade .nav-btn[href=\/]:hover{background:#f8f5f0;border-color:#b8860b;text-decoration:none;transform:translateY(-2px);color:#333!important}.sermongrade .nav-btn:not(.admin-link):not([href=\/]){cursor:pointer;background:#333;border:2px solid #333;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:120px;height:40px;padding:10px 15px;font-family:Georgia,serif;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 12px #2c3e504d;color:#fff!important}.sermongrade .nav-btn:not(.admin-link):not([href=\/]):hover{background:#666;border-color:#666;text-decoration:none;transform:translateY(-2px);box-shadow:0 8px 20px #2c3e5066,0 0 25px #2c3e5080;color:#fff!important}.sermongrade .nav{align-items:center;gap:15px;display:flex}.sermongrade .nav-btn,.sermongrade .admin-link{text-align:center;white-space:nowrap;justify-content:center;align-items:center;min-width:120px;height:40px;display:flex}.sermongrade-title{text-align:center;margin-bottom:2rem}.sermongrade-title h2{color:#333;text-shadow:0 2px 4px #0000001a;margin:0;font-family:Georgia,serif;font-size:2.5rem;font-weight:700}.sermongrade .loading{text-align:center;color:#333;padding:2rem 1rem;font-family:Georgia,serif;font-size:1.1rem;font-weight:500}.sermongrade .modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000001a;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sermongrade .modal-content{background:#f8f5f0;border:1px solid #e0d7c7;border-radius:16px;width:90vw;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #2c3e504d,0 0 20px #2c3e5033}.sermongrade .modal-header{border-bottom:2px solid #333;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.sermongrade .modal-header h2{color:#333;margin:0;font-family:Georgia,serif;font-size:1.5rem;font-weight:700}.sermongrade .modal-close{color:#333;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:.5rem;font-family:Georgia,serif;font-size:1.5rem;transition:all .3s;display:flex}.sermongrade .modal-close:hover{color:#666;background:#2c3e501a}.sermongrade .modal-close:focus{outline-offset:2px;background:#daa5201a;outline:3px solid #daa520}.sermongrade .modal-close:focus:not(:focus-visible){outline:none}.sermongrade .modal-body{padding:1.5rem}.sermongrade .modal-footer{border-top:2px solid #333;justify-content:flex-end;gap:1rem;padding:1.5rem;display:flex}.sermongrade .wizard-steps{justify-content:center;align-items:center;gap:1.25rem;margin:0 0 1.5rem;display:flex}.sermongrade .wizard-step{align-items:center;gap:.5rem;display:flex;position:relative}.sermongrade .wizard-step .indicator{background:#e0d7c7;border-radius:50%;width:14px;height:14px;transition:all .3s;box-shadow:inset 0 0 0 2px #c9b99e}.sermongrade .wizard-step.complete .indicator{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 0 0 4px #10b98126}.sermongrade .wizard-step.active .indicator{background:linear-gradient(135deg,#daa520,#b8860b);box-shadow:0 0 0 6px #b8860b26}.sermongrade .wizard-step .label{color:#666;font-family:Georgia,serif;font-size:.95rem}.sermongrade .wizard-step.active .label{color:#333;font-weight:700}.sermongrade .wizard-step .connector{background:#e0d7c7;width:60px;height:2px;margin-left:.75rem;margin-right:.75rem}.sermongrade .wizard-controls{justify-content:space-between;display:flex}.sermongrade .form-group{margin-bottom:1rem}.sermongrade .form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.sermongrade .form-group label{color:#333;margin-bottom:.5rem;font-family:Georgia,serif;font-size:.9rem;font-weight:500;display:block}.sermongrade .form-group input,.sermongrade .form-group select,.sermongrade .form-group textarea{background:var(--card);border:1px solid var(--border);width:100%;color:var(--ink);border-radius:8px;padding:.75rem;font-family:Georgia,serif;font-size:.9rem;transition:all .2s}.sermongrade .form-group input:focus,.sermongrade .form-group select:focus,.sermongrade .form-group textarea:focus{background:#fff;border-color:#daa520;outline:none;box-shadow:0 0 0 3px #daa52033}.sermongrade .form-group input::placeholder,.sermongrade .form-group textarea::placeholder{color:#9aa3af}.sermongrade .form-group small{color:#666;margin-top:.25rem;font-family:Georgia,serif;font-size:.8rem;display:block}.sermongrade .form-group textarea{resize:vertical;min-height:120px}.sermongrade .form-section{border-bottom:1px solid #2c3e5033;margin-bottom:2rem;padding-bottom:1.5rem}.sermongrade .fortheone-toggle{background:#fff;border:1px solid #d1d5db;border-radius:14px;justify-content:space-between;align-items:center;gap:1.25rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem;transition:all .3s;display:flex;box-shadow:0 4px 12px #0f172a14}.sermongrade .fortheone-toggle.enabled{background:linear-gradient(135deg,#dbeafecc,#fffffff2);border-color:#2563eb59;box-shadow:0 12px 30px #2563eb2e}.sermongrade .fortheone-toggle.disabled{background:linear-gradient(135deg,#e5e7eb66,#ffffffe6);border-color:#e5e7eb;box-shadow:0 6px 18px #78716c1f}.sermongrade .fortheone-toggle .toggle-content{flex-direction:column;flex:1;gap:.35rem;display:flex}.sermongrade .fortheone-toggle .toggle-label{color:#1f2937;font-family:Georgia,serif;font-size:1rem;font-weight:700}.sermongrade .fortheone-toggle .toggle-description{color:#4b5563;margin:0;font-size:.92rem;line-height:1.45}.sermongrade .fortheone-toggle .toggle-hint{color:#6b7280;margin:0;font-size:.85rem;font-style:italic}.sermongrade .toggle-switch{flex-shrink:0;width:54px;height:30px;display:inline-flex;position:relative}.sermongrade .toggle-switch input{opacity:0;width:0;height:0;position:absolute}.sermongrade .toggle-switch .slider{cursor:pointer;background:#d1d5db;border-radius:999px;transition:all .25s;position:absolute;inset:0;box-shadow:inset 0 1px 3px #0003}.sermongrade .toggle-switch .slider:before{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .25s;position:absolute;top:4px;left:4px;box-shadow:0 2px 6px #0003}.sermongrade .toggle-switch input:checked+.slider{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.sermongrade .toggle-switch input:checked+.slider:before{transform:translate(24px)}.sermongrade .toggle-switch input:focus-visible+.slider{outline-offset:2px;outline:2px solid #2563eb}.sermongrade .form-section h3{color:#333;margin-bottom:1rem;font-family:Georgia,serif;font-size:1.2rem;font-weight:600}.sermongrade .section-help{color:#666;margin-bottom:1rem;font-family:Georgia,serif;font-size:.9rem}.sermongrade .checkbox-group{cursor:pointer;align-items:center;gap:.5rem;display:flex}.sermongrade .checkbox-group input[type=checkbox]{cursor:pointer;width:auto}.sermongrade .checkbox-group span{cursor:pointer;font-weight:500}@media (max-width:768px){.sermongrade .modal-overlay{align-items:flex-start;padding:0}.sermongrade .modal-content{border-radius:0;flex-direction:column;width:100vw;max-width:100vw;min-height:100vh;max-height:100vh;margin:0;display:flex}.sermongrade .modal-header{z-index:10;background:#f8f5f0;flex-shrink:0;padding:1.25rem 1rem;position:sticky;top:0;box-shadow:0 2px 8px #0000001a}.sermongrade .modal-header h2{padding-right:2rem;font-size:1.35rem;line-height:1.3}.sermongrade .modal-close{border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:2rem;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.sermongrade .modal-close:focus{outline-offset:2px;outline:3px solid #daa520}.sermongrade .modal-body{-webkit-overflow-scrolling:touch;flex:1;padding:1.25rem 1rem;overflow-y:auto}.sermongrade .modal-footer{background:#f8f5f0;border-top:2px solid #e0d7c7;flex-shrink:0;gap:.75rem;padding:1.25rem 1rem;position:sticky;bottom:0;box-shadow:0 -2px 8px #0000001a}.sermongrade .modal-footer button{min-height:48px;padding:.875rem 1.5rem;font-size:1.05rem;font-weight:600}.sermongrade .wizard-controls{grid-template-columns:1fr 1fr;gap:.75rem;width:100%;display:grid}.sermongrade .wizard-controls button{width:100%}.sermongrade .wizard-steps{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:1.25rem}.sermongrade .wizard-step{gap:.375rem}.sermongrade .wizard-step .indicator{width:20px;height:20px}.sermongrade .wizard-step .label{white-space:nowrap;font-size:.875rem}.sermongrade .wizard-step .connector{width:30px;margin-left:.375rem;margin-right:.375rem}.sermongrade .form-row{grid-template-columns:1fr;gap:.875rem}.sermongrade .form-group{margin-bottom:1.25rem}.sermongrade .form-group label{margin-bottom:.625rem;font-size:1rem;font-weight:600}.sermongrade .form-group input,.sermongrade .form-group select,.sermongrade .form-group textarea{border-width:2px;min-height:48px;padding:.875rem;font-size:1rem}.sermongrade .form-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:20px;padding-right:3rem}.sermongrade .form-group textarea{min-height:150px;line-height:1.5}.sermongrade .form-group small{color:#4b5563;margin-top:.375rem;font-size:.875rem;line-height:1.4}.sermongrade .form-section h3{margin-bottom:1.25rem;font-size:1.25rem}.sermongrade .section-help{color:#4b5563;font-size:.95rem;line-height:1.5}.sermongrade .form-group input[type=file]{cursor:pointer;background:#fff;border:2px dashed #e0d7c7;padding:.75rem}.sermongrade .form-group input[type=file]:focus{border-style:solid;border-color:#daa520}}@media (max-width:480px){.sermongrade .modal-header h2{font-size:1.2rem}.sermongrade .wizard-step .label{font-size:.8rem}.sermongrade .wizard-step .connector{width:20px}.sermongrade .modal-footer button{padding:.875rem 1.25rem;font-size:1rem}}.sermongrade .main-content{background-color:#fff;min-height:calc(100vh - 200px);padding:2rem 0}.sermongrade .guest-banner{color:#fff;text-align:center;background:#8b7355;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 2rem;font-size:.9rem;font-weight:500;display:flex}.sermongrade .page-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.sermongrade .page-header h1{color:#333;margin:0;font-family:Georgia,serif;font-size:2rem;font-weight:600}.sermongrade .header-actions{align-items:center;gap:.75rem;display:flex}.sermongrade .info-box{color:#333;background-color:#fff4d6;border:1px solid #e6d5a8;border-left:4px solid #daa520;border-radius:4px;margin-bottom:1.5rem;padding:1rem 1.5rem;font-size:.95rem;line-height:1.5}.sermongrade .info-box strong{font-weight:600}.sermongrade .info-box a{color:#b8860b;text-decoration:underline}.sermongrade .info-box a:hover{color:#daa520}.sermongrade .filters-section{background-color:#f8f5f0;border:1px solid #e0d7c7;border-radius:8px;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem;display:flex}.sermongrade .filters-label{color:#333;font-size:.95rem;font-weight:600}.sermongrade .filters-controls{flex-wrap:wrap;flex:1;gap:.75rem;display:flex}.sermongrade .filter-select{color:#333;cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:.5rem .75rem;font-size:.9rem;transition:all .2s}.sermongrade .filter-select:hover{border-color:#b8860b}.sermongrade .filter-select:focus{border-color:#daa520;outline:none;box-shadow:0 0 0 2px #daa52033}.sermongrade .btn-clear{color:#fff;cursor:pointer;background-color:#6b5b47;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s}.sermongrade .btn-clear:hover{background-color:#8b7355}.sermongrade .filters-count{color:#4b5563;margin-left:auto;font-size:.95rem;font-weight:500}.sermongrade .empty-state{text-align:center;max-width:600px;margin:0 auto;padding:4rem 2rem}.sermongrade .empty-state h2{color:#333;margin-bottom:1rem;font-size:1.8rem;font-weight:600}.sermongrade .empty-state p{color:#666;margin-bottom:1rem;font-size:1rem;line-height:1.6}.sermongrade .empty-state .empty-note{color:#8b7355;font-size:.9rem;font-style:italic}.sermongrade .empty-state a{color:#b8860b;text-decoration:underline}.sermongrade .empty-state a:hover{color:#daa520}.sermongrade .btn-large{margin-top:1rem;padding:1rem 2rem;font-size:1.1rem}@media (max-width:768px){.sermongrade .page-header{flex-direction:column;align-items:flex-start;gap:1rem}.sermongrade .header-actions{justify-content:flex-start;width:100%}.sermongrade .filters-section{flex-direction:column;align-items:flex-start}.sermongrade .filters-controls{width:100%}.sermongrade .filter-select{flex:1;min-width:120px}.sermongrade .filters-count{border-top:1px solid #e0d7c7;width:100%;margin-left:0;padding-top:.5rem;font-size:1rem}.sermongrade .evaluation-card{scroll-margin-top:1rem}.sermongrade .meta-label,.sermongrade .meta-value{font-size:.95rem}.sermongrade .evaluation-card:focus-within{outline-offset:2px;outline:3px solid #daa520}}.sermongrade .btn-danger{color:#fff;cursor:pointer;background-color:#dc2626;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s}.sermongrade .btn-danger:hover{background-color:#b91c1c;transform:translateY(-1px)}.sermongrade .evaluation-card{background:#fff;border:1px solid #e0d7c7;border-radius:8px;padding:1.5rem;transition:all .2s;box-shadow:0 1px 3px #0000001a}.sermongrade .evaluation-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.sermongrade .evaluation-speaker,.sermongrade .evaluation-church{color:#666;margin:.25rem 0;font-size:.9rem}.sermongrade .evaluation-speaker strong,.sermongrade .evaluation-church strong,.sermongrade .evaluation-date strong{color:#333;font-weight:600}.sermongrade .evaluation-actions{flex-wrap:nowrap;gap:.5rem;margin-top:1rem;display:flex}.sermongrade .evaluation-actions button{flex:1;min-width:100px}.sermongrade .evaluation-actions .btn-danger{flex:none;justify-content:center;align-items:center;width:40px;min-width:40px;padding:.5rem;display:flex}.transcription-progress{text-align:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:1rem;padding:1rem}.progress-indicator{justify-content:center;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.progress-indicator .spinner{border:2px solid #e9ecef;border-top-color:#007bff;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}.progress-indicator span{color:#495057;font-weight:500}.progress-note{color:#6c757d;margin:0;font-size:.875rem;line-height:1.4}.transcription-result{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:8px;margin-top:1rem;padding:1rem}.transcription-result h4{color:#155724;margin:0 0 .75rem;font-size:1rem;font-weight:600}.transcript-preview{color:#495057;text-align:left;background-color:#fff;border:1px solid #c3e6cb;border-radius:4px;max-height:120px;margin-bottom:.5rem;padding:.75rem;font-size:.875rem;line-height:1.5;overflow-y:auto}.transcript-note{color:#155724;margin:0;font-size:.875rem;font-weight:500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){.transcription-progress{padding:1.25rem 1rem}.progress-indicator{gap:1rem}.progress-indicator .spinner{width:24px;height:24px}.progress-indicator span{font-size:1rem}.progress-note{font-size:.95rem}.transcription-result{padding:1.25rem}.transcription-result h4{font-size:1.1rem}.transcript-preview{max-height:150px;padding:1rem;font-size:.95rem}.transcript-note{font-size:.95rem}}