.mv-manager-container{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.mv-manager-header{background:rgba(255,255,255,.95);box-shadow:0 4px 20px rgba(0,0,0,.06);border-radius:20px;max-width:30rem;min-width:22rem}.mv-manager-header,.mv-tab-container{backdrop-filter:blur(10px);border-bottom:1px solid rgba(49,163,115,.1)}.mv-tab-container{max-width:28rem;margin:0 auto;background:rgba(255,255,255,.9);display:flex;border-radius:0 0 16px 16px}.mv-tab-button{flex:1;padding:1rem;font-size:var(--size-s);font-weight:600;color:#6b7280;background:none;border:none;cursor:pointer;transition:all .3s ease;border-radius:0 0 16px 16px}.mv-tab-button:hover{color:var(--color-green);background:rgba(49,163,115,.05)}.mv-tab-button.active{border-color:var(--color-green);color:var(--color-green);background:rgba(49,163,115,.08)}.mv-request-section{display:flex;flex-direction:column;gap:.25rem;min-width:400px}.mv-badge{background:linear-gradient(135deg,#dbeafe,#93c5fd);color:#1e40af;font-size:var(--size-xs);padding:4px 12px;border-radius:20px;font-weight:600}.mv-request-card{border:1px solid rgba(49,163,115,.15);border-radius:16px;padding:1.5rem;margin-top:1rem;background:linear-gradient(135deg,#ffffff,#f9fafb);transition:all .3s ease}.mv-request-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(49,163,115,.1)}.mv-request-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:.75rem}.mv-timestamp{font-size:var(--size-xs);color:#9ca3af}.mv-img-evidence{width:60px;height:60px;object-fit:cover;border-radius:8px}.mv-img-evidence:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);transform:translateY(-1px);box-shadow:8px 8px 24px rgba(0,0,0,.1)}.mv-img-placeholder{width:3rem;height:3rem;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.mv-description{font-size:var(--size-s);color:#4b5563;margin-bottom:1rem;line-height:1.5}.mv-request-actions{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.mv-request-actions select{background:rgba(255,255,255,.9);border:1px solid rgba(49,163,115,.2);border-radius:8px;padding:6px 12px;font-size:var(--size-s);color:var(--color-green);font-weight:500}.mv-reject-button{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151;padding:8px 16px;border-radius:12px;font-size:var(--size-s);font-weight:600;border:none;cursor:pointer;transition:all .3s ease}.mv-reject-button:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.mv-approve-button{background:linear-gradient(135deg,var(--color-green),#22c55e);color:white;padding:8px 16px;border-radius:12px;font-size:var(--size-s);font-weight:600;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(49,163,115,.3)}.mv-approve-button:hover{background:linear-gradient(135deg,#22c55e,#16a34a);transform:translateY(-1px);box-shadow:0 6px 16px rgba(49,163,115,.4)}.mv-strike-section{display:flex;flex-direction:column;gap:.25rem}.mv-upload-box{border:2px dashed rgba(49,163,115,.3);border-radius:16px;padding:2rem;text-align:center;background:linear-gradient(135deg,#f0fdf6,#fefbed);transition:all .3s ease}.mv-upload-box:hover{border-color:var(--color-green);background:linear-gradient(135deg,#ecfdf5,#f0fdf4)}.mv-upload-box .mv-icon{font-size:2rem;margin-bottom:.5rem}.mv-upload-box p{font-size:var(--size-s);color:#6b7280;margin:0 0 1rem;line-height:1.4}.mv-upload-button{background:linear-gradient(135deg,#fbe1ac,#f7d793);color:var(--color-green);font-size:var(--size-s);font-weight:600;padding:12px 24px;border-radius:12px;border:none;cursor:pointer;transition:all .3s ease;margin-top:8px}.mv-upload-button:hover{background:linear-gradient(135deg,#f7d793,#f3cf7a);transform:translateY(-1px);box-shadow:0 4px 12px rgba(247,215,147,.4)}.mv-issue-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:white;width:100%;padding:14px;font-weight:600;font-size:var(--size-s);border-radius:16px;border:none;cursor:pointer;transition:all .3s ease;margin-top:1.5rem;box-shadow:0 4px 12px rgba(239,68,68,.3)}.mv-issue-button:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 6px 16px rgba(239,68,68,.4)}.mv-issue-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width:767px){.mv-header-inner{padding:1rem;gap:1rem}.mv-header-icon{width:2.5rem;height:2.5rem;font-size:1.25rem}.mv-header-title{font-size:var(--size-s)}.mv-card{padding:1rem}.mv-student-card{flex-direction:column;align-items:flex-start;gap:.5rem}.mv-student-status{align-self:flex-end}.mv-request-actions{flex-direction:column;gap:.5rem}.mv-request-actions select{width:100%}.mv-approve-button,.mv-reject-button{width:100%;padding:12px}}.mv-status-badge{display:inline-block;font-size:var(--size-xs);font-weight:600;padding:4px 12px;border-radius:20px;line-height:1}.dashboard-header-inner{padding:1.25rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.dashboard-header-left{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.dashboard-header-icon{width:3rem;height:3rem;background:linear-gradient(135deg,#31a373,#22c55e);border-radius:1rem;display:flex;align-items:center;justify-content:center;color:white;font-size:1.5rem;box-shadow:0 4px 12px rgba(49,163,115,.3);flex-shrink:0}.dashboard-header-text{min-width:0;flex:1}.dashboard-header-title{font-size:var(--size-m);font-weight:var(--weight-bold);color:var(--color-green);margin:0}.dashboard-header-subtitle,.dashboard-header-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-header-subtitle{font-size:var(--size-s);color:#6b7280;margin:2px 0 0}.dashboard-logout-button{font-size:var(--size-s);color:var(--color-green);background:linear-gradient(135deg,#fbe1ac,#f7d793);border:none;border-radius:12px;padding:8px 16px;cursor:pointer;font-weight:600;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.dashboard-logout-button:hover{background:linear-gradient(135deg,#f7d793,#f3cf7a);transform:translateY(-1px);box-shadow:0 4px 12px rgba(247,215,147,.4)}.student-card{display:flex;justify-content:space-between;align-items:center;padding:12px;background:linear-gradient(135deg,#f0fdf6,#fefbed);border-radius:16px;margin-bottom:1rem;border:1px solid rgba(49,163,115,.1);transition:all .3s ease;flex-wrap:nowrap;min-width:0}.student-info{flex:1;min-width:150px;overflow:hidden}.student-name{font-weight:var(--weight-semibold);color:var(--color-green);font-size:var(--size-s);margin-bottom:2px}.student-id{font-size:var(--size-xs);color:#6b7280}.student-status{display:flex;gap:.75rem;align-items:center;flex-shrink:0;white-space:nowrap}.star,.strike{font-weight:var(--weight-semibold);font-size:var(--size-s);padding:4px 8px;border-radius:8px;white-space:nowrap}.star{color:#f59e0b;background:rgba(245,158,11,.1)}.strike{color:#ef4444;background:rgba(239,68,68,.1)}.sv-history-section{padding:1.5rem}.sv-request-card{border:1px solid rgba(49,163,115,.15);border-radius:16px;padding:1.5rem;margin-bottom:1rem;background:linear-gradient(135deg,#ffffff,#f9fafb);transition:all .3s ease}.sv-request-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(49,163,115,.1)}.sv-request-card:last-child{margin-bottom:0}.sv-request-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.sv-request-header-left{flex:1;min-width:0}.sv-timestamp{font-size:var(--size-xs);color:#9ca3af;margin:0}.sv-status-badge{flex-shrink:0}.sv-description{font-size:var(--size-s);color:#4b5563;margin:0;line-height:1.5;word-wrap:break-word}.im-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:1000}.im-content{position:relative;max-width:90vw;max-height:90vh;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#ffffff,#f9fafb);box-shadow:0 8px 32px rgba(0,0,0,.25);animation:im-fade .25s ease}.im-content img{display:block;max-width:100%;max-height:100%;object-fit:contain}.im-close{position:absolute;top:.75rem;right:.75rem;background:rgba(0,0,0,.5);color:#ffffff;font-size:1.25rem;line-height:1;border:none;border-radius:50%;width:2rem;height:2rem;cursor:pointer;transition:opacity .2s ease}.im-close:hover{opacity:.8}@keyframes im-fade{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.shm-backdrop{position:absolute;position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:1000}.shm-content{position:relative;width:80vw;max-width:500px;height:80vh;border-radius:16px;overflow-y:auto;background:linear-gradient(135deg,#ffffff,#f9fafb);box-shadow:0 8px 32px rgba(0,0,0,.25);animation:shm-fade .25s ease;padding:2rem}.shm-content .sv-history-section.common-card{width:100%;max-width:none;padding:0;margin:0;border:none;box-shadow:none;background:transparent}.shm-close{position:absolute;top:.75rem;right:.75rem;background:rgba(0,0,0,.5);color:#ffffff;font-size:1.25rem;line-height:1;border:none;border-radius:50%;width:2rem;height:2rem;cursor:pointer;transition:opacity .2s ease;z-index:1010}.shm-close:hover{opacity:.8}@keyframes shm-fade{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.shm-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.shm-header h2{font-size:1.5rem;font-weight:600;color:#111827}.shm-header p{font-size:.875rem;color:#6b7280}.sv-status-badge{font-weight:600;padding:4px 12px;border-radius:20px;font-size:var(--size-xs);display:inline-block}.sv-status-badge.approved{background:rgba(16,185,129,.1);color:#059669}.sv-status-badge.pending{background:rgba(245,158,11,.1);color:#d97706}.sv-status-badge.rejected{background:rgba(239,68,68,.1);color:#ef4444}.loading-overlay{position:fixed;inset:0;z-index:9999;background:rgba(17,24,39,.35);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center}.loading-box{background:#fff;border-radius:14px;padding:20px 24px;min-width:260px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.15)}.spinner{width:28px;height:28px;border:3px solid #e5e7eb;border-top:3px solid var(--color-green,#22c55e);border-radius:50%;animation:loading-spin .9s linear infinite;margin:0 auto 10px}@keyframes loading-spin{to{transform:rotate(1turn)}}.loading-title{font-weight:700;margin-bottom:8px}.loading-subtitle{font-size:var(--size-xs,12px);color:#6b7280;margin-top:8px}.progress{width:100%;height:8px;background:#f3f4f6;border-radius:999px;overflow:hidden;margin-top:6px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-green,#22c55e),#16a34a);transition:width .2s ease}.sv-student-container{min-height:100vh;display:flex;align-items:center;flex-direction:column;justify-content:center}.sv-student-header{background:rgba(255,255,255,.95);box-shadow:0 4px 20px rgba(0,0,0,.06);border-radius:20px;max-width:30rem;min-width:22rem}.sv-student-header,.sv-tab-container{backdrop-filter:blur(10px);border-bottom:1px solid rgba(49,163,115,.1)}.sv-tab-container{background:rgba(255,255,255,.9);display:flex;border-radius:0 0 16px 16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.sv-tab-button{flex:1;min-width:0;padding:1rem .5rem;font-size:var(--size-s);font-weight:600;color:#6b7280;background:none;border:none;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-align:center}.sv-tab-button:hover{color:var(--color-green);background:rgba(49,163,115,.05)}.sv-tab-button.active{border-color:var(--color-green);color:var(--color-green);background:rgba(49,163,115,.08)}.sv-statistics{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.sv-stat-card{border-radius:16px;padding:1rem;text-align:center;transition:transform .3s ease;min-height:80px;display:flex;flex-direction:column;justify-content:center}.sv-stat-card:hover{transform:translateY(-2px)}.sv-stat-card.yellow{background:linear-gradient(135deg,#fef9c3,#fbbf24);color:#ca8a04;box-shadow:0 4px 12px rgba(251,191,36,.3)}.sv-stat-card.red{background:linear-gradient(135deg,#fee2e2,#f87171);color:#dc2626;box-shadow:0 4px 12px rgba(248,113,113,.3)}.sv-stat-card .icon{font-size:1.5rem;margin-bottom:.25rem}.sv-stat-card .value{font-size:1.25rem;font-weight:var(--weight-bold);margin-bottom:.25rem}.sv-request-section{display:flex;flex-direction:column;gap:.25rem}.sv-upload-box{border:2px dashed rgba(49,163,115,.3);border-radius:16px;padding:2rem 1rem;text-align:center;background:linear-gradient(135deg,#f0fdf6,#fefbed);transition:all .3s ease}.sv-upload-box:hover{border-color:var(--color-green);background:linear-gradient(135deg,#ecfdf5,#f0fdf4)}.sv-upload-box .icon{font-size:2rem;margin-bottom:.5rem}.sv-upload-box p{font-size:var(--size-s);color:#6b7280;margin:0 0 1rem;line-height:1.4}.sv-upload-button{background:linear-gradient(135deg,#fbe1ac,#f7d793);color:var(--color-green);font-size:var(--size-s);font-weight:var(--weight-semibold);padding:12px 24px;border-radius:12px;border:none;cursor:pointer;transition:all .3s ease}.sv-upload-button:hover{background:linear-gradient(135deg,#f7d793,#f3cf7a);transform:translateY(-1px);box-shadow:0 4px 12px rgba(247,215,147,.4)}.sv-issue-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:white;width:100%;padding:14px;font-weight:var(--weight-semibold);font-size:var(--size-s);border-radius:16px;border:none;cursor:pointer;transition:all .3s ease;margin-top:1.5rem;box-shadow:0 4px 12px rgba(239,68,68,.3)}.sv-issue-button:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 6px 16px rgba(239,68,68,.4)}.sv-issue-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width:480px){.sv-student-container{padding:.5rem}.sv-tab-button{padding:.75rem .25rem;font-size:var(--size-xs)}.sv-statistics{gap:.75rem}.sv-stat-card{padding:.75rem;min-height:70px}.sv-stat-card .icon{font-size:1.25rem}.sv-stat-card .value{font-size:1.125rem}.sv-upload-box{padding:1.5rem 1rem}.sv-upload-box .icon{font-size:1.5rem}.sv-upload-box p{font-size:var(--size-xs)}.sv-request-header{flex-direction:column;align-items:flex-start;gap:.5rem}.sv-status-badge{align-self:flex-end}.sv-description{font-size:var(--size-xs)}.sv-timestamp{font-size:.6875rem}}@media (max-width:360px){.sv-student-container{padding:.25rem}.sv-tab-button{font-size:.6875rem}.sv-student-status{gap:.5rem}.sv-star,.sv-strike{font-size:var(--size-xs);padding:3px 6px}}.pm-container{background:rgba(255,255,255,.95);border:1px solid rgba(49,163,115,.2);border-radius:12px;padding:8px;box-shadow:0 4px 12px rgba(0,0,0,.08);flex-direction:column;text-align:center;max-width:20rem;min-width:15rem;margin:12px}.pm-balance-container,.pm-container{display:flex;align-items:center;justify-content:center}.pm-balance-container{position:relative;margin-top:.25rem}.pm-title{font-size:var(--size-xs);color:#6b7280;font-weight:var(--weight-medium);margin-bottom:.25rem}.pm-balance-text{display:inline-flex;align-items:baseline;justify-content:center;position:relative;transform:translateX(10px)}.pm-balance{font-size:var(--size-l);font-weight:var(--weight-bold);color:var(--color-green)}.pm-currency{font-size:1.2rem;font-weight:var(--weight-semibold);color:var(--color-green);margin-right:.25rem}.pm-refresh-button-inline{transform:translateY(-2px);color:#6b7280;vertical-align:super}