:root{--sp-primary:#e0ff82;--sp-primary-dark:#d2f064;--sp-fg:#1f2223;--sp-fg-light:#5a6d77;--sp-border:#e5e6e6;--sp-surface:#f7f8f8;--sp-surface-2:#f0f2f5;--sp-bg:#fff;--sp-success:#22c55e;--sp-warning:#eab308;--sp-accent-blue:#3b82f6;--sp-radius:12px;--sp-radius-lg:16px;--sp-delay:0s}.sp-panel{background:linear-gradient(135deg, var(--sp-bg) 0%, #e0ff8205 100%);border:1px solid var(--sp-border);border-radius:var(--sp-radius-lg);opacity:0;flex-direction:column;gap:24px;width:100%;max-width:600px;margin:0 auto;padding:32px;transition:all 1.2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;transform:translateY(40px);box-shadow:0 4px 12px #0000000d}.sp-panel--visible{opacity:1;transform:translateY(0)}.sp-header{border-bottom:1px solid var(--sp-border);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.sp-logo-section{align-items:center;gap:12px;display:flex}.sp-logo-section svg{width:32px;height:32px}.sp-brand{color:var(--sp-fg);margin-bottom:2px;font-size:18px;font-weight:600}.sp-brand-sub{color:var(--sp-fg-light);font-size:12px}.sp-status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.sp-status--active{color:var(--sp-success);background:#22c55e1a}.sp-status--pending{color:var(--sp-warning);background:#eab3081a}.sp-status--graded{color:var(--sp-success);background:#22c55e1a;align-items:center;gap:4px;display:flex}.sp-status--success{color:var(--sp-success);background:#22c55e1a}.sp-status--admin{color:var(--sp-accent-blue);background:#3b82f61a}.sp-stats{background:var(--sp-surface);border-radius:var(--sp-radius);justify-content:space-around;align-items:center;padding:20px 0;display:flex}.sp-stat-item{flex-direction:column;align-items:center;gap:4px;display:flex}.sp-stat-label{color:var(--sp-fg-light);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.sp-stat-value{color:var(--sp-fg);font-size:20px;font-weight:700}.sp-stat-divider{background:var(--sp-border);width:1px;height:24px}.sp-progress-section{background:var(--sp-surface);border-radius:var(--sp-radius);padding:16px}.sp-progress-item{flex-direction:column;gap:12px;display:flex}.sp-progress-header{justify-content:space-between;align-items:center;display:flex}.sp-progress-label{color:var(--sp-fg);font-size:13px;font-weight:500}.sp-progress-percentage{color:var(--sp-primary);font-size:18px;font-weight:700}.sp-progress-bar{background:var(--sp-surface-2);border-radius:4px;width:100%;height:8px;overflow:hidden}.sp-progress-fill{background:linear-gradient(90deg, var(--sp-primary) 0%, var(--sp-primary-dark) 100%);border-radius:4px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.sp-upload-box{background:linear-gradient(135deg, var(--sp-surface) 0%, #e0ff820d 100%);border:2px dashed var(--sp-border);border-radius:var(--sp-radius);cursor:pointer;flex-direction:column;align-items:center;gap:12px;padding:32px 24px;transition:all .3s;display:flex}.sp-upload-box:hover{border-color:var(--sp-primary);background:linear-gradient(135deg, var(--sp-surface) 0%, #e0ff821a 100%)}.sp-upload-box svg{color:var(--sp-primary)}.sp-upload-text{color:var(--sp-fg);font-size:14px;font-weight:500}.sp-upload-hint{color:var(--sp-fg-light);font-size:12px}.sp-submissions-container{flex-direction:column;gap:16px;display:flex}.sp-section-title{color:var(--sp-fg);text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:600}.sp-section-header{justify-content:space-between;align-items:center;display:flex}.sp-btn-text{cursor:pointer;color:var(--sp-primary);background:0 0;border:none;font-size:12px;font-weight:600;transition:color .2s}.sp-btn-text:hover{color:var(--sp-primary-dark)}.sp-submissions-list{flex-direction:column;gap:12px;display:flex}.sp-submission-item{background:var(--sp-surface);border-radius:var(--sp-radius);border:1px solid var(--sp-border);opacity:0;animation:slideInUp .6s cubic-bezier(.33, 1, .68, 1) var(--sp-delay) forwards;justify-content:space-between;align-items:center;padding:16px;display:flex;transform:translateY(10px)}.sp-submission-info{flex-direction:column;flex:1;gap:8px;display:flex}.sp-submission-main{flex-direction:column;gap:2px;display:flex}.sp-submission-student{color:var(--sp-fg);font-size:14px;font-weight:600}.sp-submission-subject{color:var(--sp-fg-light);font-size:12px}.sp-submission-meta{gap:12px;display:flex}.sp-submission-date{color:var(--sp-fg-light);font-size:11px}.sp-submission-title{color:var(--sp-fg);margin-bottom:4px;font-size:14px;font-weight:600}.sp-submission-feedback{color:var(--sp-fg-light);margin-bottom:4px;font-size:12px;line-height:1.4}.sp-submission-status{align-items:center;gap:8px;display:flex}.sp-submission-score{border-radius:var(--sp-radius);background:#22c55e1a;align-items:center;gap:8px;padding:8px 12px;display:flex}.sp-submission-score svg{color:var(--sp-success)}.sp-score-text{color:var(--sp-success);font-size:14px;font-weight:600}.sp-submission-badge{color:var(--sp-accent-blue);text-transform:uppercase;background:#3b82f61a;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block}.sp-student-item{flex-direction:column;gap:12px;padding:16px}.sp-student-item .sp-submission-info{width:100%}.sp-student-item .sp-submission-status{justify-content:space-between;width:100%}.sp-metrics-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.sp-metric-card{background:var(--sp-surface);border-radius:var(--sp-radius);border:1px solid var(--sp-border);opacity:0;animation:slideInUp .6s cubic-bezier(.33, 1, .68, 1) var(--sp-delay) forwards;align-items:flex-start;gap:12px;padding:16px;display:flex;transform:translateY(10px)}.sp-metric-icon{background:linear-gradient(135deg, var(--sp-primary) 0%, #e0ff8280 100%);border-radius:var(--sp-radius);width:40px;height:40px;color:var(--sp-fg);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sp-metric-content{flex-direction:column;flex:1;gap:4px;display:flex}.sp-metric-label{color:var(--sp-fg-light);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.sp-metric-value{color:var(--sp-fg);font-size:18px;font-weight:700}.sp-metric-change{color:var(--sp-success);font-size:11px;font-weight:500}.sp-departments-container{flex-direction:column;gap:16px;display:flex}.sp-departments-list{flex-direction:column;gap:12px;display:flex}.sp-dept-item{background:var(--sp-surface);border-radius:var(--sp-radius);border:1px solid var(--sp-border);opacity:0;animation:slideInUp .6s cubic-bezier(.33, 1, .68, 1) var(--sp-delay) forwards;padding:16px;transform:translateY(10px)}.sp-dept-header{border-bottom:1px solid var(--sp-border);justify-content:space-between;align-items:flex-start;margin-bottom:12px;padding-bottom:12px;display:flex}.sp-dept-name h5{color:var(--sp-fg);margin-bottom:4px;font-size:14px;font-weight:600}.sp-dept-meta{color:var(--sp-fg-light);font-size:11px}.sp-dept-score{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.sp-dept-score-label{color:var(--sp-fg-light);text-transform:uppercase;font-size:11px}.sp-dept-score-value{color:var(--sp-primary);font-size:16px;font-weight:700}.sp-dept-stats{flex-direction:column;gap:8px;display:flex}.sp-dept-stat{align-items:center;gap:8px;display:flex}.sp-stat-label{color:var(--sp-fg-light);flex-shrink:0;width:80px;font-size:11px}.sp-stat-bar{background:var(--sp-surface-2);border-radius:3px;flex:1;height:6px;overflow:hidden}.sp-stat-progress{background:linear-gradient(90deg, var(--sp-primary) 0%, var(--sp-primary-dark) 100%);border-radius:3px;height:100%;display:block}.sp-stat-value{color:var(--sp-fg);text-align:right;flex-shrink:0;width:50px;font-size:12px;font-weight:600}.sp-footer{gap:12px;margin-top:8px;display:flex}.sp-admin-footer{gap:12px}.sp-btn{border-radius:var(--sp-radius);cursor:pointer;border:none;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.sp-btn--primary{background:var(--sp-fg);color:var(--sp-bg);flex:1}.sp-btn--primary:hover{background:var(--sp-fg-light);transform:translateY(-2px)}.sp-btn--accent{background:var(--sp-primary);color:var(--sp-fg);flex:1}.sp-btn--accent:hover{background:var(--sp-primary-dark);transform:translateY(-2px)}.sp-btn--outline{color:var(--sp-fg);border:1px solid var(--sp-border);background:0 0;flex:1}.sp-btn--outline:hover{background:var(--sp-surface)}.sp-btn svg{width:14px;height:14px}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.sp-panel{gap:20px;padding:24px}.sp-metrics-grid{grid-template-columns:1fr}.sp-submission-item{flex-direction:column;align-items:flex-start}.sp-submission-status{width:100%}.sp-footer{flex-direction:column}.sp-btn{width:100%}.sp-header{flex-direction:column;align-items:flex-start;gap:12px}.sp-status-badge{align-self:flex-start}}@media (max-width:480px){.sp-panel{border-radius:8px;padding:16px}.sp-submission-item{padding:12px}.sp-stat-divider{height:20px}}