:root{--brand:#4f46e5;--brand-light:#eef2ff;--brand-mid:#6366f1;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-400:#94a3b8;--slate-600:#475569;--slate-800:#1e293b;--green:#10b981;--red:#ef4444}body{font-family:Plus Jakarta Sans,sans-serif}.moora-page{max-width:1280px;margin:0 auto}.page-header{justify-content:space-between;align-items:flex-end;margin-bottom:2rem;display:flex}.page-header-left{flex-direction:column;gap:.25rem;display:flex}.page-badge{background:var(--brand-light);color:var(--brand);letter-spacing:.07em;text-transform:uppercase;border-radius:99px;align-items:center;gap:.4rem;width:fit-content;margin-bottom:.35rem;padding:.25rem .7rem;font-size:.7rem;font-weight:600;display:inline-flex}.page-badge svg{width:12px;height:12px}.page-title{color:var(--slate-800);font-size:1.6rem;font-weight:700;line-height:1.2}.page-subtitle{color:var(--slate-400);margin-top:.1rem;font-size:.85rem}.stats-row{gap:1rem;margin-bottom:1.75rem;display:flex}.stat-card{border:1px solid var(--slate-200);background:#fff;border-radius:14px;flex:1;align-items:center;gap:.85rem;padding:.9rem 1.25rem;display:flex}.stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.stat-icon svg{width:18px;height:18px}.stat-label{color:var(--slate-400);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:500}.stat-value{color:var(--slate-800);font-family:JetBrains Mono,monospace;font-size:1.4rem;font-weight:700;line-height:1}.main-card{border:1px solid var(--slate-200);background:#fff;border-radius:20px;box-shadow:0 1px 3px #0000000d,0 8px 24px #0000000a}.card-toolbar{border-bottom:1px solid var(--slate-100);background:var(--slate-50);justify-content:space-between;align-items:center;padding:1.1rem 1.5rem;display:flex}.toolbar-title{color:var(--slate-600);align-items:center;gap:.5rem;font-size:.82rem;font-weight:600;display:flex}.toolbar-title svg{width:15px;height:15px;color:var(--brand)}.toolbar-count{background:var(--brand-light);color:var(--brand);border-radius:99px;padding:.15rem .55rem;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:700}.student-row{border-bottom:1px solid var(--slate-100);align-items:stretch;transition:background .15s;display:flex}.student-row:last-child{border-bottom:none}.student-row:hover{background:#fafbff}.student-identity{border-right:1px solid var(--slate-100);flex-shrink:0;align-items:center;gap:.75rem;width:220px;padding:1.1rem 1.25rem;display:flex}.student-avatar{background:var(--brand-light);width:36px;height:36px;color:var(--brand);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:700;display:flex}.student-name{color:var(--slate-800);font-size:.83rem;font-weight:600;line-height:1.3}.student-index{color:var(--slate-400);font-family:JetBrains Mono,monospace;font-size:.7rem}.criteria-area{flex-wrap:wrap;flex:1;align-items:center;gap:.85rem;padding:1rem 1.25rem;display:flex}.criteria-block{flex-direction:column;gap:.35rem;min-width:190px;display:flex}.criteria-label{color:var(--slate-400);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:.7rem;font-weight:600;overflow:hidden}.moora-select{appearance:none;background-color:var(--slate-50);border:1.5px solid var(--slate-200);color:var(--slate-800);cursor:pointer;border-radius:9px;min-width:110px;padding:.45rem 1.8rem .45rem .65rem;font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:500;transition:border-color .15s,box-shadow .15s,background .15s}.moora-select:focus{border-color:var(--brand-mid);background-color:#fff;outline:none;box-shadow:0 0 0 3px #6366f11f}.moora-select:hover:not(:focus){border-color:var(--slate-400)}.empty-state{color:var(--slate-400);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:4rem 2rem;display:flex}.empty-state svg{opacity:.4;width:40px;height:40px}.empty-state p{font-size:.85rem;font-weight:500}.card-footer{border-top:1px solid var(--slate-100);background:var(--slate-50);justify-content:flex-end;align-items:center;gap:.75rem;padding:1.1rem 1.5rem;display:flex}.btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.btn svg{width:15px;height:15px}.btn-ghost{color:var(--slate-600);border:1.5px solid var(--slate-200);background:0 0}.btn-ghost:hover{background:var(--slate-100);border-color:var(--slate-400)}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 2px 8px #4f46e54d}.btn-primary:hover{background:var(--brand-mid);transform:translateY(-1px);box-shadow:0 4px 14px #4f46e559}.btn-primary:active{transform:translateY(0)}.btn-danger{background:var(--red);color:#fff;box-shadow:0 2px 8px #ec2c4c4d}.btn-danger:hover{background:var(--color-red-500);transform:translateY(-1px);box-shadow:0 4px 14px #da2f2f59}.btn-danger:active{transform:translateY(0)}.btn-primary:disabled,.btn-danger:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin;display:none}@keyframes spin{to{transform:rotate(360deg)}}.btn-primary.loading .spinner{display:block}.btn-primary.loading .btn-label{display:none}@media (width<=768px){.student-row{flex-direction:column}.student-identity{border-right:none;border-bottom:1px solid var(--slate-100);width:100%}.stats-row{flex-wrap:wrap}.stat-card{min-width:calc(50% - .5rem)}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}}@keyframes rowSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.student-row{animation:.2s forwards rowSlideIn}.btn-remove-row{border:1.5px solid var(--slate-200);width:28px;height:28px;color:var(--slate-400);cursor:pointer;background:0 0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:0;transition:all .15s;display:flex}.btn-remove-row:hover{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.btn-remove-row svg{pointer-events:none;width:13px;height:13px}.criteria-input{appearance:none;background:var(--slate-50);border:1.5px solid var(--slate-200);color:var(--slate-800);border-radius:9px;width:100%;min-width:90px;padding:.45rem .65rem;font-family:JetBrains Mono,monospace;font-size:.82rem;font-weight:500;transition:border-color .15s,box-shadow .15s,background .15s}.criteria-input:focus{border-color:var(--brand-mid);background:#fff;outline:none;box-shadow:0 0 0 3px #6366f11f}.criteria-input:hover:not(:focus){border-color:var(--slate-400)}.criteria-input::placeholder{color:var(--slate-400);font-size:.75rem}.criteria-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.criteria-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.criteria-input[type=number]{-moz-appearance:textfield}.toast-inner{border-radius:8px;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.78rem;font-weight:500;display:inline-flex}.toast-inner.error{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5}.toast-inner.info{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.toast-inner.success{color:#02a044;background:#fffbeb;border:1px solid #0db667}