:root{--color-bg:#f1f5f9;--color-surface:#fff;--color-surface-hover:#f8fafc;--color-text:#0f172a;--color-text-muted:#64748b;--color-primary:#007aff;--color-primary-hover:#0063cc;--color-border:#e2e8f0cc;--color-border-light:#f1f5f980;--shadow-sm:0 2px 8px -2px #0f172a0d;--shadow-md:0 10px 25px -5px #0f172a14;--shadow-lg:0 20px 50px -12px #0f172a1f;--glass-bg:#ffffffbf;--glass-border:#fff6;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Outfit", system-ui, -apple-system, sans-serif;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-20:5rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:1rem;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.3s ease}[data-theme=dark]{--color-bg:#0f172a;--color-surface:#1e293b;--color-surface-hover:#334155;--color-text:#f8fafc;--color-text-muted:#cbd5e1;--color-primary:#3897ff;--color-primary-hover:#007aff;--color-border:#94a3b81f;--color-border-light:#94a3b80f;--shadow-sm:0 2px 8px -2px #0000004d;--shadow-md:0 10px 25px -5px #0006;--shadow-lg:0 20px 50px -12px #00000080;--glass-bg:#1e293bb3;--glass-border:#94a3b81a}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{position:fixed;overflow:hidden}html,body,#root{background-color:var(--color-bg);width:100%;height:100%;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;overscroll-behavior:none;margin:0;line-height:1.5;transition:background-color .3s,color .3s}input,textarea,[contenteditable=true],.selectable-text,.selectable-text *{-webkit-user-select:text;user-select:text}h1,h2,h3,h4{font-family:var(--font-display);margin-top:0;font-weight:600}.container{width:100%;max-width:900px;margin:0 auto}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:transform .2s,box-shadow .2s,background-color .3s,border-color .3s}.input-field{border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-bg);width:100%;color:var(--color-text);font-family:var(--font-sans);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:.75rem 1rem;font-size:.875rem}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f626}input[type=date],input[type=time],input[type=datetime-local]{appearance:none;min-height:2.25rem;display:block}.input-field[type=date],.input-field[type=time],.input-field[type=datetime-local]{min-height:2.5rem}[data-theme=dark] .input-field:focus{box-shadow:0 0 0 3px #6366f133}.btn{background-color:var(--color-primary);border-radius:var(--radius-full);font-weight:600;font-family:var(--font-sans);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:.75rem 1.5rem;font-size:.875rem;text-decoration:none;transition:background-color .2s,transform .1s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 12px #3b82f626;color:#fff!important}.btn:active{transform:scale(.97)}.btn:hover{background-color:var(--color-primary-hover);box-shadow:0 6px 16px #3b82f640}.btn-secondary{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-weight:600;font-family:var(--font-sans);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:.75rem 1.5rem;font-size:.875rem;transition:all .2s;display:inline-flex;color:var(--color-text)!important}.btn-secondary:hover{background-color:var(--color-surface-hover);border-color:var(--color-text-muted)}.org-select-btn{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:left;cursor:pointer;width:100%;font-family:var(--font-sans);justify-content:space-between;align-items:center;padding:1rem 1.25rem;transition:all .2s;display:flex;color:var(--color-text)!important}.org-select-btn:hover{background-color:var(--color-surface-hover);border-color:var(--color-primary)}.org-select-btn span{color:var(--color-text)!important}.btn-indigo{font-weight:600;font-family:var(--font-sans);cursor:pointer;box-shadow:none;background-color:#6366f11a;border:1px solid #6366f140;text-decoration:none;transition:all .2s;color:#4f46e5!important}[data-theme=dark] .btn-indigo{background-color:#6366f126;border:1px solid #6366f159;color:#a5b4fc!important}.btn-indigo:hover{background-color:#6366f133!important;border-color:#6366f180!important}.btn-indigo:active{transform:scale(.98)}.trash-btn-hover:hover{color:#dc2626!important;background-color:#ef444414!important}.admin-actions-container{flex-wrap:wrap;gap:8px;display:flex}.admin-actions-container .btn,.admin-actions-container .btn-indigo,.admin-actions-container .btn-secondary{justify-content:center;align-items:center;padding:.5rem 1.25rem;font-size:.8rem;display:inline-flex}@media (width<=600px){.admin-actions-container{flex-direction:column;align-items:stretch;gap:10px;width:100%;margin-top:.75rem}.admin-actions-container .btn,.admin-actions-container .btn-indigo,.admin-actions-container .btn-secondary{width:100%;padding:.7rem 1.25rem;font-size:.875rem}}.logo-dark{display:none!important}.logo-light{display:block!important}[data-theme=dark] .logo-light{display:none!important}[data-theme=dark] .logo-dark{display:block!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#64748b33}::-webkit-scrollbar-thumb:hover{background:#64748b66}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#94a3b826}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#94a3b84d}@media (width<=768px){::-webkit-scrollbar{width:0;height:0;display:none}*{scrollbar-width:none;-ms-overflow-style:none}.audio-player-floating{bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}}.attendance-bottom-bar{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;width:100%;margin-top:2rem;margin-bottom:3rem;padding-top:1.25rem;display:flex}.attendance-clear-btn-wrapper{flex:auto;justify-content:flex-start;display:flex}.attendance-save-btn-wrapper{flex:auto;justify-content:flex-end;gap:12px;display:flex}@media (width<=768px){.attendance-bottom-bar{flex-direction:column;align-items:stretch;gap:12px}.attendance-clear-btn-wrapper{justify-content:center;width:100%}.attendance-clear-btn-wrapper button{width:100%!important;max-width:none!important}.attendance-save-btn-wrapper{flex-direction:column;width:100%}.attendance-save-btn-wrapper button{flex:none!important;width:100%!important}}.ProseMirror p{min-height:1.2em;margin:0;line-height:1.8}.ProseMirror h2{font-size:1.1em;font-weight:700;font-family:var(--font-display);margin:.75em 0 .2em}.ProseMirror hr{border:none;border-top:1px solid var(--color-border);margin:.75em 0}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--color-text-muted);pointer-events:none;height:0}