:root{--wpp-primary:#002147;--wpp-accent:#C5B358;--wpp-bg:#f4f6f8;--wpp-text:#333333;--wpp-text-light:#666666;--wpp-white:#ffffff;--wpp-border-radius:8px;--wpp-shadow:0 4px 20px rgba(0, 0, 0, 0.08)}.wpp-login-container{display:flex;justify-content:center;align-items:center;padding:40px 20px;background-color:#fff0;font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}.wpp-login-card{background:var(--wpp-white);padding:40px;border-radius:var(--wpp-border-radius);box-shadow:var(--wpp-shadow);width:100%;max-width:400px;border-top:4px solid var(--wpp-primary)}.wpp-login-header{text-align:center;margin-bottom:30px}.wpp-login-header h2{color:var(--wpp-primary);font-size:24px;margin:0 0 10px;font-weight:700}.wpp-login-header p{color:var(--wpp-text-light);font-size:14px;margin:0}.wpp-error-message{background-color:#fee2e2;color:#dc2626;padding:12px;border-radius:6px;font-size:14px;margin-bottom:20px;border:1px solid #fecaca}.wpp-form-group{margin-bottom:20px}.wpp-form-group label{display:block;margin-bottom:8px;color:var(--wpp-text);font-weight:500;font-size:14px}.wpp-input{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:6px;font-size:15px;transition:all 0.2s ease;box-sizing:border-box}.wpp-input:focus{border-color:var(--wpp-primary);outline:none;box-shadow:0 0 0 3px rgb(0 33 71 / .1)}.wpp-remember-me{display:flex;justify-content:space-between;align-items:center;font-size:13px}.wpp-remember-me label{margin:0;font-weight:400;color:var(--wpp-text-light);display:flex;align-items:center;gap:6px}.wpp-forgot-password{color:var(--wpp-primary);text-decoration:none;font-weight:500}.wpp-forgot-password:hover{text-decoration:underline}.wpp-submit-btn{width:100%;background-color:var(--wpp-primary);color:var(--wpp-white);padding:12px;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color 0.2s}.wpp-submit-btn:hover{background-color:#00152e}.wpp-login-footer{text-align:center;margin-top:20px;font-size:13px;color:var(--wpp-text-light)}.wpp-login-footer a{color:var(--wpp-primary);text-decoration:none;font-weight:500}@media (max-width:480px){.wpp-login-card{padding:30px 20px}}.wpp-dashboard-container{max-width:1000px;margin:0 auto;padding:20px;font-family:'Inter',sans-serif}.wpp-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;flex-wrap:wrap;gap:20px}.wpp-welcome-text h1{font-size:28px;color:var(--wpp-primary);margin:0 0 5px 0}.wpp-welcome-text p{color:var(--wpp-text-light);margin:0}.wpp-logout-btn{padding:8px 20px;border:1px solid var(--wpp-primary);color:var(--wpp-primary);border-radius:20px;text-decoration:none;font-weight:600;font-size:14px;transition:all 0.2s}.wpp-logout-btn:hover{background-color:var(--wpp-primary);color:var(--wpp-white)}.wpp-student-card{background:linear-gradient(135deg,var(--wpp-primary) 0%,#003366 100%);color:var(--wpp-white);padding:30px;border-radius:16px;display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;box-shadow:0 10px 30px rgb(0 33 71 / .15);flex-wrap:wrap;gap:20px}.wpp-student-info{display:flex;align-items:center;gap:20px}.wpp-avatar-circle{width:60px;height:60px;background-color:rgb(255 255 255 / .2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:var(--wpp-accent)}.wpp-student-details h3{margin:0 0 5px 0;font-size:22px;color:#fff}.wpp-badge{background-color:var(--wpp-accent);color:var(--wpp-primary);padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;text-transform:uppercase}.wpp-student-stats{display:flex;gap:40px}.wpp-stat-item{display:flex;flex-direction:column;align-items:flex-end}.wpp-stat-label{font-size:12px;opacity:.8;text-transform:uppercase;letter-spacing:1px}.wpp-stat-value{font-size:24px;font-weight:700;color:var(--wpp-accent)}.wpp-grid-menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:50px}.wpp-card-link{background:var(--wpp-white);padding:25px;border-radius:12px;text-decoration:none;box-shadow:0 4px 15px rgb(0 0 0 / .05);transition:transform 0.2s,box-shadow 0.2s;border:1px solid #f0f0f0;display:flex;flex-direction:column;align-items:flex-start}.wpp-card-link:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgb(0 0 0 / .08);border-color:var(--wpp-accent)}.wpp-card-icon{font-size:32px;margin-bottom:15px}.wpp-card-link h3{margin:0 0 8px 0;color:var(--wpp-primary);font-size:18px}.wpp-card-link p{margin:0;color:var(--wpp-text-light);font-size:13px;line-height:1.4}.wpp-section-title h2{font-size:20px;color:var(--wpp-primary);margin-bottom:20px;border-left:4px solid var(--wpp-accent);padding-left:15px}.wpp-announcements-list{display:flex;flex-direction:column;gap:15px}.wpp-announcement-item{background:var(--wpp-white);padding:20px;border-radius:12px;display:flex;gap:20px;align-items:center;border:1px solid #f0f0f0}.wpp-date-badge{background-color:#f0f4f8;padding:10px;border-radius:8px;text-align:center;min-width:50px}.wpp-date-badge .day{display:block;font-size:20px;font-weight:700;color:var(--wpp-primary);line-height:1}.wpp-date-badge .month{display:block;font-size:10px;text-transform:uppercase;color:var(--wpp-text-light);margin-top:2px}.wpp-announcement-content h4{margin:0 0 5px 0;color:var(--wpp-text);font-size:16px}.wpp-announcement-content p{margin:0;color:var(--wpp-text-light);font-size:14px}@media (max-width:600px){.wpp-student-card{flex-direction:column;align-items:flex-start}.wpp-student-stats{width:100%;justify-content:space-between}}