@import"https://fonts.googleapis.com/css2?family=Cardo:wght@400;700&display=swap";:root{--color-or-antic: #faa633;--color-tinta: #373a36;--color-terracotta: #f35724;--color-llorer: #1dae9f;--color-saba: #8b966c;--color-marbre: #F9F9F9;--color-papir: #FFFFFF;--ombra-suau: 0 4px 6px -1px rgba(55, 58, 54, .1);--color-primary: var(--color-tinta);--color-secondary: var(--color-saba);--color-bg: var(--color-marbre);--color-text: var(--color-tinta);--color-danger: var(--color-terracotta);--color-success: var(--color-llorer);--color-info: var(--color-llorer)}body{background-color:var(--color-marbre);background-image:none;font-family:Roboto,sans-serif;color:var(--color-tinta)}h1,h2,h3,h4,h5,h6,.chronicle-title{font-family:Roboto,sans-serif;color:var(--color-tinta)}.panel{background-color:#ffffffbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.3);border-radius:1.25rem;box-shadow:0 8px 32px #2c3e501a}.panel h1,.panel h2,.panel h3,.panel h4,.panel h5,.panel h6{color:var(--color-tinta)}.dark .panel{background-color:#1e293bd9;border-color:#ffffff1a;color:var(--color-marbre)}[contenteditable=true]{outline:none;background-color:#ffffff80;padding:6px 10px;border-radius:8px;transition:all .2s ease-in-out}[contenteditable=true]:focus{background-color:#fff;transform:translateY(-1px);box-shadow:0 0 0 3px #2c3e5033}.btn{transition:all .2s ease-in-out;background-color:var(--color-secondary);color:#fff;border-radius:.5rem;padding:.5rem 1rem;font-weight:600}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8a966c4d;background-color:#76815b}.btn-danger{background-color:var(--color-danger)}.btn-danger:hover{background-color:#c0392b;box-shadow:0 4px 12px #e74c3c4d}.btn-ghost{background-color:transparent;color:var(--color-primary)}.btn-ghost:hover{background-color:#2837420d;box-shadow:none}.has-observation{color:var(--color-info)}.has-observation:hover{color:#3498db;text-shadow:0 0 8px rgba(52,152,219,.5)}#save-status{color:#6b7280;transition:opacity .5s ease-in-out,color .5s ease}#save-status.saved{color:#27ae60}#toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:100;display:flex;flex-direction:column;gap:.75rem}.toast{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:.75rem;color:#fff;font-weight:600;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translate(120%);opacity:0;animation:slideIn .3s forwards,fadeOut .5s 4.5s forwards}.toast.success{background-color:var(--color-success)}.toast.error{background-color:var(--color-danger)}.toast.info{background-color:var(--color-info)}@keyframes slideIn{to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;transform:translate(120%)}}.competency-selector{position:relative}.competency-menu{display:none;position:absolute;top:100%;left:0;z-index:20;background-color:#fff;border:1px solid #ccc;border-radius:.5rem;box-shadow:0 4px 12px #00000026;padding:.5rem;max-height:200px;overflow-y:auto;min-width:250px;text-align:left}.competency-menu.show{display:block}.competency-menu label{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:.25rem;cursor:pointer}.competency-menu label:hover{background-color:#f0f0f0}.dark body{background-color:#1a202c;background-image:linear-gradient(to bottom right,#1a202c,#2d3748);color:#e2e8f0}.dark .panel{background-color:#2d3748bf;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0003}.dark #nav-btn-gradebook.active,.dark #nav-btn-calendar.active{border-color:var(--color-secondary)!important;color:#fff!important}.dark .nav-button:not(.active):hover{color:#fff!important;border-color:#94a3b8!important}.dark .has-observation{color:#3b82f6!important}.dark .has-observation:hover{color:#60a5fa!important;text-shadow:0 0 8px rgba(96,165,250,.5)!important}.dark #save-status{color:#9ca3af!important}.dark #save-status.saved{color:#34d399!important}.dark header h1.text-\[\#2c3e50\],.dark h2#chronicle-name{color:#fff!important}.dark .panel label,.dark .panel h3,.dark .panel h4{color:#a0aec0!important}.dark input,.dark select,.dark textarea,.dark [contenteditable=true]{background-color:#2d3748!important;border-color:#4a5568!important;color:#e2e8f0!important}.dark .text-gray-500,.dark .text-gray-600{color:#cbd5e1!important}.dark .hover\:text-gray-800:hover{color:#fff!important}.dark .hover\:border-gray-400:hover{border-color:#94a3b8!important}.dark [contenteditable=true]:focus{background-color:#4a5568!important;box-shadow:0 0 0 3px #3b82f666}.dark #calendar-grid>div{background-color:#2d3748!important;border-color:#4a5568!important}.dark #calendar-grid .day{background-color:#1f2937!important}.dark #calendar-grid .day .font-bold{color:#fff!important}.dark #calendar-grid .add-event-btn{color:#9ca3af!important}.dark #calendar-grid .add-event-btn:hover{color:#3b82f6!important}.dark #prev-month-btn,.dark #next-month-btn{background-color:#4a5568!important}.dark #prev-month-btn:hover,.dark #next-month-btn:hover{background-color:#5a6678!important}.dark #prev-month-btn svg,.dark #next-month-btn svg{color:#fff!important}.dark #calendar-grid .event-item{background-color:#2563eb!important;color:#fff!important}.dark #event-modal input[type=text],.dark #event-modal select{background-color:#2d3748!important;border-color:#4a5568!important}.dark .competency-menu{background-color:#2d3748;border-color:#4a5568}.dark .competency-menu label:hover{background-color:#4a5568}.dark textarea#observation-text{background-color:#2d3748!important;color:#e2e8f0!important}.dark select option{background-color:#2d3748;color:#e2e8f0}.dark #table-container{background-color:#2d3748bf!important;border-color:#ffffff1a!important}:root{--font-cronica: "Cardo", serif}.clio-frieze{position:sticky;top:0;z-index:1000;width:100%;height:80px;background-color:var(--color-papir);border-bottom:3px solid var(--color-or-antic);box-shadow:var(--ombra-suau);display:flex;justify-content:space-between;align-items:center;padding:0 2rem;box-sizing:border-box;transition:all .3s ease}.frieze-identity{display:flex;flex-direction:column;justify-content:center}.frieze-group{font-family:Roboto,sans-serif!important;font-size:1.75rem;font-weight:700;color:var(--color-tinta);line-height:1.2}.frieze-period{font-family:Roboto,sans-serif;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-saba);font-weight:600}.frieze-stats{display:flex;align-items:center;gap:1.5rem;height:100%}.frieze-divider{width:1px;height:60%;background-color:#e2e8f0}.donut-chart-container{position:relative;width:50px;height:50px}.donut-chart{width:100%;height:100%;border-radius:50%;position:relative}.donut-hole{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;background-color:var(--color-papir);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Roboto,sans-serif;font-weight:700;font-size:.9rem;color:var(--color-tinta);box-shadow:inset 0 2px 4px #0000000d}.pillars-cluster{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;font-weight:500}.pillar-line{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.pillar-line.strength{color:var(--color-llorer)}.pillar-line.weakness{color:var(--color-terracotta)}.pillar-icon{font-size:1rem}.dark .clio-frieze{background-color:#1a202c;border-bottom-color:#d69e2e;box-shadow:0 4px 6px -1px #0000004d}.dark .frieze-group{color:#f7fafc}.dark .frieze-period{color:#cbd5e0}.dark .donut-hole{background-color:#1a202c;color:#f7fafc;box-shadow:inset 0 2px 4px #0003}.dark .frieze-divider{background-color:#4a5568}@media (max-width: 768px){.clio-frieze{height:auto;padding:.75rem 1rem;flex-wrap:wrap;gap:.5rem}.frieze-group{font-size:1.25rem}.frieze-stats{margin-left:auto}.pillars-cluster{font-size:.75rem}}#table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;background:#fff;max-width:100%}th.sticky,td.sticky{position:sticky;left:0;z-index:20;background-color:inherit}tbody td:first-child,thead th:first-child{position:sticky;left:0;z-index:30}#table-container td.sticky,#table-container th.sticky{box-shadow:2px 0 5px #0000000d}.panel{max-width:95vw!important;margin:0 auto}@media (min-width: 640px){.panel{max-width:32rem}#student-details-modal .panel{max-width:64rem}#quick-grade-modal .panel,#competencies-modal .panel{max-width:42rem}}@media (max-width: 640px){.panel{padding:1rem!important}h2#chronicle-name{font-size:1.25rem!important}.nav-button{padding:.5rem .75rem!important;font-size:.875rem!important}}.nav-button.active{background-color:var(--color-tinta);color:var(--color-marbre)!important;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.dark .nav-button.active{background-color:var(--color-llorer);color:#fff!important}#dashboard-container{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#student-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.student-card{background:#fffffff2;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:1px solid rgba(0,0,0,.05);overflow:hidden;position:relative;display:flex;flex-direction:column}.student-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-color:var(--color-secondary);z-index:10}.card-header{padding:1rem;background:linear-gradient(to right,#f8fafc,#fff);border-bottom:1px solid #f1f5f9;display:flex;align-items:center;gap:1rem}.student-avatar{width:3rem;height:3rem;border-radius:50%;background-color:#cbd5e1;display:flex;align-items:center;justify-content:center;font-weight:700;color:#475569;font-size:1.25rem;border:2px solid white;box-shadow:0 2px 4px #0000001a}.card-body{padding:1rem;flex-grow:1;display:flex;flex-direction:column;gap:1rem}.grade-progress-container{margin-top:auto}.progress-bar-bg{background-color:#e2e8f0;border-radius:9999px;height:.75rem;overflow:hidden;position:relative}.progress-bar-fill{height:100%;border-radius:9999px;transition:width 1s ease-out}.grade-badge{padding:.25rem .5rem;border-radius:.5rem;font-size:.75rem;font-weight:700;color:#fff;box-shadow:0 2px 4px #0000001a}.bg-grade-na{background:linear-gradient(135deg,var(--color-terracotta),#c0392b)}.bg-grade-an{background:linear-gradient(135deg,var(--color-or-antic),#d4881b)}.bg-grade-as{background:linear-gradient(135deg,#a3b18a,var(--color-saba))}.bg-grade-ae{background:linear-gradient(135deg,var(--color-llorer),#158f82)}.dark .student-card{background:#1e293be6;border:1px solid rgba(255,255,255,.1)}.dark .student-card:hover{border-color:var(--color-secondary);background:#1e293b}.dark .card-header{background:linear-gradient(to right,#1e293b,#0f172a);border-bottom-color:#334155}.dark .student-avatar{background-color:#475569;color:#e2e8f0;border-color:#1e293b}.dark .progress-bar-bg{background-color:#334155}.dark .text-gray-500{color:#cbd5e1!important}.dark .student-card h3{color:#f1f5f9!important}.dark .student-card p{color:#cbd5e1!important}.dark .student-card .text-gray-700{color:#e2e8f0!important}.dark #class-insights .panel h3{color:#cbd5e1!important}.dark #class-insights .panel .text-gray-800{color:#f1f5f9!important}.dark #student-details-modal .panel{background-color:#1e293b!important;color:#e2e8f0}.dark input[type=text],.dark input[type=number],.dark select,.dark textarea{background-color:#1e293b!important;color:#f1f5f9!important;border-color:#475569!important}.dark input::placeholder,.dark textarea::placeholder{color:#94a3b8!important}.dark .modal .panel,.dark #new-chronicle-modal .panel,.dark #observations-modal .panel,.dark #confirm-modal .panel,.dark #competencies-modal .panel,.dark #event-modal .panel,.dark #share-modal .panel,.dark #student-details-modal .panel{background-color:#1e293b!important;color:#f1f5f9!important;border:1px solid #334155!important}.dark .modal h3,.dark .modal h2{color:#f1f5f9!important}.dark th.sticky{z-index:10!important}.dark .status-menu,.dark .competency-menu{background-color:#1e293b!important;border-color:#475569!important;color:#f1f5f9!important}.dark .status-menu li:hover,.dark .competency-menu label:hover{background-color:#334155!important}.dark .btn-secondary,.dark .nav-button:hover{background-color:#334155!important;color:#fff!important}.dark .nav-button:not(.active){color:#cbd5e1!important}.dark #dashboard-container .panel{background-color:#1e293b!important;color:#f1f5f9!important}.dark ::-webkit-scrollbar{width:10px;height:10px}.dark ::-webkit-scrollbar-track{background:#0f172a}.dark ::-webkit-scrollbar-thumb{background:#475569;border-radius:5px}.dark ::-webkit-scrollbar-thumb:hover{background:#64748b}.dark #student-details-modal .bg-white,.dark #student-details-modal .bg-\[\#f8fafc\]{background-color:#1e293b!important;border-color:#334155!important}.dark #student-details-modal h2,.dark #student-details-modal h3,.dark #student-details-modal h4,.dark #student-details-modal .text-gray-800{color:#f1f5f9!important}.dark #student-details-modal .text-gray-600,.dark #student-details-modal .text-gray-500{color:#cbd5e1!important}.dark #student-details-modal .hover\:bg-gray-50:hover{background-color:#334155!important}.dark #student-details-modal .border-b{border-color:#334155!important}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:none;justify-content:center;align-items:center;z-index:9999!important;opacity:0;transition:opacity .3s ease}.modal.show{display:flex;opacity:1}th.sticky{z-index:10!important}.status-menu{z-index:20!important}.compact-toolbar{background:#fff;border-radius:1rem;box-shadow:0 2px 4px #0000000d}.dark .compact-toolbar{background:#1e293b}#new-chronicle-btn,#delete-chronicle-btn{display:flex!important;align-items:center!important;justify-content:center!important;padding:0 0 2px!important;line-height:normal!important;font-size:1.2rem}