@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=DM+Serif+Display:ital@0;1&display=swap";:root{--background-color: #c1c3c7;--shadow-light-color: #d6d6d6;--shadow-dark-color: #9398a1;--text-color: #181b2a;--primary-color: #ffffff;--inverse-primary-color: #181b2a;--accent-color: #468fe2;--positive-color: #4caf50;--warning-color: #ff9800;--negative-color: #d62341}[data-theme=dark]{--background-color: #181b2a;--shadow-light-color: #25293b;--shadow-dark-color: #0e101a;--text-color: #dcdfe4;--primary-color: #e0e0e0;--inverse-primary-color: #181b2a;--accent-color: #2377d6}*{box-sizing:border-box;margin:0;padding:0;border:none;outline:none;background:none;color:var(--text-color)}body{background:var(--background-color);color:var(--text-color);font-family:DM Sans,sans-serif;font-size:16px;text-align:left;text-decoration:none}h1,h2,h3,h4,h5,h6{margin-bottom:5px;font-family:"DM Serif Display",serif;font-weight:600}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}[data-theme=dark] select{background-color:var(--inverse-primary-color);color:var(--primary-color)}.neuromorphic{box-shadow:-5px -5px 10px var(--shadow-light-color),5px 5px 10px var(--shadow-dark-color);border-radius:10px}.neuromorphic-inset{box-shadow:inset -5px -5px 10px var(--shadow-light-color),inset 5px 5px 10px var(--shadow-dark-color);border-radius:10px}.btn-positive{background-color:var(--positive-color);color:var(--inverse-primary-color)}.btn-negative{background-color:var(--negative-color);color:var(--inverse-primary-color)}.btn-warning{background-color:var(--warning-color);color:var(--inverse-primary-color)}.btn-accent{background-color:var(--accent-color);color:var(--inverse-primary-color)}.app main button,.app main a,select{cursor:pointer}.app{display:flex;flex-direction:column;align-items:center}.app main{max-width:600px;width:100%}.accent-border{border-left:5px solid var(--accent-color);border-right:5px solid var(--accent-color)}nav{width:100%;padding:10px 20px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:60px;background:var(--accent-color);box-shadow:0 5px 10px var(--shadow-dark-color)}nav header h1{margin-bottom:0;font-size:24pt;color:var(--text-color)}nav header p{margin-bottom:5px;font-size:12pt;color:var(--inverse-primary-color);font-style:italic}nav button{padding:5px 10px;border-radius:25px;background:var(--primary-color);color:var(--inverse-primary-color);font-size:12pt;cursor:pointer}nav .nav-link{padding:5px 10px;border-radius:25px;background:var(--primary-color);color:var(--inverse-primary-color);font-size:12pt;margin:0 5px;text-decoration:none}.add-class-form{padding:20px;margin-bottom:40px}.add-class-form input{padding:5px 10px}.add-class-form select{padding:5px 10px;margin-left:10px}.add-class-form button{padding:5px 10px;margin-left:10px;background-color:var(--accent-color);color:var(--inverse-primary-color)}.class-tabs{padding:20px;margin-bottom:40px}.class-tabs div{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;align-items:center}.class-tabs div div{padding:10px;display:flex;flex-direction:column;justify-content:space-between;height:100%}.class-tabs div div button{padding:5px;border-radius:5px;font-size:10pt;width:100%;background:var(--primary-color);color:var(--inverse-primary-color);transition:all .15s ease-out}.class-tabs div div button:hover{background:var(--accent-color)}.class-tabs div div button.active{background-color:var(--accent-color)}.class-tabs div div span{width:100%;display:flex;flex-direction:row;justify-content:space-between;gap:5px}.class-tabs div div span button{font-size:8pt;font-weight:lighter;text-transform:uppercase}.table-container{padding:20px;margin-bottom:40px}.table-container table{padding:10px;margin:10px 0;width:100%;border-collapse:collapse;border-radius:10px;overflow:hidden}.table-container table th{padding:10px;font-weight:500}.table-container table td{padding:0 10px;font-size:10pt;font-family:DM Sans,sans-serif;box-shadow:inset -5px -5px 10px var(--shadow-light-color),inset 5px 5px 10px var(--shadow-dark-color);border-radius:0}.table-container button{padding:5px 10px;margin:5px 5px 10px 0;background-color:var(--accent-color);color:var(--inverse-primary-color)}.table-container td button{padding:2px 5px;font-size:8pt;font-weight:lighter;text-transform:uppercase;text-decoration:underline;border-radius:5px;background:transparent;color:var(--text-color)}.table-container p{padding:5px 10px;margin:5px 0 15px;width:fit-content}.predict-next-grade{padding:20px}.predict-next-grade input,.predict-next-grade select{padding:5px 10px;margin:10px}.category-weighted-class{padding:20px;margin-bottom:40px}.category-weighted-class ul{padding:10px;margin:10px 0;list-style:none}.category-weighted-class ul li{margin-bottom:5px;display:flex;justify-content:space-between;align-items:center}.category-weighted-class ul li button{padding:2px 5px;font-size:8pt;font-weight:lighter;text-transform:uppercase;text-decoration:underline;border-radius:5px;background:transparent}.category-weighted-class button{padding:5px 10px;margin:5px 5px 10px 0;background-color:var(--accent-color);color:var(--inverse-primary-color)}.category-weighted-class p{padding:5px 10px;margin:5px 0 15px;width:fit-content}.backup-restore,.grade-scale{padding:20px;margin-top:40px;margin-bottom:40px}.backup-restore button,.grade-scale input{margin-top:10px;margin-right:10px}.backup-restore input{padding:5px 10px}.json-editor-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.json-editor-popup{background:var(--background-color);padding:20px;width:80%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;border:1px solid var(--text-color);box-shadow:none}.json-editor-popup h3{margin-bottom:15px}.json-editor-container{position:relative;margin-bottom:15px}.copy-button{position:absolute;top:10px;right:10px;z-index:10;padding:5px 10px;font-size:12px;cursor:pointer;border:none;transition:all .2s ease}.copy-button:hover{background-color:var(--positive-color);transform:scale(1.05)}.json-editor-popup textarea{width:100%;padding:40px 10px 10px;font-family:monospace;font-size:14px;color:var(--text-color);background:transparent;resize:vertical;min-height:200px;overflow-y:auto}.json-error{color:var(--negative-color);margin-bottom:15px;font-weight:700;padding:10px;border-radius:5px;background-color:#d623411a}.json-editor-actions{display:flex;justify-content:flex-end;gap:10px}.json-editor-actions button{padding:8px 15px;cursor:pointer}.backup-restore-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.backup-restore button{margin-top:0}