*{box-sizing:border-box;margin:0;padding:0}:root{--orange: #cca300;--orange-light: #e0c04d;--orange-dark: #983400;--warning: #c76639;--success: #a2b4b4;--charcoal: #253238;--charcoal-soft: #1c2529;--cream: #f6f5f3;--beige: #ebebee;--beige-deep: #c7c7cf;--text: #253238;--text-muted: #767c85;--border: #dcdce2;--white: #ffffff;--bg: #f8f7f5;--shadow: 0 10px 30px -12px rgba(37, 50, 56, .2);--shadow-sm: 0 4px 14px -6px rgba(37, 50, 56, .14)}html,body,#root{height:100%}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text)}.app{height:100vh;display:flex;flex-direction:column;overflow:hidden}.header{background:var(--charcoal);color:#fff;padding:0 24px;height:58px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;position:relative;z-index:5;box-shadow:0 2px 16px #0000002e}.header-left{display:flex;align-items:center;gap:14px}.header-logo{height:40px;width:auto;display:block;filter:brightness(0) invert(1)}.header-context{display:flex;align-items:center;background:#b9b9c31f;border:1px solid rgba(185,185,195,.35);border-radius:20px;padding:3px 4px 3px 12px}.context-field{background:transparent;border:none;color:var(--white);font-size:12px;font-weight:500;letter-spacing:.3px;padding:3px 8px;border-radius:16px;cursor:pointer}.context-field:hover{background:#ffffff14}.context-field option{color:var(--charcoal)}.context-static{cursor:default}.context-static:hover{background:transparent}.context-divider{width:1px;height:14px;background:#b9b9c359;margin:0 2px}.header-right{display:flex;align-items:center;gap:10px}.header-divider{width:1px;height:22px;background:#b9b9c34d}.admin-menu{position:relative}.admin-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:168px;background:var(--white);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);padding:6px;display:flex;flex-direction:column;gap:2px;z-index:20}.admin-menu-item{background:transparent;border:none;color:var(--text);text-align:left;padding:8px 10px;border-radius:7px;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer}.admin-menu-item:hover{background:var(--bg)}.admin-menu-item-active{color:var(--orange-dark);background:#cca3001a}.admin-menu-item-active:hover{background:#cca30029}.layout{display:flex;flex:1;overflow:hidden}.sidebar{width:224px;background:var(--white);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{padding:14px 16px 11px;border-bottom:1px solid var(--border);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted)}.student-list{flex:1;overflow-y:auto;padding:8px}.student-item{padding:9px 12px 9px 9px;border-radius:8px;cursor:pointer;font-size:13px;line-height:1.3;border-left:3px solid transparent;transition:background .15s,border-color .15s,color .15s}.student-item:hover{background:var(--beige)}.student-item.active{background:var(--beige);color:var(--charcoal);font-weight:600;border-left-color:var(--orange)}.main{flex:1;overflow-y:auto;padding:24px 26px 40px;scroll-behavior:smooth}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70%;color:var(--text-muted);text-align:center;gap:8px}.empty-state .icon{font-size:44px}.empty-state p{font-size:15px;font-weight:500}.empty-state .hint{font-size:12px;opacity:.7}.reveal{opacity:0;transform:translateY(22px);transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1)}.reveal-visible{opacity:1;transform:translateY(0)}.student-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.student-name-block .name{font-size:24px;font-weight:800;color:var(--charcoal);line-height:1.2}.student-name-block .sub{font-size:12px;color:var(--text-muted);margin-top:4px;letter-spacing:.3px}.action-btns{display:flex;gap:8px;align-items:center}.btn{padding:8px 18px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;border:none;transition:all .15s;font-family:inherit;letter-spacing:.4px}.btn-save{background:var(--charcoal);color:#fff}.btn-save:hover{background:var(--charcoal-soft)}.btn-export{background:var(--orange);color:var(--charcoal)}.btn-export:hover{background:var(--orange-light)}.overall-card{background:var(--charcoal);color:#fff;border-radius:12px;padding:20px 26px;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;box-shadow:var(--shadow)}.overall-left .overall-label{font-size:10px;opacity:.7;text-transform:uppercase;letter-spacing:1.5px;font-weight:700}.overall-left .overall-value{font-size:42px;font-weight:800;line-height:1;margin-top:6px;letter-spacing:-1px}.overall-right{text-align:right;position:relative;z-index:1}.overall-right .level-num{font-size:58px;font-weight:800;line-height:1;color:var(--orange);letter-spacing:-2px}.overall-right .level-text{font-size:12px;opacity:.75;margin-top:2px}.caps-legend{background:var(--white);border-radius:14px;border:1px solid var(--border);padding:14px 16px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.caps-legend-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:10px}.caps-table{display:flex;gap:6px}.caps-cell{flex:1;text-align:center;padding:8px 3px;border-radius:9px;transition:transform .2s}.caps-cell:hover{transform:translateY(-3px)}.caps-cell .c-num{font-size:18px;font-weight:800;color:#fff;line-height:1}.caps-cell .c-pct{font-size:9px;color:#ffffffd9;margin-top:2px;line-height:1}.caps-cell .c-lbl{font-size:8px;color:#fffc;font-weight:700;margin-top:3px;text-transform:uppercase;letter-spacing:.3px}.subject-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tab-btn{background:var(--white);border:1.5px solid var(--border);border-left:3px solid transparent;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:700;color:var(--charcoal-soft);cursor:pointer;transition:border-color .15s,color .15s,background .15s;font-family:inherit}.tab-btn:hover{border-color:var(--orange);color:var(--orange-dark)}.tab-btn.active{background:var(--beige);color:var(--charcoal);border-color:var(--border);border-left-color:var(--orange)}.subject-card{background:var(--white);border-radius:10px;border:1px solid var(--border);overflow:hidden;margin-bottom:16px;box-shadow:var(--shadow-sm)}.card-header{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--cream)}.card-title{font-weight:800;font-size:15px;color:var(--charcoal)}.level-badge{padding:4px 11px;border-radius:20px;font-size:11px;font-weight:700;color:#fff;white-space:nowrap}.card-body{padding:16px 18px}.group-row{margin-bottom:16px}.group-row:last-child{margin-bottom:0}.group-label{font-size:12px;font-weight:700;color:var(--text);margin-bottom:7px}.task-list{display:flex;flex-direction:column;gap:8px}.task-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 12px;background:var(--cream);border:1px solid var(--border);border-radius:8px}.task-desc{font-size:12.5px;line-height:1.4;color:var(--text);flex:1}.mark-field{display:flex;align-items:center;gap:5px;flex-shrink:0}.mark-field input{width:50px;padding:7px 4px;border:1.5px solid var(--border);border-radius:8px;font-size:14px;font-weight:700;text-align:center;transition:border-color .15s,background .15s,box-shadow .15s;background:#fff;font-family:inherit;color:var(--text)}.mark-field input:focus{outline:none;border-color:var(--orange);background:#fff;box-shadow:0 0 0 3px #a86e4e24}.mark-field input:hover:not(:focus){border-color:#d8c9b0}.mark-field input[type=number]::-webkit-inner-spin-button,.mark-field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.mark-field input[type=number]{-moz-appearance:textfield}.mark-max{font-size:11px;font-weight:700;color:var(--text-muted);white-space:nowrap}.group-percent{display:flex;align-items:baseline;justify-content:flex-end;gap:8px;margin-top:8px}.group-percent label{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.avg-value{font-size:18px;font-weight:800;color:var(--orange-dark);line-height:1}.subject-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.subject-footer .pct{font-size:16px;font-weight:800;color:var(--charcoal)}.comment-label{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:14px 0 6px}.comment-area{width:100%;resize:vertical;min-height:62px;max-height:150px;padding:8px 10px;border:1.5px solid var(--border);border-radius:9px;font-size:12px;font-family:inherit;color:var(--text);background:var(--cream);transition:border-color .15s,background .15s,box-shadow .15s;line-height:1.5}.comment-area:focus{outline:none;border-color:var(--orange);background:#fff;box-shadow:0 0 0 3px #a86e4e24}.comment-field{display:flex;flex-direction:column}.comment-generate-row{display:flex;align-items:center;gap:10px;margin-top:8px}.btn-generate{padding:6px 14px;border-radius:8px;border:1.5px solid var(--orange);background:transparent;color:var(--orange);font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.3px;cursor:pointer;transition:background .15s,color .15s,opacity .15s}.btn-generate:hover:not(:disabled){background:var(--orange);color:#fff}.btn-generate:disabled{opacity:.4;cursor:not-allowed}.gen-indicator{font-size:11px;font-weight:600;color:#37504f}.gen-error{font-size:11px;font-weight:600;color:var(--orange-dark)}.gen-preview{margin-top:10px;padding:10px 12px;background:var(--beige);border:1.5px solid var(--beige-deep);border-radius:9px;font-size:12px;line-height:1.6;color:var(--text);font-style:italic}.general-card{background:var(--white);border-radius:10px;border:1px solid var(--border);padding:18px;margin-bottom:24px;box-shadow:var(--shadow-sm)}.general-card-title{font-size:15px;font-weight:800;color:var(--charcoal);margin-bottom:12px}.status-toast{position:fixed;bottom:22px;right:24px;background:var(--charcoal);color:#fff;padding:10px 18px;border-radius:10px;font-size:12px;font-weight:700;box-shadow:var(--shadow);z-index:100;animation:toast-in .3s cubic-bezier(.16,1,.3,1)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.login-screen{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--charcoal);padding:20px}.login-card{background:var(--white);border-radius:12px;padding:32px 30px;width:100%;max-width:360px;box-shadow:var(--shadow)}.login-logo{height:34px;width:auto;display:block;margin-bottom:20px}.login-title{font-size:13px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:18px}.login-label{display:block;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:12px 0 6px}.login-card input{width:100%;padding:9px 12px;border:1.5px solid var(--border);border-radius:9px;font-size:14px;font-family:inherit;background:var(--cream);color:var(--text);transition:border-color .15s,background .15s,box-shadow .15s}.login-card input:focus{outline:none;border-color:var(--orange);background:#fff;box-shadow:0 0 0 3px #a86e4e24}.login-error{margin-top:12px;font-size:12px;font-weight:600;color:#c0392b;background:#c0392b14;border-radius:8px;padding:8px 10px}.login-hint{margin:-8px 0 4px;font-size:12px;color:var(--text-muted);line-height:1.4}.login-signout{display:block;margin:14px auto 0;background:none;border:none;color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;text-decoration:underline}.logout-btn{background:transparent;border:1px solid rgba(185,185,195,.4);color:#fff;padding:6px 14px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:border-color .15s,color .15s}.logout-btn:hover{border-color:var(--orange);color:var(--orange)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--beige-deep);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--orange-light)}.checklist-card{background:var(--white);border-radius:10px;box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:16px}.checklist-card-header{display:flex;align-items:center;gap:10px;padding:14px 18px 12px;border-bottom:1px solid var(--border)}.checklist-subject-name{font-size:13.5px;font-weight:700;color:var(--charcoal)}.checklist-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:var(--beige);color:var(--orange-dark);border:1px solid var(--beige-deep);border-radius:20px;padding:2px 8px}.checklist-group{padding:12px 18px 4px;border-bottom:1px solid var(--border)}.checklist-group:last-child{border-bottom:none;padding-bottom:12px}.checklist-group-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:8px}.checklist-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--border)}.checklist-row:last-child{border-bottom:none}.checklist-skill-label{font-size:12px;color:var(--text);flex:1;line-height:1.4}.checklist-select{flex-shrink:0;min-width:130px;font-size:12px;font-weight:600;font-family:inherit;padding:4px 8px;border-radius:8px;border:1.5px solid var(--border);background:var(--cream);color:var(--text-muted);cursor:pointer;outline:none;transition:border-color .15s}.checklist-select:focus{border-color:var(--orange-light)}.overview-container{flex:1;overflow-y:auto;padding:24px;background:var(--bg)}.overview-grade-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.overview-grade-btn{background:var(--beige);border:1px solid var(--border);border-radius:20px;padding:5px 16px;font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .15s}.overview-grade-btn.active,.overview-grade-btn:hover{background:var(--orange);border-color:var(--orange);color:#fff}.overview-loading{color:var(--text-muted);padding:40px 0;text-align:center}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.overview-card{background:var(--white);border-radius:10px;padding:20px 22px;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.overview-card-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--charcoal);margin-bottom:14px}.overview-card-sub{font-size:12px;color:var(--text-muted);margin:10px 0 6px}.overview-progress-summary{margin-bottom:10px}.progress-count{font-size:32px;font-weight:700;color:var(--orange);line-height:1}.progress-total{font-size:15px;color:var(--text-muted)}.completion-list{list-style:none;display:flex;flex-direction:column;gap:5px}.completion-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text)}.completion-item.pending{color:var(--orange-dark)}.completion-icon{font-size:12px;width:14px;flex-shrink:0}.overview-all-done{font-size:13px;color:#37504f;font-weight:500}.overview-empty{font-size:13px;color:var(--text-muted);padding:8px 0}.traffic-list{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.traffic-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.traffic-label{font-size:13px;color:var(--text);flex:1}.traffic-right{display:flex;align-items:center;gap:8px}.traffic-pct{font-size:13px;font-weight:600;color:var(--text);min-width:44px;text-align:right}.traffic-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.traffic-legend{display:flex;gap:12px;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:10px;margin-top:4px}.traffic-legend span{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-muted)}.legend-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.leaders-list{list-style:none;display:flex;flex-direction:column;gap:10px}.leaders-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--bg);border-radius:8px;font-size:13px}.leaders-rank{width:22px;height:22px;border-radius:50%;background:var(--orange);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.leaders-name{flex:1;color:var(--text);font-weight:500}.leaders-pct{font-weight:700;color:var(--orange)}.weights-panel{flex:1;overflow-y:auto;padding:24px 28px 48px;background:var(--bg)}.weights-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.weights-panel-title{font-size:22px;font-weight:800;color:var(--charcoal);line-height:1.2}.weights-panel-subtitle{font-size:12px;color:var(--text-muted);margin-top:4px}.weights-subjects{display:flex;flex-direction:column;gap:20px}.weights-subject-card{background:var(--white);border-radius:10px;border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow-sm)}.weights-subject-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 12px;border-bottom:1px solid var(--border);background:var(--cream)}.weights-subject-name{font-weight:800;font-size:15px;color:var(--charcoal)}.weights-reset-btn{background:none;border:1px solid var(--border);border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;color:var(--text-muted);cursor:pointer;font-family:inherit;transition:border-color .15s,color .15s}.weights-reset-btn:hover{border-color:var(--orange-light);color:var(--orange-dark)}.weights-table{width:100%;border-collapse:collapse;font-size:13px}.weights-table thead tr{border-bottom:1px solid var(--border)}.weights-table th{padding:9px 16px;text-align:left;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);background:var(--cream)}.weights-table tbody tr{border-bottom:1px solid var(--border);transition:background .12s}.weights-table tbody tr:last-child{border-bottom:none}.weights-table tbody tr:hover{background:var(--bg)}.weights-table tbody tr.wt-row-changed{background:#a86e4e0d}.weights-table td{padding:10px 16px;vertical-align:middle}.wt-col-label{color:var(--text);font-weight:500;width:45%}.wt-col-weight{width:130px}.wt-col-pct{width:120px;color:var(--text-muted)}.wt-col-schema{width:130px;color:var(--text-muted);font-size:12px}.weight-input{width:80px;padding:6px 8px;border:1.5px solid var(--border);border-radius:8px;font-size:14px;font-weight:700;text-align:center;font-family:inherit;color:var(--text);background:var(--cream);transition:border-color .15s,box-shadow .15s,background .15s}.weight-input:focus{outline:none;border-color:var(--orange);background:#fff;box-shadow:0 0 0 3px #a86e4e24}.weight-input:hover:not(:focus){border-color:var(--beige-deep)}.weight-input[type=number]::-webkit-inner-spin-button,.weight-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.weight-input[type=number]{-moz-appearance:textfield}.wt-pct-value{font-weight:700;color:var(--orange-dark)}.wt-schema-val{font-weight:600;color:var(--text-muted)}.wt-schema-diff{color:var(--charcoal);text-decoration:line-through;opacity:.55}.wt-schema-none{opacity:.4}.weights-table tfoot .wt-total-row td{border-top:2px solid var(--border);padding-top:10px;background:var(--cream)}.wt-total-row .wt-col-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.wt-total-val{font-size:15px;font-weight:800;color:var(--charcoal)}.wt-total-zero .wt-total-val{color:var(--orange-dark)}.wt-zero-warn{font-size:11px;font-weight:600;color:var(--orange-dark)}.wt-formula-note{padding:10px 16px;font-size:11px;color:var(--text-muted);background:var(--cream);border-top:1px solid var(--border);font-style:italic}.group-weight-badge{display:inline-block;margin-left:7px;padding:1px 7px;background:var(--beige);border:1px solid var(--beige-deep);border-radius:10px;font-size:10px;font-weight:700;color:var(--text-muted);letter-spacing:.2px;vertical-align:middle}.group-section-badge{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:10px;font-size:10px;font-weight:700;letter-spacing:.2px;vertical-align:middle}.group-section-sba{background:#a2b4b440;border:1px solid var(--success);color:#37504f}.group-section-exam{background:#c7663929;border:1px solid var(--warning);color:var(--warning)}.wt-col-section{width:90px}.wt-section-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:54px;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:700;cursor:pointer;border:1.5px solid transparent;font-family:inherit;transition:all .15s}.wt-section-sba{background:#a2b4b440;border-color:var(--success);color:#37504f}.wt-section-exam{background:#c7663929;border-color:var(--warning);color:var(--warning)}.wt-section-sba:hover,.wt-section-exam:hover{filter:brightness(.92)}.wt-section-changed{outline:2px solid var(--orange);outline-offset:1px}.wt-label-input{width:100%;min-width:160px;text-align:left;font-weight:600}.wt-col-active{width:90px}.wt-active-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:68px;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:700;cursor:pointer;border:1.5px solid transparent;font-family:inherit;transition:all .15s}.wt-active-toggle-on{background:#a2b4b440;border-color:var(--success);color:#37504f}.wt-active-toggle-off{background:#c739391f;border-color:#c73939;color:#c73939}.wt-active-toggle:hover{filter:brightness(.94)}.weights-table tbody tr.wt-row-disabled{opacity:.5}.weights-table tbody tr.wt-row-disabled .weight-input,.weights-table tbody tr.wt-row-disabled .wt-section-toggle{cursor:not-allowed}.logout-btn.logout-btn-active{background:transparent;border-color:var(--orange);color:var(--orange)}.incomplete-list{display:flex;flex-direction:column;gap:8px}.incomplete-item{padding:7px 10px;background:var(--bg);border-radius:8px}.incomplete-name{font-size:13px;font-weight:600;color:var(--text);margin-bottom:2px}.incomplete-subjects{font-size:11px;color:#c62828}.superuser-splash{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f0;display:flex;align-items:center;justify-content:center;z-index:9999;cursor:pointer}.superuser-splash-content{text-align:center;cursor:default}.superuser-splash-text{font-size:clamp(2.5rem,8vw,5rem);font-weight:800;color:#fff;letter-spacing:-.02em;margin-bottom:2.5rem;line-height:1.1}.superuser-splash-subtext{font-size:1.1rem;font-weight:500;color:#ffffffb3;margin-top:-1.75rem;margin-bottom:2.5rem}.superuser-splash-btn{font-size:1rem;font-weight:600;padding:.75rem 2.5rem;background:#fff;color:#000;border:none;border-radius:.5rem;cursor:pointer;transition:opacity .15s}.superuser-splash-btn:hover{opacity:.85}.ap-wrapper{position:fixed;bottom:1.5rem;left:1.5rem;z-index:1000;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.ap-toggle{width:2.75rem;height:2.75rem;border-radius:50%;background:#1a1a2e;color:#fff;border:none;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000040;transition:background .15s}.ap-toggle:hover{background:#16213e}.ap-panel{width:380px;height:520px;background:#fff;color:#1f2937;border-radius:.75rem;box-shadow:0 8px 32px #00000040;display:flex;flex-direction:column;overflow:hidden;order:-1}.ap-tabs{display:flex;border-bottom:1px solid #e5e7eb;flex-shrink:0}.ap-tab-btn{flex:1;padding:.75rem;background:none;border:none;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;transition:color .15s}.ap-tab-btn.active{color:#1a1a2e;border-bottom-color:#1a1a2e}.ap-tab-content{flex:1;display:flex;flex-direction:column;gap:.5rem;padding:.75rem;overflow:hidden}.ap-grade-select{width:100%;padding:.375rem .5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;flex-shrink:0}.ap-loading,.ap-empty{font-size:.8rem;color:#9ca3af;padding:.5rem 0}.ap-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem}.ap-row{display:flex;align-items:center;justify-content:space-between;padding:.375rem .5rem;border-radius:.375rem;background:#f9fafb;color:#111827;font-size:.8rem}.ap-row-inactive{opacity:.45}.ap-row-name{flex:1}.ap-action-btn{font-size:.7rem;padding:.2rem .5rem;background:#1a1a2e;color:#fff;border:none;border-radius:.25rem;cursor:pointer;flex-shrink:0}.ap-action-btn:hover{opacity:.85}.ap-add-form{display:flex;gap:.375rem;flex-shrink:0;flex-wrap:wrap}.ap-input{flex:1;min-width:80px;padding:.375rem .5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.8rem}.ap-submit-btn{padding:.375rem .75rem;background:#1a1a2e;color:#fff;border:none;border-radius:.375rem;font-size:.8rem;cursor:pointer}.ap-submit-btn:hover{opacity:.85}.ap-status{font-size:.75rem;color:#16a34a;flex-shrink:0}.ap-coming-soon{color:#9ca3af;font-size:.8rem;justify-content:center;align-items:center}.ap-user-row{display:flex;align-items:flex-start;justify-content:space-between;padding:.5rem .6rem;border-radius:.375rem;background:#f9fafb;color:#111827;font-size:.78rem;gap:.5rem;border:1px solid #e5e7eb}.ap-user-info{flex:1;min-width:0}.ap-user-name,.ap-user-email{font-size:.78rem;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem}.ap-user-info .ap-user-email{font-weight:400;font-size:.7rem;color:#6b7280}.ap-chips{display:flex;flex-wrap:wrap;gap:.2rem}.ap-chip{font-size:.65rem;padding:.1rem .35rem;background:#e5e7eb;border-radius:.25rem;color:#374151}.ap-chip-admin{background:#dbeafe;color:#1d4ed8}.ap-chip-super{background:#fef3c7;color:#92400e}.ap-chip-disabled{background:#fee2e2;color:#b91c1c}.ap-user-actions{display:flex;flex-direction:column;gap:.25rem;flex-shrink:0}.ap-action-danger{background:#dc2626}.ap-action-danger:hover{opacity:.85}.ap-user-edit{display:flex;flex-direction:column;gap:.375rem;width:100%}.ap-grade-checks{display:flex;flex-wrap:wrap;gap:.25rem}.ap-grade-check{display:flex;align-items:center;gap:.2rem;font-size:.7rem;cursor:pointer}.ap-admin-toggle{display:flex;align-items:center;gap:.3rem;font-size:.75rem;cursor:pointer}.ap-edit-btns{display:flex;gap:.375rem}.ap-cancel-btn{padding:.375rem .75rem;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:.375rem;font-size:.8rem;cursor:pointer}.ap-add-user-form{display:flex;flex-direction:column;gap:.375rem;flex-shrink:0;border-top:1px solid #e5e7eb;padding-top:.5rem}.group-row-missed .task-list,.group-row-missed .group-percent{opacity:.4}.missed-btn{margin-left:10px;padding:2px 10px;font-size:11px;font-weight:500;border-radius:12px;border:1px solid var(--warning);color:var(--warning);background:transparent;cursor:pointer;transition:background .15s,color .15s;vertical-align:middle}.missed-btn:hover{background:#c766391f}.missed-btn-active{background:var(--warning);color:#fff;border-color:var(--warning)}.missed-btn-active:hover{background:#a8552e;border-color:#a8552e}.missed-banner{background:#c766391f;border:1px solid var(--warning);color:var(--warning);border-radius:6px;padding:7px 14px;font-size:13px;margin:8px 0 4px}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.confirm-modal{background:#fff;border-radius:12px;padding:28px 24px 20px;max-width:400px;width:90%;box-shadow:0 12px 40px #00000038}.confirm-title{font-size:17px;font-weight:600;color:var(--text);margin-bottom:10px}.confirm-body{font-size:14px;color:var(--text-muted);line-height:1.55;margin-bottom:22px}.confirm-actions{display:flex;justify-content:flex-end;gap:10px}.btn-cancel{padding:8px 18px;border-radius:7px;border:1px solid var(--border);background:var(--white);color:var(--text);cursor:pointer;font-size:14px;font-family:inherit}.btn-cancel:hover{background:var(--beige)}.btn-confirm{padding:8px 18px;border-radius:7px;border:none;background:var(--orange-dark);color:#fff;cursor:pointer;font-size:14px;font-weight:500;font-family:inherit}.btn-confirm:hover{background:#7a2a00}