*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}:root{--srm-blue:#0a1e3c;--srm-gold:#c9a84c;--srm-light-blue:#1a3a6a;--srm-gray:#f5f5f5;--srm-border:#e0e0e0;--srm-success:#2e7d32;--srm-danger:#c62828;--srm-warning:#f57c00;--header-height:80px;--sidebar-width:250px}body,html{height:100%;overflow-x:hidden;width:100%}body{background:#f0f2f5;font-size:14px;line-height:1.5;min-height:100vh}.container{margin:0 auto;max-width:1400px;padding:15px;width:100%}.srm-header{background:#0a1e3c;background:var(--srm-blue);box-shadow:0 2px 10px #0000004d;color:#fff;flex-wrap:wrap;gap:10px;justify-content:space-between;min-height:80px;min-height:var(--header-height);padding:10px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.srm-header,.srm-header-left{align-items:center;display:flex}.srm-header-left{flex:1 1;gap:15px;min-width:200px}.srm-header-left img{background:#fff;border-radius:8px;height:50px;padding:5px;width:auto}.srm-header-title h1{color:#c9a84c;color:var(--srm-gold);font-size:clamp(12px,1.5vw,18px);letter-spacing:1px}.srm-header-title h1,.srm-header-title h2{font-family:Times New Roman,Times,serif;font-weight:700;line-height:1.2;margin:0}.srm-header-title h2{color:#ccc;font-size:clamp(10px,1.2vw,14px)}.srm-header-title h3{color:#aaa;font-family:Times New Roman,Times,serif;font-size:clamp(9px,1vw,12px);font-weight:700;line-height:1.2;margin:0}.srm-header-right{align-items:center;display:flex;gap:15px}.login-page-wrap{display:flex;min-height:100vh;width:100%}.login-left{align-items:center;background:linear-gradient(135deg,#0a1e3c,#1a3a6a);background:linear-gradient(135deg,var(--srm-blue) 0,var(--srm-light-blue) 100%);display:flex;flex:1 1;justify-content:center;padding:50px 40px}.login-left-content{color:#fff;max-width:600px;width:100%}.hero-logo img{align-items:center;background:#fff;border-radius:14px;box-shadow:0 8px 24px #fff;height:auto;margin-bottom:22px;padding:10px;width:90px}.hero-uni{font-size:clamp(20px,2.4vw,28px);font-weight:700;line-height:1.25;margin:0 0 6px}.hero-campus,.hero-uni{font-family:Times New Roman,Times,serif}.hero-campus{color:#ffffffbf;font-size:14px;font-weight:600;letter-spacing:.3px;margin:0 0 26px}.hero-feature-box{background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;padding:22px 24px}.hero-feature-title{color:#c9a84c;color:var(--srm-gold);font-size:15px;font-weight:700;margin:0 0 14px}.hero-features{display:flex;flex-direction:column;gap:11px;list-style:none;margin:0;padding:0}.hero-features li{align-items:center;color:#ffffffe6;display:flex;font-size:13px;gap:10px}.hero-features li svg{color:#c9a84c;color:var(--srm-gold);flex-shrink:0}.login-right{align-items:center;background:#f5f5f5;background:var(--srm-gray);display:flex;flex:1 1;justify-content:center;padding:30px 20px}.login-card{background:#fff;border-radius:16px;border-top:5px solid #c9a84c;border-top:5px solid var(--srm-gold);box-shadow:0 10px 40px #00000014;max-width:420px;padding:36px 34px;width:100%}.login-card-header{margin-bottom:18px;text-align:center}.login-logo img{display:block;height:auto;margin:0 auto 10px;width:62px}.login-uni{color:#0a1e3c;color:var(--srm-blue);font-size:13px;font-weight:700}.login-campus,.login-uni{font-family:Times New Roman,Times,serif}.login-campus{color:#888;font-size:11px;font-weight:600;margin-top:2px}.login-heading{color:#0a1e3c;color:var(--srm-blue);font-size:21px;font-weight:700;margin:18px 0 4px;text-align:center}.login-sub{color:#777;font-size:13px;margin:0 0 22px;text-align:center}.login-tabs{border:1.5px solid #e0e0e0;border:1.5px solid var(--srm-border);border-radius:8px;display:flex;margin-bottom:20px;overflow:hidden}.login-tab{align-items:center;background:#fff;border:none;color:#666;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:600;gap:5px;justify-content:center;padding:10px 8px;text-align:center;transition:all .2s}.login-tab:hover{background:#f5f5f5;background:var(--srm-gray)}.login-tab.active{background:#0a1e3c;background:var(--srm-blue);color:#fff}.input-wrap{margin-bottom:14px;position:relative}.input-wrap .input-icon{color:#999;font-size:14px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.input-wrap input{border:2px solid #e0e0e0;border:2px solid var(--srm-border);border-radius:8px;box-sizing:border-box;font-size:13px;padding:10px 12px 10px 36px;transition:border-color .2s;width:100%}.input-wrap input:focus{border-color:#0a1e3c;border-color:var(--srm-blue);outline:none}.input-wrap-pass input{padding-right:38px}.toggle-pass{background:none;border:none;color:#999;cursor:pointer;display:flex;padding:4px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.captcha-box{align-items:center;background:#1a1a2e;border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:8px 10px}.captcha-text{background:#2a2a4e;border-radius:4px;color:#fff;font-family:monospace;font-size:16px;font-weight:700;letter-spacing:2px;padding:4px 10px}.captcha-box input{background:#fff;border:1px solid #444;border-radius:4px;box-sizing:border-box;flex:1 1;font-size:12px;min-width:70px;padding:6px 8px}.captcha-refresh{border:none;border-radius:4px;font-size:11px;font-weight:600;gap:4px;padding:5px 10px;white-space:nowrap}.captcha-refresh,.login-btn{align-items:center;background:#0a1e3c;background:var(--srm-blue);color:#fff;cursor:pointer;display:flex}.login-btn{border:none;border-radius:8px;font-size:14px;font-weight:700;gap:8px;justify-content:center;padding:12px;transition:background .2s;width:100%}.login-btn:hover:not(:disabled){background:#1a3a6a;background:var(--srm-light-blue)}.login-btn:disabled{cursor:not-allowed;opacity:.7}.login-hint{margin-top:14px}@media (max-width:900px){.login-left{display:none}}.btn-change-password{background:#f57c00;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:clamp(13px,1vw,14px);font-weight:600;padding:12px;text-align:center;text-decoration:none;transition:all .3s;width:100%}.btn-change-password:hover{background:#e65100;box-shadow:0 4px 12px #f57c0066;transform:translateY(-2px)}.card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:15px;overflow:hidden;padding:clamp(15px,2vw,25px);width:100%}.table-container{-webkit-overflow-scrolling:touch;margin:10px -5px;overflow-x:auto;padding:0 5px}table{border-collapse:collapse;font-size:clamp(11px,1vw,14px);min-width:600px;width:100%}table th{background:#0a1e3c;background:var(--srm-blue);color:#fff;font-family:Times New Roman,Times,serif;font-weight:700;padding:clamp(8px,1vw,12px);text-align:left;white-space:nowrap}table td{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--srm-border);padding:clamp(6px,.8vw,10px);word-break:break-word}.stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));margin-bottom:20px}.stat-card{background:#fff;border-left:4px solid #c9a84c;border-left:4px solid var(--srm-gold);border-radius:12px;box-shadow:0 2px 8px #00000014;padding:clamp(12px,1.5vw,20px);text-align:center}.stat-card .label{color:#666;font-size:clamp(11px,1vw,14px);font-weight:600}.stat-card .value{color:#0a1e3c;color:var(--srm-blue);font-size:clamp(20px,3vw,32px);font-weight:700;margin-top:5px}.form-group{margin-bottom:12px}.form-group label{color:#333;display:block;font-size:clamp(12px,1vw,14px);font-weight:600;margin-bottom:4px}.form-control{border:2px solid #e0e0e0;border:2px solid var(--srm-border);border-radius:8px;font-size:clamp(13px,1vw,15px);padding:clamp(8px,1vw,12px);transition:all .3s;width:100%}.form-control:focus{border-color:#0a1e3c;border-color:var(--srm-blue);box-shadow:0 0 0 3px #0a1e3c1a;outline:none}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:clamp(12px,1vw,14px);font-weight:600;gap:6px;padding:clamp(8px,1vw,12px) clamp(15px,2vw,25px);transition:all .3s;white-space:nowrap}.btn-sm{font-size:clamp(10px,.8vw,12px);padding:4px 10px}.btn-primary{background:#0a1e3c;background:var(--srm-blue);color:#fff}.btn-primary:hover{background:#1a3a6a;background:var(--srm-light-blue);box-shadow:0 4px 12px #0a1e3c4d;transform:translateY(-2px)}.btn-success{background:#2e7d32;background:var(--srm-success);color:#fff}.btn-danger{background:#c62828;background:var(--srm-danger);color:#fff}.btn-warning{background:#f57c00;background:var(--srm-warning);color:#fff}.btn-info{background:#17a2b8;color:#fff}.btn-gold{background:#c9a84c;background:var(--srm-gold);color:#0a1e3c;color:var(--srm-blue)}.btn-gold:hover{background:#b8963a}.badge{border-radius:20px;font-size:clamp(9px,.7vw,11px);font-weight:600;padding:3px 10px;white-space:nowrap}.badge-success{background:#c8e6c9;color:#2e7d32;color:var(--srm-success)}.badge-danger{background:#ffcdd2;color:#c62828;color:var(--srm-danger)}.badge-warning{background:#fff3e0;color:#f57c00;color:var(--srm-warning)}.badge-info{background:#d1ecf1;color:#0c5460}.event-card{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:10px;padding:clamp(12px,1.5vw,20px)}.event-card h4{color:#0a1e3c;color:var(--srm-blue);font-family:Times New Roman,Times,serif;font-size:clamp(14px,1.2vw,18px);font-weight:700;margin:0}.profile-section{align-items:center;background:#ffffff1a;border-radius:8px;cursor:pointer;display:flex;gap:15px;padding:8px 15px;position:relative}.profile-section:hover{background:#fff3}.profile-avatar{align-items:center;background:#c9a84c;background:var(--srm-gold);border-radius:50%;color:#0a1e3c;color:var(--srm-blue);display:flex;font-weight:700;height:35px;justify-content:center;width:35px}.profile-info{font-size:12px}.profile-info .name{font-weight:600}.profile-info .role{color:#c9a84c;color:var(--srm-gold);font-size:10px}.profile-dropdown{background:#fff;border-radius:8px;box-shadow:0 10px 30px #0003;color:#333;display:none;margin-top:10px;min-width:280px;padding:20px;position:absolute;right:0;top:100%;z-index:1000}.profile-dropdown.show{display:block}.profile-dropdown .detail{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--srm-border);font-size:13px;padding:6px 0}.profile-dropdown .detail:last-child{border-bottom:none}.logout-btn{background:#c62828;background:var(--srm-danger);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;margin-top:10px;padding:10px;width:100%}.logout-btn:hover{opacity:.9}@media (max-width:768px){:root{--header-height:120px}.srm-header{padding:10px}.srm-header,.srm-header-left{flex-direction:column;text-align:center}.srm-header-left{width:100%}.srm-header-left img{height:40px}.srm-header-title h1{font-size:14px}.srm-header-title h2{font-size:11px}.srm-header-title h3{font-size:10px}.srm-header-right{justify-content:center;width:100%}.login-card{padding:22px 18px}.login-tabs{flex-wrap:wrap}.login-tab{flex:1 1 30%;font-size:11px;padding:8px 4px}.stats-grid{gap:10px;grid-template-columns:1fr 1fr}.event-card{align-items:flex-start;flex-direction:column}table{min-width:500px}.profile-section{padding:5px 10px}.profile-info .name{font-size:11px}.profile-dropdown{min-width:220px;right:-50px}.btn{font-size:12px;padding:8px 14px}.container{padding:10px}.card{padding:15px}.captcha-box{gap:6px;padding:8px 10px}.captcha-text{font-size:16px;letter-spacing:2px;padding:3px 8px}}@media (max-width:480px){.login-card{padding:18px 14px}.hero-logo img{width:70px}.stats-grid{gap:8px;grid-template-columns:1fr 1fr}.stat-card .value{font-size:20px}table{font-size:10px;min-width:400px}.profile-dropdown{min-width:180px;right:-70px}.captcha-text{font-size:14px;letter-spacing:1px;padding:2px 6px}.btn-change-password{font-size:13px;padding:10px}}@media (min-width:769px) and (max-width:1024px){.srm-header-left img{height:45px}.srm-header-title h1{font-size:15px}.srm-header-title h2{font-size:12px}.srm-header-title h3{font-size:10px}.login-card{max-width:450px;padding:30px}}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#0a1e3c;background:var(--srm-blue);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#1a3a6a;background:var(--srm-light-blue)}.text-center{text-align:center}.text-gold{color:#c9a84c;color:var(--srm-gold)}.text-blue{color:#0a1e3c;color:var(--srm-blue)}.mt-10{margin-top:10px}.mb-10{margin-bottom:10px}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.gap-10{gap:10px}.gap-15{gap:15px}.w-100{width:100%}.dashboard-layout{align-items:flex-start;display:flex;gap:20px;margin:0 auto;max-width:1400px;padding:15px}.dashboard-sidebar{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000f;flex:0 0 220px;overflow:hidden;position:-webkit-sticky;position:sticky;top:15px}.dashboard-sidebar-item{align-items:center;border-left:4px solid #0000;color:#444;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;padding:14px 18px;transition:all .2s}.dashboard-sidebar-item.active,.dashboard-sidebar-item:hover{background:#f5f5f5;background:var(--srm-gray)}.dashboard-sidebar-item.active{border-left-color:#c9a84c;border-left-color:var(--srm-gold);color:#0a1e3c;color:var(--srm-blue)}.dashboard-content{flex:1 1;min-width:0}@media (max-width:768px){.dashboard-layout{flex-direction:column;padding:10px}.dashboard-sidebar{display:flex;flex:1 1 auto;overflow-x:auto;position:static;width:100%}.dashboard-sidebar-item{border-bottom:4px solid #0000;border-left:none;flex:0 0 auto;white-space:nowrap}.dashboard-sidebar-item.active{border-bottom-color:#c9a84c;border-bottom-color:var(--srm-gold);border-left-color:#0000}}.pagination-bar{align-items:center;color:#666;display:flex;flex-wrap:wrap;font-size:13px;gap:10px;justify-content:space-between;margin-top:15px}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}th.sortable:hover{opacity:.8}@keyframes spin{to{transform:rotate(1turn)}}.spinner-icon{animation:spin .8s linear infinite;display:inline-block}
/*# sourceMappingURL=main.fa21f798.css.map*/