@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&family=Quicksand:wght@500;700&display=swap";:root,html[data-theme=default]{--primary-color: #8b5cf6;--primary-color-dark: #7c3aed;--primary-color-light: #e9d5ff;--secondary-color: #2563EB;--secondary-color-dark: #1D4ED8;--success-color: #8b5cf6;--danger-color: #DC2626;--warning-color: #FACC15;--slate-color: #475569;--slate-color-dark: #334155;--background-color-main: #F9FAFB;--background-color-card: #ffffff;--background-color-hover: #f1f5f9;--text-color-primary: #1F2937;--text-color-secondary: #64748b;--text-color-light: #ffffff;--text-color-link: var(--primary-color);--border-color-light: #e5e7eb;--border-color-focus: var(--primary-color);--font-family-main: "Poppins", Arial, sans-serif;--app-header-bg-color: var(--primary-color);--brand: #1E3A8A;--brand-600: #2563EB;--accent: #8b5cf6;--warn: #F59E0B;--danger: #DC2626;--muted: #6B7280;--bg: #F6F7FB;--card: #FFFFFF;--line: #E5E7EB;--radius: 14px;--shadow: 0 6px 18px rgba(2, 6, 23, .06);--space: 16px;--space-lg: 24px;--font-h1: 26px;--font-h3: 16px;--font-body: 14px}html[data-theme=modern]{--font-family-main: "Inter", "Poppins", sans-serif;--border-radius-lg: 4px;--border-radius-md: 4px;--shadow-md: none;--shadow-lg: none}html[data-theme=playful]{--font-family-main: "Quicksand", "Poppins", sans-serif}html.dark[data-theme=modern]{--font-family-main: "Inter", "Poppins", sans-serif;--border-radius-lg: 4px;--border-radius-md: 4px;--shadow-md: none;--shadow-lg: none}body{font-family:var(--font-family-main);background-color:var(--background-color-main);color:var(--text-color-primary);margin:0;font-size:14px;line-height:1.6}.content-card{max-width:800px;width:100%;margin:0 auto;background-color:var(--background-color-card);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.content-card-header{background-color:var(--app-header-bg-color);color:var(--text-color-light);padding:20px;text-align:center}.content-card-header .header-logo{max-height:70px;width:auto;margin-bottom:10px;filter:drop-shadow(0px 0px 8px rgba(255,255,255,.7))}.content-card-header .school-name{margin:0;font-size:1.5em;font-weight:600}.content-card-header .school-address{margin:4px 0 0;font-size:.9em;opacity:.9}.content-card-body{padding:25px 30px 30px}.content-card-body .module-title{text-align:center;color:var(--text-color-primary);margin-top:0;margin-bottom:5px;font-size:1.5em;font-weight:600}.content-card-body .module-subtitle{text-align:center;font-size:.9em;color:var(--text-color-secondary);margin-bottom:25px}.spinner{display:inline-block;width:1em;height:1em;vertical-align:text-bottom;border:.2em solid currentColor;border-right-color:transparent;border-radius:9999px;animation:spinner-border .75s linear infinite;margin-left:8px}@keyframes spinner-border{to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;text-decoration:none;transition:background-color .2s,transform .1s}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:var(--primary-color);color:var(--text-color-light)}.btn-primary:hover:not(:disabled){background-color:var(--primary-color-dark)}.btn-secondary{background-color:var(--secondary-color);color:var(--text-color-light)}.btn-secondary:hover:not(:disabled){background-color:var(--secondary-color-dark)}.btn-sm{padding:.4rem .8rem;font-size:.8rem}.text-danger{color:var(--danger-color)}.bg-accent{background-color:var(--primary-color);color:var(--text-color-light)}.bg-accent-soft{background-color:var(--primary-color-light)}.text-accent{color:var(--primary-color)}.border-accent{border-color:var(--primary-color)!important}.badge-accent-light{background-color:var(--primary-color-light);color:var(--primary-color-dark)}.badge-accent-dark{background-color:var(--primary-color);color:var(--text-color-light);border:1px solid var(--primary-color-light)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.admin-container{max-width:800px;margin:20px auto;background-color:var(--background-color-card);padding:30px;border-radius:12px;box-shadow:var(--shadow-md)}.admin-container h1{text-align:center;color:var(--primary-color);margin-bottom:30px}.form-section{margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid var(--border-color-light)}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h2{font-size:1.3em;margin-top:0;margin-bottom:15px;color:var(--text-color-primary)}.form-group{margin-bottom:15px}.form-group label{display:block;font-weight:500;margin-bottom:5px;font-size:.9em}.form-group input[type=text],.form-group input[type=file],.form-group input[type=password],.form-group select{width:100%;padding:10px;border-radius:8px;border:1px solid #ccc;box-sizing:border-box}.form-group input[type=color]{width:100%;height:45px;padding:5px;border-radius:8px;border:1px solid #ccc;box-sizing:border-box}.logo-preview{margin-top:10px;max-width:120px;max-height:120px;border:1px solid var(--border-color-light);border-radius:8px;padding:5px}.admin-actions{text-align:center;margin-top:30px}.btn-save{background-color:var(--success-color);color:var(--text-color-light);padding:12px 30px;border:none;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:background-color .3s}.btn-save:hover:not(:disabled){background-color:#1f7a34}.btn-save:disabled{background-color:#9ca3af;cursor:not-allowed}details>summary{list-style:none;cursor:pointer}details>summary::-webkit-details-marker{display:none}details summary h2{display:inline-flex;align-items:center}details summary h2:after{content:"▶";font-size:.7em;margin-left:10px;transition:transform .2s}details[open] summary h2:after{transform:rotate(90deg)}main#app-content .module-title{font-size:24px!important;font-weight:600;color:var(--text-color-primary);margin:0 0 15px;padding-bottom:0;border-bottom:none}:root{--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-full: 9999px;--shadow-sm: 0 2px 4px rgba(0,0,0,.05);--shadow-md: 0 4px 15px rgba(0,0,0,.07);--shadow-lg: 0 8px 25px rgba(0,0,0,.1)}@media (max-width: 768px){:root{--safe-area-bottom: 80px}body{padding-bottom:var(--safe-area-bottom)}}