:root{--primary: #2563eb;--text: #111827;--muted: #6b7280;--background: #f8fafc;--white: #ffffff}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:var(--background);color:var(--text)}h1,h2,h3{margin-top:0}p{color:var(--muted);line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border:0;border-radius:12px;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{background:#1d4ed8}label{display:block;margin-bottom:8px;font-weight:600}input{display:block;width:100%;padding:12px;margin-bottom:16px;border:1px solid #d1d5db;border-radius:10px;font:inherit}.error{color:#dc2626;font-size:13px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px}.card-title{font-size:16px;font-weight:700;margin-bottom:8px}.stat-value{font-size:28px;font-weight:800;color:#111827}.stat-label{font-size:13px;color:#64748b}.login-body{--login-primary: #2563eb;--login-primary-dark: #1d4ed8;--login-light: #eff6ff;min-height:100dvh;margin:0;background:radial-gradient(circle at 5% 10%,#dbeafe 0%,transparent 35%),radial-gradient(circle at 95% 90%,#e0e7ff 0%,transparent 40%),#f8fbff;font-family:Arial,sans-serif;color:#0f172a}.login-body.lecturer-theme{--login-primary: #4f46e5;--login-primary-dark: #4338ca;--login-light: #eef2ff}.login-container{width:100%;max-width:500px;min-height:100dvh;margin:0 auto;padding:42px 20px 24px;display:flex;flex-direction:column;align-items:center}.login-brand{display:flex;align-items:center;gap:13px;margin-bottom:35px}.login-brand-icon{width:52px;height:52px;display:grid;place-items:center;background:#dbeafe;color:#2563eb;border-radius:15px}.login-brand h1{margin:0;font-size:26px;font-weight:800;color:#2563eb;letter-spacing:-1px}.login-brand p{margin:3px 0 0;font-size:11px;color:#64748b}.login-card{width:100%;background:#fff;border:1px solid #e2e8f0;border-radius:25px;padding:35px 30px;box-shadow:0 18px 50px #1e40af12}.login-role-icon{width:74px;height:74px;display:grid;place-items:center;margin:0 auto 20px;background:var(--login-light);color:var(--login-primary);border-radius:21px}.login-heading{text-align:center;margin-bottom:30px}.login-badge{display:inline-block;padding:7px 12px;border-radius:30px;background:var(--login-light);color:var(--login-primary);font-size:10px;font-weight:800;letter-spacing:1px}.login-heading h2{font-size:25px;font-weight:800;margin:15px 0 9px;letter-spacing:-.5px}.login-heading p{max-width:330px;margin:0 auto;font-size:13px;color:#64748b;line-height:1.7}.login-form{width:100%}.login-field{margin-bottom:21px}.login-field label{display:block;margin-bottom:9px;color:#334155;font-size:13px;font-weight:700}.login-input-wrapper{display:flex;align-items:center;gap:12px;width:100%;border:1px solid #dbe2eb;border-radius:12px;background:#f8fafc;padding:0 15px;transition:border-color .2s ease,box-shadow .2s ease}.login-input-wrapper:focus-within{border-color:var(--login-primary);box-shadow:0 0 0 3px var(--login-light);background:#fff}.login-input-wrapper>svg{flex-shrink:0;color:#94a3b8}.login-input-wrapper input{width:100%;min-width:0;height:52px;margin:0;padding:0;border:none;outline:none;box-shadow:none;background:transparent;font-size:14px;color:#0f172a}.login-input-wrapper input:focus{outline:none;box-shadow:none}.login-input-wrapper input::placeholder{color:#94a3b8}.login-password-toggle{flex-shrink:0;display:grid;place-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;padding:5px}.login-password-toggle:hover{color:var(--login-primary)}.login-error{color:#dc2626;font-size:12px;margin:7px 0 0}.login-submit{width:100%;min-height:52px;padding:14px 20px;margin-top:7px;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--login-primary);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.login-submit:hover{background:var(--login-primary-dark);transform:translateY(-2px);box-shadow:0 8px 20px #2563eb2e}.login-submit:active{transform:translateY(0)}.login-back{margin-top:25px;text-align:center}.login-back a{display:inline-flex;align-items:center;gap:9px;color:#64748b;text-decoration:none;font-size:13px;font-weight:600}.login-back a:hover{color:var(--login-primary)}.login-security{display:flex;align-items:center;gap:7px;margin-top:25px;color:#64748b;font-size:12px}.login-footer{margin-top:auto;padding-top:30px;text-align:center;color:#94a3b8;font-size:11px;line-height:1.8}.login-footer span{margin:0 5px}@media (max-width: 480px){.login-container{padding:28px 16px 20px}.login-brand{margin-bottom:28px}.login-card{padding:28px 21px;border-radius:21px}.login-role-icon{width:65px;height:65px}.login-heading h2{font-size:23px}.login-heading p{font-size:12px}}@media (prefers-reduced-motion: reduce){.login-submit{transition:none}.login-submit:hover{transform:none}}.mobile-body{--mobile-primary: #2563eb;--mobile-primary-dark: #1d4ed8;background:#e9eff8;margin:0;font-family:Arial,sans-serif;color:#0f172a}.mobile-body.mobile-lecturer-theme{--mobile-primary: #4f46e5;--mobile-primary-dark: #4338ca}.mobile-shell{width:100%;max-width:480px;min-height:100dvh;margin:0 auto;background:#f8fafc;position:relative;box-shadow:0 0 35px #0f172a0f}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:19px 20px;background:#fff;border-bottom:1px solid #edf2f7}.mobile-brand{display:flex;align-items:center;gap:11px;text-decoration:none}.mobile-brand-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#dbeafe;color:#2563eb}.mobile-brand strong{display:block;font-size:21px;font-weight:800;color:#2563eb;letter-spacing:-.5px}.mobile-brand small{display:block;font-size:10px;color:#64748b;margin-top:2px}.mobile-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#eff6ff;color:var(--mobile-primary);font-size:17px;font-weight:800}.mobile-content{padding:20px 18px 110px}.dashboard-welcome{padding:25px;border-radius:21px;background:linear-gradient(135deg,var(--mobile-primary),var(--mobile-primary-dark));color:#fff;margin-bottom:28px;box-shadow:0 10px 25px #2563eb26}.dashboard-welcome-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.dashboard-welcome-top span{font-size:13px;color:#e0e7ff}.dashboard-welcome-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#ffffff2e}.dashboard-welcome h1{font-size:25px;font-weight:800;color:#fff;margin:0 0 9px}.dashboard-welcome p{font-size:13px;line-height:1.6;color:#eff6ff;margin:0 0 17px}.dashboard-role-badge{display:inline-block;padding:7px 12px;border-radius:20px;background:#ffffff2b;color:#fff;font-size:11px;font-weight:700}.dashboard-section{margin-bottom:27px}.dashboard-section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.dashboard-section-heading h2{margin:0;font-size:17px;font-weight:800;color:#0f172a}.dashboard-section-heading span{font-size:11px;color:#94a3b8}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.dashboard-stat-card{background:#fff;border:1px solid #e5eaf1;border-radius:17px;padding:19px}.dashboard-stat-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;margin-bottom:15px}.dashboard-stat-icon.blue{background:#eff6ff;color:#2563eb}.dashboard-stat-icon.orange{background:#fff7ed;color:#ea580c}.dashboard-stat-value{font-size:29px;font-weight:800;color:#0f172a;margin-bottom:5px}.dashboard-stat-label{font-size:12px;color:#64748b;line-height:1.5}.dashboard-quick-list{background:#fff;border:1px solid #e5eaf1;border-radius:18px;overflow:hidden}.dashboard-quick-action{display:flex;align-items:center;gap:13px;padding:17px;text-decoration:none;color:inherit;transition:background .2s ease}.dashboard-quick-action+.dashboard-quick-action{border-top:1px solid #edf2f7}.dashboard-quick-action:hover{background:#f8fafc}.dashboard-quick-icon{width:49px;height:49px;flex-shrink:0;display:grid;place-items:center;border-radius:13px;background:#eff6ff;color:#2563eb}.dashboard-quick-icon.requests{background:#eef2ff;color:#4f46e5}.dashboard-quick-text{flex:1;min-width:0}.dashboard-quick-text h3{margin:0 0 5px;font-size:14px;font-weight:700;color:#0f172a}.dashboard-quick-text p{margin:0;font-size:11px;line-height:1.5;color:#64748b}.dashboard-quick-arrow{color:#94a3b8;font-size:25px}.dashboard-empty-state{background:#fff;border:1px solid #e5eaf1;border-radius:18px;padding:30px 20px;text-align:center}.dashboard-empty-icon{width:65px;height:65px;margin:0 auto 15px;display:grid;place-items:center;border-radius:18px;background:#f1f5f9;color:#94a3b8}.dashboard-empty-state h3{font-size:15px;margin:0 0 8px}.dashboard-empty-state p{max-width:250px;margin:0 auto;color:#94a3b8;font-size:12px;line-height:1.6}.mobile-bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;justify-content:space-around;align-items:center;background:#fff;border-top:1px solid #e5e7eb;padding:11px 8px calc(11px + env(safe-area-inset-bottom));z-index:100;box-shadow:0 -5px 25px #0f172a0a}.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:60px;color:#94a3b8;text-decoration:none;font-size:11px;font-weight:600}.mobile-bottom-nav a.active{color:var(--mobile-primary)}.mobile-bottom-nav .nav-icon{font-size:23px;line-height:1}@media (max-width: 480px){.mobile-content{padding:18px 15px 110px}.dashboard-welcome{padding:22px}.dashboard-welcome h1{font-size:23px}.dashboard-stat-card{padding:16px}}.mobile-header-actions{display:flex;align-items:center;gap:12px}.mobile-logout-btn{width:40px;height:40px;display:grid;place-items:center;background:#fef2f2;color:#dc2626;border:none;border-radius:12px;cursor:pointer;transition:.2s ease}.mobile-logout-btn:hover{background:#fee2e2}.borrow-mobile-heading{margin-bottom:20px}.borrow-mobile-heading h2{margin:0 0 7px;font-size:22px;color:#0f172a}.borrow-mobile-heading p{margin:0;font-size:13px;color:#64748b}.borrow-mobile-primary,.borrow-mobile-secondary,.borrow-mobile-danger{display:block;width:100%;padding:14px 18px;border-radius:12px;text-align:center;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer;box-sizing:border-box}.borrow-mobile-primary{background:#2563eb;color:#fff;border:none}.borrow-mobile-secondary{background:#f1f5f9;color:#475569;border:none;margin-top:12px}.borrow-mobile-danger{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;margin-top:16px}.borrow-mobile-list{display:flex;flex-direction:column;gap:14px;margin-top:20px}.borrow-mobile-card{display:block;background:#fff;border:1px solid #e5eaf1;border-radius:16px;padding:20px;color:#0f172a;text-decoration:none}.borrow-mobile-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.borrow-mobile-card-top strong{font-size:14px}.borrow-mobile-card p{color:#64748b;font-size:13px}.borrow-mobile-dates{display:flex;justify-content:space-between;gap:12px;color:#64748b;font-size:11px;margin-top:15px}.borrow-mobile-form{display:flex;flex-direction:column;gap:12px;padding:20px;background:#fff;border:1px solid #e5eaf1;border-radius:16px}.borrow-mobile-form label{margin-top:8px;font-size:13px;font-weight:700}.borrow-mobile-form label span{color:#dc2626}.borrow-mobile-form input,.borrow-mobile-form select,.borrow-mobile-form textarea{width:100%;box-sizing:border-box;padding:13px;border:1px solid #dbe2eb;border-radius:10px;background:#fff;font:inherit;font-size:14px}.borrow-mobile-form .borrow-mobile-primary{margin-top:14px}.borrow-mobile-details h3{margin:18px 0;font-size:18px}.borrow-mobile-details dl{display:grid;grid-template-columns:1fr 1fr;gap:14px}.borrow-mobile-details dt{color:#64748b;font-size:12px}.borrow-mobile-details dd{margin:5px 0 0;font-size:13px;font-weight:700;overflow-wrap:anywhere}.borrow-mobile-success,.borrow-mobile-error{padding:14px;margin-bottom:16px;border-radius:10px;font-size:13px}.borrow-mobile-success{background:#dcfce7;color:#166534}.borrow-mobile-error{background:#fee2e2;color:#b91c1c}.borrow-mobile-pagination{margin-top:20px}@media (max-width: 420px){.borrow-mobile-dates{flex-direction:column}}.dashboard-view-all{font-size:12px;font-weight:600;color:#2563eb;text-decoration:none}.dashboard-recent-list{display:flex;flex-direction:column;gap:12px}.dashboard-recent-card{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:1px solid #e5eaf1;border-radius:16px;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}.dashboard-recent-card:hover{transform:translateY(-2px);box-shadow:0 5px 18px #0f172a0f}.dashboard-recent-icon{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#eff6ff;color:#2563eb;border-radius:12px}.dashboard-recent-content{flex:1;min-width:0}.dashboard-recent-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.dashboard-recent-top h3{margin:0;font-size:13px;font-weight:700;color:#0f172a}.dashboard-recent-asset{margin:5px 0;color:#64748b;font-size:11px}.dashboard-recent-date{color:#94a3b8;font-size:11px}.dashboard-recent-arrow{color:#94a3b8;font-size:23px}.dashboard-recent-status{display:inline-flex;padding:5px 8px;border-radius:20px;font-size:10px;font-weight:700;white-space:nowrap}.dashboard-recent-status.status-pending{background:#fef3c7;color:#92400e}.dashboard-recent-status.status-approved{background:#dbeafe;color:#1d4ed8}.dashboard-recent-status.status-borrowed{background:#e0e7ff;color:#4338ca}.dashboard-recent-status.status-returned{background:#dcfce7;color:#15803d}.dashboard-recent-status.status-rejected,.dashboard-recent-status.status-cancelled,.dashboard-recent-status.status-overdue{background:#fee2e2;color:#b91c1c}@media (max-width: 420px){.dashboard-recent-top{flex-direction:column;align-items:flex-start}}.borrow-page{padding-bottom:30px}.borrow-page-header{margin-bottom:24px}.borrow-page-header h1{font-size:23px;font-weight:800;color:#0f172a;margin:0 0 7px}.borrow-page-header p{font-size:13px;color:#64748b;margin:0}.borrow-form{display:flex;flex-direction:column;gap:18px}.borrow-form-group{display:flex;flex-direction:column;gap:7px;min-width:0}.borrow-form-group label{font-size:13px;font-weight:700;color:#334155}.borrow-form-group label span{color:#ef4444}.borrow-form-group input,.borrow-form-group select,.borrow-form-group textarea{width:100%;min-width:0;padding:13px 14px;border:1px solid #dbe2ea;border-radius:12px;background:#fff;color:#0f172a;font-size:14px;box-sizing:border-box}.borrow-form-group input:focus,.borrow-form-group select:focus,.borrow-form-group textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.borrow-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.borrow-form-help{font-size:11px;color:#94a3b8}.borrow-field-error{color:#dc2626;font-size:11px}.borrow-form-errors{padding:14px;margin-bottom:18px;border-radius:12px;background:#fef2f2;color:#b91c1c;font-size:12px}.borrow-form-notice{padding:15px;border-radius:12px;background:#eff6ff;border:1px solid #bfdbfe}.borrow-form-notice strong{font-size:13px;color:#1d4ed8}.borrow-form-notice p{margin:7px 0 0;font-size:12px;line-height:1.6;color:#475569}.borrow-form-actions{display:flex;gap:12px;margin-top:8px}.borrow-btn-primary,.borrow-btn-secondary{flex:1;padding:14px;border-radius:12px;font-size:13px;font-weight:700;text-align:center;text-decoration:none;cursor:pointer}.borrow-btn-primary{border:none;background:#2563eb;color:#fff}.borrow-btn-secondary{border:1px solid #dbe2ea;background:#fff;color:#475569}@media (max-width: 360px){.borrow-form-row{grid-template-columns:1fr}}.borrow-detail-card{background:#fff;border:1px solid #e5eaf1;border-radius:16px;padding:18px;margin-bottom:16px}.borrow-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.borrow-detail-header h2{margin:6px 0;font-size:18px;font-weight:800;color:#0f172a}.borrow-detail-header p,.borrow-detail-label{font-size:12px;color:#64748b}.borrow-detail-title{margin:0 0 18px;font-size:15px;font-weight:800;color:#0f172a}.borrow-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.borrow-detail-item{display:flex;flex-direction:column;gap:6px;min-width:0}.borrow-detail-item span{font-size:11px;color:#94a3b8}.borrow-detail-item strong,.borrow-detail-item p{margin:0;font-size:13px;font-weight:600;color:#334155;overflow-wrap:anywhere}.borrow-detail-full{grid-column:1 / -1}.borrow-detail-timeline{display:flex;flex-direction:column;gap:20px}.borrow-timeline-item{display:flex;align-items:flex-start;gap:12px}.borrow-timeline-dot{width:11px;height:11px;margin-top:4px;border-radius:50%;background:#2563eb;flex-shrink:0}.borrow-timeline-item strong{font-size:13px;color:#334155}.borrow-timeline-item p{margin:5px 0 0;font-size:12px;color:#64748b}.admin-borrow-page{max-width:1100px}.admin-borrow-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.admin-borrow-header h1{margin:0 0 6px;font-size:24px;font-weight:800}.admin-borrow-header p{margin:0;color:#64748b;font-size:13px}.admin-borrow-back{color:#2563eb;font-size:13px;text-decoration:none}.admin-borrow-card{padding:22px;margin-bottom:18px;background:#fff;border:1px solid #e5eaf1;border-radius:16px}.admin-borrow-card h2{margin:0 0 18px;font-size:16px;font-weight:800;color:#0f172a}.admin-borrow-card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.admin-borrow-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0}.admin-borrow-details-grid dt{margin-bottom:6px;font-size:12px;color:#94a3b8}.admin-borrow-details-grid dd{margin:0;font-size:14px;font-weight:600;color:#334155;overflow-wrap:anywhere}.admin-borrow-form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.admin-borrow-form-group label,.admin-borrow-reject-form label{font-size:13px;font-weight:700}.admin-borrow-form-group select,.admin-borrow-form-group textarea,.admin-borrow-reject-form textarea{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:10px;box-sizing:border-box}.admin-borrow-reject-form{display:flex;flex-direction:column;gap:12px;margin-top:20px}.admin-borrow-btn-approve,.admin-borrow-btn-reject{padding:12px 18px;border:none;border-radius:10px;font-weight:700;color:#fff;cursor:pointer}.admin-borrow-btn-approve{background:#16a34a}.admin-borrow-btn-reject{background:#dc2626}.admin-borrow-alert-success,.admin-borrow-alert-error{padding:14px;margin-bottom:16px;border-radius:10px;font-size:13px}.admin-borrow-alert-success{background:#dcfce7;color:#166534}.admin-borrow-alert-error{background:#fee2e2;color:#991b1b}@media (max-width: 640px){.admin-borrow-header{flex-direction:column;align-items:flex-start}.admin-borrow-details-grid{grid-template-columns:1fr}}.borrow-btn-danger{background:#dc2626!important;color:#fff}.borrow-btn-danger:hover{background:#b91c1c!important}.borrow-cancel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:18px;background:#0f172a94;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.borrow-cancel-overlay.is-open{display:flex}.borrow-cancel-dialog{width:100%;max-width:410px;max-height:90vh;overflow-y:auto;padding:28px 22px 22px;background:#fff;border-radius:22px;text-align:center;box-shadow:0 25px 65px #0003;animation:borrowCancelPop .22s ease-out}@keyframes borrowCancelPop{0%{opacity:0;transform:translateY(15px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.borrow-cancel-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;background:#fee2e2;color:#dc2626;border-radius:50%}.borrow-cancel-dialog h2{margin:0 0 12px;font-size:20px;font-weight:800;color:#0f172a}.borrow-cancel-dialog>p{margin:0 0 22px;font-size:13px;line-height:1.7;color:#64748b}.borrow-cancel-info{display:flex;flex-direction:column;gap:13px;padding:16px;margin-bottom:24px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;text-align:left}.borrow-cancel-info>div{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.borrow-cancel-info span{font-size:12px;color:#94a3b8}.borrow-cancel-info strong{font-size:12px;font-weight:700;color:#334155;text-align:right;overflow-wrap:anywhere}.borrow-cancel-actions{display:flex;gap:10px}.borrow-cancel-keep,.borrow-cancel-confirm{flex:1;min-width:0;padding:13px 10px;border:none;border-radius:12px;font-size:12px;font-weight:700;cursor:pointer;transition:background .2s ease}.borrow-cancel-keep{background:#f1f5f9;color:#475569}.borrow-cancel-keep:hover{background:#e2e8f0}.borrow-cancel-confirm{background:#dc2626;color:#fff}.borrow-cancel-confirm:hover{background:#b91c1c}.borrow-cancel-confirm:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 360px){.borrow-cancel-dialog{padding:24px 16px 18px}.borrow-cancel-actions{flex-direction:column}}@media (prefers-reduced-motion: reduce){.borrow-cancel-dialog{animation:none}}.borrow-create-page{width:100%;max-width:820px;margin:0 auto;padding:20px 16px 100px}.borrow-create-header{margin-bottom:24px}.borrow-create-back{display:inline-block;margin-bottom:16px;color:#4f46e5;font-size:13px;font-weight:600;text-decoration:none}.borrow-create-header h1{margin:0 0 8px;font-size:25px;font-weight:800;color:#0f172a}.borrow-create-header p{margin:0;font-size:13px;line-height:1.6;color:#64748b}.borrow-create-card{padding:22px;margin-bottom:18px;background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 5px 18px #0f172a0a}.borrow-create-card-header{display:flex;align-items:center;gap:12px;margin-bottom:22px}.borrow-create-step{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:11px;background:#eef2ff;color:#4f46e5;font-size:15px;font-weight:800}.borrow-create-card-header h2{margin:0 0 4px;font-size:16px;font-weight:750;color:#0f172a}.borrow-create-card-header p{margin:0;font-size:12px;color:#94a3b8}.borrow-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.borrow-create-field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;min-width:0}.borrow-create-field label{font-size:12px;font-weight:700;color:#334155}.borrow-create-field label span{color:#dc2626}.borrow-create-field input,.borrow-create-field textarea{width:100%;min-width:0;box-sizing:border-box;padding:12px 13px;border:1px solid #cbd5e1;border-radius:11px;background:#fff;color:#0f172a;font:inherit;font-size:14px;outline:none}.borrow-create-field input:focus,.borrow-create-field textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.borrow-create-field small{font-size:11px;color:#94a3b8}.borrow-check-btn{width:100%;padding:13px 18px;margin-top:8px;border:none;border-radius:11px;background:#4f46e5;color:#fff;font-size:13px;font-weight:700;cursor:pointer}.borrow-check-btn:hover:not(:disabled){background:#4338ca}.borrow-check-btn:disabled{opacity:.6;cursor:wait}.borrow-create-hint{margin:12px 0 0;color:#64748b;font-size:11px;line-height:1.6}.borrow-availability-empty{padding:22px 16px;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc;color:#64748b;font-size:12px;line-height:1.6;text-align:center}.borrow-availability-empty.is-error{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.borrow-availability-summary{padding:12px 15px;margin-bottom:15px;border-radius:11px;background:#eef2ff;color:#4338ca;font-size:13px;font-weight:700}.borrow-availability-summary[hidden],.borrow-availability-empty[hidden],.borrow-selected-equipment[hidden]{display:none!important}.borrow-equipment-results{display:grid;grid-template-columns:1fr;gap:10px}.borrow-equipment-card{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;width:100%;padding:15px;border:1px solid #e2e8f0;border-radius:13px;background:#fff;text-align:left;cursor:pointer;transition:.2s ease}.borrow-equipment-card:hover:not(:disabled){border-color:#818cf8;background:#fafaff}.borrow-equipment-card.is-selected{border-color:#4f46e5;background:#eef2ff;box-shadow:0 0 0 2px #4f46e51a}.borrow-equipment-card.is-unavailable{background:#f8fafc;opacity:.7;cursor:not-allowed}.borrow-equipment-info{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.borrow-equipment-info strong{font-size:13px;color:#0f172a}.borrow-equipment-info span,.borrow-equipment-info small{font-size:11px;color:#64748b}.borrow-equipment-status{padding:6px 10px;border-radius:999px;font-size:10px;font-weight:800}.borrow-equipment-status.available{background:#dcfce7;color:#15803d}.borrow-equipment-status.unavailable{background:#fee2e2;color:#b91c1c}.borrow-equipment-reason{width:100%;font-size:11px;color:#b91c1c}.borrow-selected-equipment{padding:13px 15px;margin-top:15px;border-radius:11px;background:#ecfdf5;border:1px solid #bbf7d0;color:#166534;font-size:12px;font-weight:700}.borrow-create-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.borrow-create-cancel,.borrow-create-submit{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 20px;border-radius:11px;font-size:13px;font-weight:700;text-decoration:none;box-sizing:border-box}.borrow-create-cancel{background:#f1f5f9;color:#475569}.borrow-create-submit{border:none;background:#4f46e5;color:#fff;cursor:pointer}.borrow-create-submit:hover:not(:disabled){background:#4338ca}.borrow-create-submit:disabled{opacity:.45;cursor:not-allowed}.borrow-create-alert{padding:14px 16px;margin-bottom:18px;border-radius:12px;font-size:12px}.borrow-create-alert.error{background:#fef2f2;color:#b91c1c}.borrow-create-alert.success{background:#ecfdf5;color:#166534}@media (max-width: 600px){.borrow-create-page{padding:16px 12px 90px}.borrow-create-card{padding:17px 14px}.borrow-create-grid{grid-template-columns:1fr;gap:0}.borrow-create-actions{flex-direction:column-reverse}.borrow-create-cancel,.borrow-create-submit{width:100%}}.borrow-equipment-toolbar{margin-bottom:14px}.borrow-equipment-search-wrapper{position:relative;display:flex;align-items:center}.borrow-equipment-search-wrapper svg{position:absolute;left:14px;color:#94a3b8;pointer-events:none}.borrow-equipment-search{width:100%;padding:13px 14px 13px 42px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#0f172a;font-size:13px;outline:none;transition:.2s ease}.borrow-equipment-search:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.borrow-equipment-filter-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.borrow-equipment-filter{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#475569;cursor:pointer}.borrow-equipment-filter input{width:16px;height:16px;accent-color:#4f46e5;cursor:pointer}#equipmentResultCount{font-size:11px;color:#94a3b8}.borrow-equipment-scroll{max-height:360px;overflow-y:auto;overflow-x:hidden;padding:3px 6px 3px 2px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.borrow-equipment-scroll::-webkit-scrollbar{width:7px}.borrow-equipment-scroll::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.borrow-equipment-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.borrow-equipment-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.borrow-equipment-no-results{padding:28px 15px;text-align:center;color:#94a3b8;font-size:12px}.borrow-equipment-no-results[hidden]{display:none!important}@media (max-width: 600px){.borrow-equipment-scroll{max-height:300px}.borrow-equipment-search{font-size:14px}}.borrow-multi-selected{margin-top:20px;padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px}.borrow-multi-selected-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.borrow-multi-selected-header h4{margin:0;font-size:14px;font-weight:700;color:#0f172a}#selectedEquipmentCount{background:#e0e7ff;color:#4338ca;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700;white-space:nowrap}.borrow-multi-selected-list{display:flex;flex-direction:column;gap:9px}.borrow-multi-selected-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid #e2e8f0;border-radius:10px;background:#fff}.borrow-multi-selected-item>div{display:flex;flex-direction:column;gap:4px;min-width:0}.borrow-multi-selected-item strong{font-size:12px;color:#0f172a;overflow-wrap:anywhere}.borrow-multi-selected-item small{font-size:11px;color:#64748b}.borrow-multi-remove{flex-shrink:0;border:none;background:#fee2e2;color:#b91c1c;padding:8px 11px;border-radius:8px;font-size:11px;font-weight:700;cursor:pointer}.borrow-multi-remove:hover{background:#fecaca}.borrow-multi-empty{margin:0;color:#94a3b8;font-size:12px;text-align:center;padding:12px}.borrow-equipment-scroll{max-height:360px;overflow-y:auto;overflow-x:hidden;padding:3px 6px 3px 2px;overscroll-behavior:contain;scrollbar-width:thin}.borrow-equipment-card.is-selected{border-color:#4f46e5;background:#eef2ff;box-shadow:0 0 0 1px #4f46e526}@media (max-width: 600px){.borrow-equipment-scroll{max-height:300px}.borrow-multi-selected{padding:12px}}.borrow-equipment-detail-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.borrow-equipment-detail-row{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}.borrow-equipment-detail-number{width:30px;height:30px;min-width:30px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#e0e7ff;color:#4338ca;font-size:12px;font-weight:700}.borrow-equipment-detail-info{display:flex;flex-direction:column;gap:5px;min-width:0}.borrow-equipment-detail-info strong{font-size:14px;font-weight:700;color:#0f172a}.borrow-equipment-detail-info small{font-size:12px;color:#64748b;overflow-wrap:anywhere}.borrow-cancel-equipment-list{display:flex;flex-direction:column;gap:5px;margin-top:5px}.borrow-cancel-equipment-list strong{font-size:12px;color:#0f172a}.borrow-cancel-equipment-list small{font-size:11px;color:#64748b;margin-bottom:7px}.borrowing-list{display:flex;flex-direction:column;gap:16px}.borrowing-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;box-shadow:0 3px 12px #0f172a0a}.borrowing-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.borrowing-card-title{font-size:16px;font-weight:700;color:#0f172a}.borrowing-card-date{font-size:12px;color:#64748b;margin-top:4px}.borrowing-card-equipment{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.borrowing-equipment-item{padding:11px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.borrowing-equipment-name{display:block;font-size:14px;font-weight:650;color:#1e293b;margin-bottom:3px}.borrowing-equipment-tag{display:block;font-size:12px;color:#64748b}.borrowing-equipment-count{display:inline-block;padding:5px 10px;border-radius:20px;background:#eef2ff;color:#4338ca;font-size:12px;font-weight:600;margin-bottom:12px}.borrowing-card-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:14px 0;border-top:1px solid #e2e8f0}.borrowing-detail-label{display:block;font-size:11px;font-weight:500;color:#64748b;margin-bottom:5px}.borrowing-detail-value{display:block;font-size:13px;font-weight:650;color:#0f172a;overflow-wrap:anywhere}.borrowing-card-purpose{border-top:1px solid #e2e8f0;padding-top:14px;margin-top:2px}.borrowing-card-purpose p{margin:6px 0 0;font-size:13px;color:#475569;line-height:1.6;overflow-wrap:anywhere}.borrowing-card-footer{margin-top:18px;padding-top:14px;border-top:1px solid #e2e8f0}.borrowing-card-link{display:inline-flex;align-items:center;gap:6px;color:#2563eb;font-size:13px;font-weight:650;text-decoration:none}.borrowing-card-link:hover{color:#1d4ed8}.borrowing-status{display:inline-flex;align-items:center;padding:5px 10px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap}.borrowing-status-pending{background:#fff7ed;color:#c2410c}.borrowing-status-approved{background:#eff6ff;color:#1d4ed8}.borrowing-status-borrowed{background:#f5f3ff;color:#6d28d9}.borrowing-status-returned{background:#ecfdf5;color:#047857}.borrowing-status-rejected,.borrowing-status-cancelled{background:#fef2f2;color:#b91c1c}.borrowing-status-overdue{background:#fee2e2;color:#991b1b}@media (max-width: 480px){.borrowing-card{padding:16px}.borrowing-card-header{flex-wrap:wrap}.borrowing-card-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}.borrow-profile-alert{display:flex;align-items:flex-start;gap:12px;padding:16px;margin-bottom:20px;background:#fff7ed;border:1px solid #fed7aa;border-left:4px solid #f59e0b;border-radius:12px;color:#9a3412}.borrow-profile-alert-icon{font-size:24px;line-height:1;flex-shrink:0}.borrow-profile-alert strong{display:block;font-size:14px;margin-bottom:6px}.borrow-profile-alert p{margin:0;font-size:13px;line-height:1.6}.required-asterisk{color:#dc2626;font-weight:700;font-size:16px;margin-left:3px}.profile-field label{display:block;margin-bottom:8px;font-weight:600}.mobile-notification-wrapper{position:relative;display:flex;align-items:center}.mobile-notification-bell{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:12px;background:transparent;color:inherit;cursor:pointer}.mobile-notification-bell:hover{background:#94a3b826}.mobile-notification-count{position:absolute;top:0;right:0;min-width:18px;height:18px;padding:0 4px;display:flex;align-items:center;justify-content:center;background:#dc2626;color:#fff;border-radius:999px;font-size:10px;font-weight:700}.mobile-notification-dropdown{position:absolute;top:48px;right:-55px;width:min(340px,calc(100vw - 24px));max-height:420px;overflow-y:auto;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 15px 40px #00000026;z-index:2000;color:#334155}.mobile-notification-dropdown[hidden]{display:none!important}.mobile-notification-heading{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e2e8f0}.mobile-notification-heading strong{font-size:14px}.mobile-notification-heading span{font-size:12px;color:#64748b}.mobile-notification-item{display:block;padding:13px 16px;text-decoration:none;color:#334155;border-bottom:1px solid #f1f5f9}.mobile-notification-item.unread{background:#eff6ff}.mobile-notification-item:hover{background:#f8fafc}.mobile-notification-item strong{font-size:13px}.mobile-notification-item p{margin:5px 0;font-size:12px;line-height:1.5}.mobile-notification-item small{font-size:11px;color:#94a3b8}.mobile-notification-empty{padding:24px;text-align:center;font-size:13px;color:#64748b}.mobile-notification-view-all{display:block;padding:14px;text-align:center;text-decoration:none;color:#2563eb;font-size:13px;font-weight:600;border-top:1px solid #e2e8f0}.google-login-section{margin-top:24px}.google-login-divider{display:flex;align-items:center;gap:12px;margin-bottom:20px;color:#94a3b8;font-size:12px;font-weight:600}.google-login-divider:before,.google-login-divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.google-login-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:48px;padding:12px 18px;background:#fff;border:1px solid #dbe2ea;border-radius:12px;color:#334155;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s ease;box-sizing:border-box}.google-login-btn:hover{background:#f8fafc;border-color:#94a3b8;box-shadow:0 4px 12px #0f172a0f}.google-login-btn svg{flex-shrink:0}.google-login-note{margin-top:12px;text-align:center;color:#94a3b8;font-size:12px}.admin-body{margin:0;background:#f5f7fb;color:#0f172a;font-family:Arial,sans-serif}.admin-layout{display:flex;min-height:100dvh}.admin-sidebar{width:260px;flex-shrink:0;background:#101b33;color:#fff;display:flex;flex-direction:column;padding:25px 15px}.admin-brand{display:flex;align-items:center;gap:12px;padding:0 12px 28px}.admin-brand-logo{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:#2563eb;font-size:28px;font-weight:800}.admin-brand h2{margin:0;color:#fff;font-size:21px}.admin-brand p{margin:3px 0 0;font-size:10px;color:#94a3b8;letter-spacing:1px}.admin-nav{display:flex;flex-direction:column;gap:4px}.admin-nav-heading{margin:20px 12px 9px;font-size:10px;font-weight:800;letter-spacing:1px;color:#8090ac}.admin-nav a,.admin-nav-disabled{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:10px;font-size:13px;text-decoration:none;color:#cbd5e1}.admin-nav a:hover,.admin-nav a.active{background:#2563eb;color:#fff}.admin-nav-disabled{color:#65748d;cursor:default}.admin-nav-symbol{width:20px;font-size:19px;text-align:center}.admin-sidebar-footer{margin-top:auto;padding:25px 8px 0}.admin-sidebar-user{display:flex;align-items:center;gap:10px;margin-bottom:15px}.admin-user-avatar{width:39px;height:39px;flex-shrink:0;display:grid;place-items:center;background:#dbeafe;color:#2563eb;border-radius:50%;font-weight:800}.admin-sidebar-user strong,.admin-sidebar-user small{display:block}.admin-sidebar-user strong{font-size:12px;overflow-wrap:anywhere}.admin-sidebar-user small{margin-top:4px;color:#94a3b8;font-size:11px}.admin-logout{width:100%;display:flex;justify-content:space-between;padding:12px;border:1px solid #334155;border-radius:9px;background:transparent;color:#fff;cursor:pointer}.admin-main{flex:1;min-width:0}.admin-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 35px;background:#fff;border-bottom:1px solid #e5eaf1}.admin-breadcrumb{color:#94a3b8;font-size:12px;margin-bottom:7px}.admin-header h1{margin:0;font-size:23px;font-weight:800}.admin-header-profile{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600}.admin-content{padding:32px 35px}.admin-page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px}.admin-page-heading h2{font-size:21px;margin:0 0 8px}.admin-page-heading p{margin:0;color:#64748b;font-size:13px}.admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.admin-stat-card{display:flex;flex-direction:column;align-items:flex-start;gap:11px;background:#fff;border:1px solid #e5eaf1;border-radius:16px;padding:23px;color:inherit;text-decoration:none}.admin-stat-card>span{color:#64748b;font-size:13px}.admin-stat-card strong{font-size:30px;font-weight:800}.admin-stat-card small{color:#94a3b8;font-size:11px}.admin-stat-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;font-size:23px}.admin-stat-icon.blue{background:#eff6ff;color:#2563eb}.admin-stat-icon.green{background:#f0fdf4;color:#16a34a}.admin-stat-icon.purple{background:#eef2ff;color:#4f46e5}.admin-stat-icon.orange{background:#fff7ed;color:#ea580c}.admin-panel{background:#fff;border:1px solid #e5eaf1;border-radius:16px;overflow:hidden}.admin-dashboard-panel{margin-top:25px}.admin-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 24px;border-bottom:1px solid #edf2f7}.admin-panel-heading h3{margin:0;font-size:16px}.admin-panel-heading span,.admin-panel-heading a{font-size:12px;color:#64748b}.admin-primary-btn,.admin-secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:10px;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer}.admin-primary-btn{background:#2563eb;color:#fff;border:1px solid #2563eb}.admin-primary-btn:hover{background:#1d4ed8}.admin-secondary-btn{background:#fff;color:#475569;border:1px solid #dbe2eb}.admin-table-scroll{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.admin-table th{padding:15px 20px;background:#f8fafc;color:#64748b;font-size:11px;font-weight:800;text-transform:uppercase;white-space:nowrap}.admin-table td{padding:17px 20px;border-top:1px solid #edf2f7;color:#475569}.admin-table td strong{color:#0f172a}.admin-empty-table{text-align:center;padding:40px!important;color:#94a3b8!important}.admin-status{display:inline-block;padding:6px 10px;border-radius:20px;font-size:11px;font-weight:700}.admin-status.active{background:#dcfce7;color:#15803d}.admin-status.inactive{background:#fee2e2;color:#b91c1c}.admin-table-actions{display:flex;gap:8px;align-items:center}.admin-edit-btn,.admin-delete-btn{padding:7px 11px;border-radius:7px;font-size:12px;font-weight:600;text-decoration:none;cursor:pointer}.admin-edit-btn{background:#eff6ff;color:#2563eb}.admin-delete-btn{background:#fef2f2;color:#dc2626;border:0}.admin-form-panel{padding:28px}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.admin-form-full{grid-column:1 / -1}.admin-form-field label{display:block;margin-bottom:9px;font-size:13px;font-weight:700}.admin-form-field label span{color:#dc2626}.admin-form-field input,.admin-form-field select,.admin-form-field textarea{width:100%;padding:13px 14px;border:1px solid #dbe2eb;border-radius:9px;background:#fff;color:#0f172a;font-size:13px;font-family:inherit}.admin-form-field input:focus,.admin-form-field select:focus,.admin-form-field textarea:focus{outline:2px solid #bfdbfe;border-color:#2563eb}.admin-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:30px;padding-top:23px;border-top:1px solid #edf2f7}.admin-alert{padding:14px 18px;margin-bottom:20px;border-radius:10px;font-size:13px}.admin-alert-success{background:#f0fdf4;color:#15803d}.admin-alert-error{background:#fef2f2;color:#b91c1c}.admin-pagination{display:flex;justify-content:flex-end;align-items:center;gap:15px;padding:20px;font-size:12px}.admin-pagination a{color:#2563eb;text-decoration:none}@media (max-width: 1100px){.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.admin-layout{flex-direction:column}.admin-sidebar{width:100%}.admin-header,.admin-content{padding:20px}.admin-header-profile{display:none}.admin-page-heading{align-items:flex-start;flex-wrap:wrap}.admin-form-grid,.admin-stats{grid-template-columns:1fr}}.delete-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:20px;background:#0f172a99;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.delete-modal-overlay.show{display:flex;animation:deleteFadeIn .2s ease}.delete-modal-box{width:100%;max-width:420px;padding:32px;background:#fff;border-radius:20px;box-shadow:0 25px 70px #0000002e;text-align:center;animation:deleteScaleIn .25s ease}.delete-modal-icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center;margin:0 auto 22px;background:#fef2f2;color:#dc2626;border-radius:50%}.delete-modal-box h3{margin:0 0 12px;color:#0f172a;font-size:22px;font-weight:800}.delete-modal-box p{margin:0;color:#64748b;font-size:14px;line-height:1.7;overflow-wrap:anywhere}.delete-modal-box p strong{color:#0f172a;font-weight:700}.delete-modal-actions{display:flex;gap:12px;margin-top:28px}.delete-cancel-btn,.delete-confirm-btn{flex:1;padding:13px 16px;border:none;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease}.delete-cancel-btn{background:#f1f5f9;color:#475569}.delete-cancel-btn:hover{background:#e2e8f0}.delete-confirm-btn{background:#dc2626;color:#fff}.delete-confirm-btn:hover{background:#b91c1c;box-shadow:0 5px 15px #dc262640}.delete-confirm-btn:active{transform:scale(.97)}@keyframes deleteFadeIn{0%{opacity:0}to{opacity:1}}@keyframes deleteScaleIn{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 480px){.delete-modal-box{padding:25px 20px}.delete-modal-actions{flex-direction:column-reverse}}@media (prefers-reduced-motion: reduce){.delete-modal-overlay.show,.delete-modal-box{animation:none}}.asset-stats{margin-bottom:24px}.asset-filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:20px 24px}.asset-filters input,.asset-filters select{padding:12px 14px;border:1px solid #dbe2eb;border-radius:10px;background:#fff;font:inherit;font-size:13px}.asset-filters input{flex:1;min-width:230px}.asset-table-name{display:flex;align-items:center;gap:10px}.asset-table-name img,.asset-table-placeholder{width:42px;height:42px;border-radius:10px;object-fit:cover;flex-shrink:0}.asset-table-placeholder{display:grid;place-items:center;background:#eff6ff;color:#2563eb;font-size:23px}.asset-muted{margin-top:5px;color:#94a3b8;font-size:11px}.asset-status{display:inline-flex;padding:6px 11px;border-radius:20px;font-size:11px;font-weight:700;text-transform:capitalize}.asset-status-available{background:#dcfce7;color:#15803d}.asset-status-reserved{background:#fef3c7;color:#92400e}.asset-status-borrowed{background:#e0e7ff;color:#4338ca}.asset-status-maintenance{background:#ffedd5;color:#c2410c}.asset-status-retired{background:#f1f5f9;color:#64748b}.asset-image-preview{margin-bottom:14px}.asset-image-preview img{width:150px;height:120px;border-radius:12px;object-fit:cover}.asset-form-field small,.admin-form-field small{display:block;margin-top:8px;color:#94a3b8;font-size:11px}.asset-details-panel{display:grid;grid-template-columns:300px minmax(0,1fr);gap:30px;padding:30px}.asset-details-photo img,.asset-details-placeholder{width:100%;aspect-ratio:4 / 3;border-radius:14px;object-fit:cover}.asset-details-placeholder{display:grid;place-items:center;background:#eff6ff;color:#2563eb;font-size:75px}.asset-details-info h2{margin:0 0 12px;font-size:23px}.asset-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:26px 0}.asset-details-grid dt{color:#94a3b8;font-size:12px;margin-bottom:7px}.asset-details-grid dd{margin:0;font-size:14px;font-weight:700;overflow-wrap:anywhere}.asset-details-info h3{font-size:15px}.asset-details-info>p{color:#64748b;font-size:13px;line-height:1.7;white-space:pre-wrap}@media (max-width: 900px){.asset-details-panel{grid-template-columns:1fr}.asset-details-photo{max-width:350px}}@media (max-width: 600px){.asset-details-grid{grid-template-columns:1fr}.asset-filters input,.asset-filters select{width:100%}}.borrow-status{display:inline-flex;align-items:center;padding:6px 11px;border-radius:20px;font-size:11px;font-weight:700;text-transform:capitalize;white-space:nowrap}.borrow-status-pending{background:#fef3c7;color:#92400e}.borrow-status-approved{background:#dbeafe;color:#1d4ed8}.borrow-status-rejected,.borrow-status-cancelled,.borrow-status-overdue{background:#fee2e2;color:#b91c1c}.borrow-status-borrowed{background:#e0e7ff;color:#4338ca}.borrow-status-returned{background:#dcfce7;color:#15803d}.borrow-detail-panel{max-width:1050px;padding:30px}.borrow-detail-section{padding:0 0 25px;margin-bottom:25px;border-bottom:1px solid #edf2f7}.borrow-detail-section:last-child{margin-bottom:0;border-bottom:0}.borrow-detail-section h3{margin:0 0 20px;font-size:17px}.borrow-detail-section p{font-size:13px;color:#475569;line-height:1.7}.borrow-action-form{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px;max-width:550px}.borrow-action-form label{font-size:13px;font-weight:700}.borrow-action-form textarea,.borrow-action-form select{width:100%;padding:12px;border:1px solid #dbe2eb;border-radius:10px;font:inherit;font-size:13px}.borrow-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:16px;background:#0f172a8c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.borrow-confirm-overlay.is-open{display:flex}.borrow-confirm-dialog{width:100%;max-width:420px;padding:30px 24px 24px;background:#fff;border-radius:20px;text-align:center;box-shadow:0 25px 70px #0003;animation:borrowConfirmPop .2s ease-out}@keyframes borrowConfirmPop{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.borrow-confirm-icon{display:grid;place-items:center;width:66px;height:66px;margin:0 auto 18px;border-radius:50%;font-size:32px;font-weight:800}.borrow-confirm-icon.success{background:#dcfce7;color:#16a34a}.borrow-confirm-icon.danger{background:#fee2e2;color:#dc2626}.borrow-confirm-icon.info{background:#dbeafe;color:#2563eb}.borrow-confirm-dialog h2{margin:0 0 12px;color:#0f172a;font-size:20px;font-weight:800}.borrow-confirm-dialog p{margin:0 0 26px;color:#64748b;font-size:13px;line-height:1.7}.borrow-confirm-actions{display:flex;gap:12px}.borrow-confirm-cancel,.borrow-confirm-submit{flex:1;padding:13px 16px;border:none;border-radius:11px;font-size:13px;font-weight:700;cursor:pointer}.borrow-confirm-cancel{background:#f1f5f9;color:#475569}.borrow-confirm-submit.success{background:#16a34a;color:#fff}.borrow-confirm-submit.danger{background:#dc2626;color:#fff}.borrow-confirm-submit.info{background:#2563eb;color:#fff}.borrow-confirm-submit:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.borrow-confirm-dialog{padding:24px 18px}}.admin-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:18px 4px;margin-top:16px}.admin-pagination-info{font-size:13px;color:#64748b}.admin-pagination-info strong{color:#0f172a;font-weight:700}.admin-pagination-links{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px}.admin-page-btn,.admin-page-number{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 12px;border:1px solid #e2e8f0;border-radius:9px;background:#fff;color:#334155;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s ease}.admin-page-number{min-width:36px;padding:0 8px}.admin-page-btn:hover:not(.disabled),.admin-page-number:hover:not(.active){background:#eef2ff;border-color:#c7d2fe;color:#4f46e5}.admin-page-number.active{background:#4f46e5;border-color:#4f46e5;color:#fff}.admin-page-btn.disabled{opacity:.4;cursor:not-allowed}.admin-page-dots{padding:0 6px;color:#94a3b8;font-size:13px}@media (max-width: 1640px){.admin-pagination{flex-direction:column;align-items:center;text-align:center}.admin-pagination-links{justify-content:center}}.admin-borrow-equipment-list{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:160px}.admin-borrow-equipment-item{display:flex;flex-direction:column;gap:3px;padding-bottom:7px;width:100%;border-bottom:1px solid #e2e8f0}.admin-borrow-equipment-item:last-of-type{border-bottom:none;padding-bottom:0}.admin-borrow-equipment-item strong{font-size:13px;font-weight:600;color:#0f172a;line-height:1.4}.admin-borrow-equipment-item .asset-muted{font-size:11px;color:#64748b}.admin-borrow-equipment-count{display:inline-flex;align-items:center;padding:4px 9px;margin-top:3px;border-radius:20px;background:#eef2ff;color:#4338ca;font-size:11px;font-weight:700;white-space:nowrap}.admin-borrow-equipment-details{display:flex;flex-direction:column;gap:14px;margin-top:18px}.admin-borrow-equipment-detail{display:flex;align-items:flex-start;gap:14px;padding:18px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}.admin-borrow-equipment-number{display:flex;align-items:center;justify-content:center;width:34px;height:34px;min-width:34px;border-radius:10px;background:#e0e7ff;color:#4338ca;font-size:13px;font-weight:700}.admin-borrow-equipment-info{flex:1;min-width:0}.admin-borrow-equipment-info>strong{display:block;margin-bottom:14px;color:#0f172a;font-size:15px;font-weight:700}.admin-borrow-equipment-info .admin-borrow-details-grid{margin-top:10px}@media (max-width: 640px){.admin-borrow-equipment-detail{padding:12px;gap:10px}}.dashboard-recent-content{min-width:0;flex:1}.dashboard-recent-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.dashboard-recent-top h3{min-width:0;overflow-wrap:anywhere}.dashboard-recent-equipment-list{display:flex;flex-direction:column;gap:7px;margin:10px 0}.dashboard-recent-equipment-item{display:flex;flex-direction:column;gap:3px;padding:8px 10px;border:1px solid #e2e8f0;border-radius:9px;background:#f8fafc}.dashboard-recent-equipment-name{display:block;font-size:12px;font-weight:650;color:#1e293b}.dashboard-recent-equipment-item .dashboard-recent-asset{display:block;font-size:11px;color:#64748b;overflow-wrap:anywhere}.dashboard-recent-date{display:block;margin-top:8px}@media (max-width: 480px){.dashboard-recent-top{flex-wrap:wrap}.dashboard-recent-equipment-item{padding:8px}}.location-admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.location-admin-toolbar h2,.location-admin-form-card h2{margin:0 0 6px;font-size:22px;font-weight:700}.location-admin-toolbar p,.location-admin-form-card>p{margin:0;color:#64748b;font-size:14px}.location-admin-primary{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border:0;border-radius:10px;background:#2563eb;color:#fff;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer}.location-admin-table-wrap,.location-admin-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}.location-admin-table-wrap{overflow-x:auto}.location-admin-table{width:100%;border-collapse:collapse;text-align:left}.location-admin-table th,.location-admin-table td{padding:16px;border-bottom:1px solid #e2e8f0;font-size:14px}.location-admin-table th{background:#f8fafc;color:#475569;font-weight:600}.location-admin-status{display:inline-block;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:600}.location-admin-status.is-active{background:#dcfce7;color:#166534}.location-admin-status.is-inactive{background:#f1f5f9;color:#64748b}.location-admin-actions{display:flex;align-items:center;gap:12px}.location-admin-actions a{color:#2563eb;text-decoration:none}.location-admin-actions button{padding:0;border:0;background:none;color:#dc2626;cursor:pointer}.location-admin-empty{text-align:center;color:#64748b}.location-admin-pagination{margin-top:20px}.location-admin-form-card{max-width:650px;padding:28px}.location-admin-form-card>p{margin-bottom:24px}.location-admin-field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.location-admin-field label{font-size:14px;font-weight:600}.location-admin-field input,.location-admin-field select,.location-admin-field textarea{width:100%;box-sizing:border-box;padding:12px;border:1px solid #cbd5e1;border-radius:10px;font:inherit;background:#fff}.location-admin-form-actions{display:flex;justify-content:flex-end;align-items:center;gap:16px}.location-admin-form-actions a{color:#64748b;text-decoration:none}.location-admin-errors{margin-bottom:20px;padding:12px;background:#fef2f2;color:#b91c1c;border-radius:10px}@media (max-width: 600px){.location-admin-toolbar{align-items:flex-start;flex-direction:column}.location-admin-form-card{padding:18px}}.borrow-create-field select{display:block;width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#1e293b;font:inherit}.borrow-create-field select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.admin-notification-wrapper{position:relative;margin-left:auto}.admin-notification-bell{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:#f1f5f9;border:0;border-radius:12px;color:#334155;cursor:pointer}.admin-notification-bell:hover{background:#e2e8f0}.admin-notification-count{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;padding:0 4px;border-radius:999px;background:#dc2626;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.admin-notification-dropdown{display:none;position:absolute;top:52px;right:0;width:min(350px,calc(100vw - 32px));background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 15px 40px #0000001f;z-index:1000;overflow:hidden}.admin-notification-dropdown.show{display:block}.admin-notification-heading{display:flex;justify-content:space-between;padding:16px;border-bottom:1px solid #e2e8f0}.admin-notification-heading span{font-size:12px;color:#64748b}.admin-notification-item{display:block;padding:14px 16px;border-bottom:1px solid #f1f5f9;color:#334155;text-decoration:none}.admin-notification-item.unread{background:#eff6ff}.admin-notification-item:hover{background:#f8fafc}.admin-notification-item strong{font-size:13px}.admin-notification-item p{margin:5px 0;font-size:12px}.admin-notification-item small{color:#94a3b8}.admin-notification-empty{padding:24px;text-align:center;color:#64748b;font-size:13px}.admin-notification-view-all{display:block;padding:13px;text-align:center;color:#2563eb;font-size:13px;font-weight:600;text-decoration:none}.borrowing-table-scroll{max-height:550px;overflow-y:auto;overflow-x:auto;border:1px solid #e5e7eb;border-radius:12px}.borrowing-table-scroll table{width:100%;border-collapse:separate;border-spacing:0}.borrowing-table-scroll thead th{position:sticky;top:0;z-index:10;background:#f8fafc;box-shadow:0 1px #e5e7eb}.borrowing-table-scroll::-webkit-scrollbar{width:8px;height:8px}.borrowing-table-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px}.borrowing-table-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.admin-stat-icon svg{width:24px;height:24px;display:block}.admin-stat-icon.red{background:#fee2e2;color:#dc2626}.welcome-body{min-height:100dvh;margin:0;background:radial-gradient(circle at 10% 10%,#dbeafe 0%,transparent 35%),radial-gradient(circle at 90% 85%,#e0e7ff 0%,transparent 35%),#f8fbff;font-family:Arial,sans-serif;color:#0f172a}.welcome-container{width:100%;max-width:760px;min-height:100dvh;margin:0 auto;padding:55px 24px 24px;display:flex;flex-direction:column;align-items:center}.welcome-logo{text-align:center}.logo-icon{width:76px;height:76px;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;background:#dbeafe;color:#2563eb;border-radius:22px}.welcome-logo h1{font-size:36px;font-weight:800;letter-spacing:-1.5px;color:#2563eb;margin:0}.welcome-logo p{margin:7px 0 0;color:#64748b;font-size:13px}.welcome-intro{text-align:center;margin-top:48px;margin-bottom:30px}.welcome-eyebrow{display:inline-block;padding:8px 14px;border-radius:30px;background:#e0edff;color:#2563eb;font-size:10px;font-weight:800;letter-spacing:1.2px}.welcome-intro h2{margin:18px 0 10px;font-size:27px;font-weight:800;letter-spacing:-.7px}.welcome-intro p{max-width:400px;margin:0 auto;color:#64748b;font-size:14px;line-height:1.7}.role-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:100%;max-width:580px}.role-card{min-width:0;padding:28px 20px 20px;background:#fff;border:1px solid #dbe5f1;border-radius:22px;text-align:center;text-decoration:none;color:#0f172a;display:flex;flex-direction:column;align-items:center;box-shadow:0 8px 25px #1e40af0a;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.role-card:hover{transform:translateY(-6px);border-color:#93c5fd;box-shadow:0 18px 35px #2563eb1f}.role-card:focus-visible{outline:3px solid #2563eb;outline-offset:4px}.role-icon{width:76px;height:76px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;background:#eff6ff;color:#2563eb}.lecturer-icon{background:#eef2ff;color:#4f46e5}.role-card h3{margin:0 0 9px;font-size:19px;font-weight:800}.role-card p{font-size:12px;color:#64748b;line-height:1.6;min-height:40px;margin:0 0 22px}.role-button{width:100%;padding:12px 16px;border-radius:11px;background:#2563eb;color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:auto;transition:background .2s ease}.role-card:hover .role-button{background:#1d4ed8}.welcome-admin{margin-top:34px}.welcome-admin a{display:inline-flex;align-items:center;gap:10px;color:#64748b;font-size:13px;font-weight:600;text-decoration:none}.welcome-admin a:hover{color:#2563eb}.welcome-footer{margin-top:auto;padding-top:55px;color:#94a3b8;font-size:11px;text-align:center;line-height:1.8}.welcome-footer span{margin:0 5px}@media (max-width: 480px){.welcome-container{padding:36px 18px 20px}.welcome-logo h1{font-size:31px}.welcome-intro{margin-top:38px;margin-bottom:25px}.welcome-intro h2{font-size:23px}.role-section{gap:12px}.role-card{padding:22px 12px 14px;border-radius:17px}.role-icon{width:60px;height:60px;margin-bottom:15px}.role-icon svg{width:30px;height:30px}.role-card h3{font-size:16px}.role-card p{font-size:11px}.role-button{padding:11px 8px;font-size:12px}}@media (prefers-reduced-motion: reduce){.role-card,.role-button{transition:none}.role-card:hover{transform:none}}.profile-page{display:flex;flex-direction:column;gap:20px;padding-bottom:30px}.profile-header{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 10px}.profile-avatar{width:76px;height:76px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;font-size:28px;font-weight:800;margin-bottom:14px}.profile-header h2{margin:0 0 5px;font-size:21px;color:#0f172a}.profile-header p{margin:0;font-size:13px;color:#64748b}.profile-role{display:inline-block;margin-top:12px;padding:6px 14px;border-radius:20px;background:#dbeafe;color:#1d4ed8;font-size:11px;font-weight:700}.profile-card{background:#fff;border:1px solid #e5eaf1;border-radius:18px;padding:22px}.profile-card-heading{margin-bottom:20px}.profile-card-heading h3{margin:0 0 6px;font-size:16px;color:#0f172a}.profile-card-heading p{margin:0;font-size:12px;color:#64748b}.profile-form{display:flex;flex-direction:column;gap:18px}.profile-field{display:flex;flex-direction:column;gap:8px}.profile-field label{font-size:12px;font-weight:700;color:#334155}.profile-field input{width:100%;padding:13px 14px;box-sizing:border-box;border:1px solid #dbe2eb;border-radius:10px;background:#fff;color:#0f172a;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s}.profile-field input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.profile-save-btn{width:100%;padding:14px;border:0;border-radius:11px;background:#2563eb;color:#fff;font-size:13px;font-weight:700;cursor:pointer}.profile-save-btn:hover{background:#1d4ed8}.profile-alert{padding:14px;border-radius:11px;font-size:13px}.profile-alert-success{background:#dcfce7;color:#166534}.profile-alert-error{background:#fee2e2;color:#b91c1c}.profile-alert ul{margin:8px 0 0;padding-left:20px}@media (max-width: 480px){.profile-card{padding:18px}}.borrow-dashboard-welcome{margin-bottom:26px}.borrow-dashboard-welcome p{margin:0 0 5px;color:#64748b;font-size:13px}.borrow-dashboard-welcome h1{margin:0 0 8px;color:#0f172a;font-size:24px;font-weight:800}.borrow-dashboard-welcome span{color:#64748b;font-size:13px}.borrow-overview-section,.borrow-activity-section{margin-bottom:26px}.borrow-section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.borrow-section-heading h2{margin:0 0 5px;font-size:17px;color:#0f172a;font-weight:800}.borrow-section-heading p{margin:0;color:#94a3b8;font-size:12px}.borrow-section-heading a{color:#2563eb;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}.borrow-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.borrow-overview-card{display:flex;flex-direction:column;align-items:flex-start;gap:9px;background:#fff;border:1px solid #e5eaf1;border-radius:16px;padding:18px}.borrow-overview-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;font-size:22px;font-weight:700}.borrow-overview-icon-pending{background:#fffbeb;color:#b45309}.borrow-overview-icon-approved{background:#eff6ff;color:#2563eb}.borrow-overview-icon-borrowed{background:#eef2ff;color:#4f46e5}.borrow-overview-icon-returned{background:#f0fdf4;color:#15803d}.borrow-overview-count{font-size:27px;line-height:1;color:#0f172a}.borrow-overview-label{color:#64748b;font-size:12px}.borrow-activity-list{display:flex;flex-direction:column;gap:12px}.borrow-activity-card{display:flex;align-items:center;gap:13px;padding:16px;background:#fff;border:1px solid #e5eaf1;border-radius:15px;color:inherit;text-decoration:none}.borrow-activity-icon{width:43px;height:43px;display:grid;place-items:center;flex-shrink:0;background:#eff6ff;color:#2563eb;border-radius:12px;font-size:22px}.borrow-activity-content{flex:1;min-width:0}.borrow-activity-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.borrow-activity-top h3{margin:0;font-size:13px;font-weight:700;color:#0f172a}.borrow-activity-tag,.borrow-activity-date{color:#64748b;font-size:11px}.borrow-activity-tag{margin:6px 0}.borrow-activity-arrow{font-size:25px;color:#94a3b8}.borrow-activity-status{padding:5px 8px;border-radius:20px;font-size:10px;font-weight:700;white-space:nowrap}.borrow-activity-status-pending{background:#fef3c7;color:#92400e}.borrow-activity-status-approved{background:#dbeafe;color:#1d4ed8}.borrow-activity-status-borrowed{background:#e0e7ff;color:#4338ca}.borrow-activity-status-overdue{background:#fee2e2;color:#b91c1c}.borrow-activity-empty{padding:28px 20px;border:1px dashed #cbd5e1;border-radius:16px;background:#fff;text-align:center}.borrow-activity-empty-icon{width:54px;height:54px;display:grid;place-items:center;margin:0 auto 14px;background:#dcfce7;color:#15803d;border-radius:50%;font-size:25px}.borrow-activity-empty h3{margin:0 0 8px;font-size:15px}.borrow-activity-empty p{color:#64748b;font-size:12px;line-height:1.6}.borrow-activity-new-btn,.borrow-dashboard-action{display:block;padding:14px;border-radius:12px;background:#2563eb;color:#fff;font-size:13px;font-weight:700;text-align:center;text-decoration:none}.borrow-activity-new-btn{margin-top:16px}.borrow-overdue-alert{display:flex;flex-direction:column;gap:5px;padding:14px;margin-top:14px;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#b91c1c;font-size:12px}@media (max-width: 380px){.borrow-overview-card{padding:14px}.borrow-activity-top{flex-direction:column}}body.welcome-body{min-height:100vh;margin:0;background-image:linear-gradient(135deg,#f1f7ffe6,#e2edffbf),var(--welcome-bg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;color:#172554}.welcome-body .welcome-container{position:relative;z-index:1;width:min(100% - 32px,760px);min-height:100vh;margin:0 auto;padding:34px 0 22px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;text-align:center}.welcome-body .welcome-logo{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:28px}.welcome-body .welcome-uptm-logo{width:auto;max-width:220px;height:78px;object-fit:contain;margin-bottom:8px;filter:drop-shadow(0 3px 8px rgba(255,255,255,.4))}.welcome-body .welcome-logo h1{margin:0;color:#142d65;font-size:clamp(29px,4vw,38px);font-weight:800;letter-spacing:-1px;line-height:1.2}.welcome-body .welcome-logo p{margin:0;color:#334b76;font-size:13px;font-weight:600}.welcome-body .welcome-intro{margin-bottom:30px;text-align:center}.welcome-body .welcome-eyebrow{display:inline-flex;align-items:center;justify-content:center;padding:9px 19px;margin-bottom:20px;border:1px solid #c7d8ff;border-radius:999px;background:#ffffffe0;color:#3857aa;font-size:10px;font-weight:800;letter-spacing:1.8px}.welcome-body .welcome-intro h2{margin:0 0 12px;color:#142d65;font-size:clamp(25px,3.5vw,32px);font-weight:800;letter-spacing:-.6px}.welcome-body .welcome-intro p{max-width:480px;margin:0 auto;color:#34476b;font-size:14px;font-weight:500;line-height:1.8}.welcome-body .role-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;width:100%;max-width:620px;margin:0 auto 26px}.welcome-body .role-card{display:flex;flex-direction:column;align-items:center;min-height:270px;padding:30px 24px 22px;box-sizing:border-box;border:1px solid rgba(255,255,255,.95);border-radius:24px;background:#fffffff0;box-shadow:0 12px 36px #1e407821;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}.welcome-body .role-card:hover{transform:translateY(-5px);box-shadow:0 20px 44px #1e407833}.welcome-body .role-icon{display:flex;align-items:center;justify-content:center;width:76px;height:76px;margin-bottom:18px;border-radius:22px}.welcome-body .student-icon{background:#e9efff;color:#4458e8}.welcome-body .lecturer-icon{background:#eeeaff;color:#7545e7}.welcome-body .role-card h3{margin:0 0 9px;color:#18243e;font-size:21px;font-weight:800}.welcome-body .role-card p{flex:1;margin:0 0 22px;color:#64748b;font-size:13px;line-height:1.7}.welcome-body .role-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:44px;padding:10px 16px;box-sizing:border-box;border-radius:12px;background:linear-gradient(135deg,#4657ed,#5c50e8);color:#fff;font-size:13px;font-weight:700;transition:background .2s ease}.welcome-body .role-card:hover .role-button{background:linear-gradient(135deg,#3045d9,#4838cf)}.welcome-body .welcome-admin{margin:4px 0 22px}.welcome-body .welcome-admin a{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border:1px solid rgba(255,255,255,.85);border-radius:999px;background:#ffffffd9;color:#244477;font-size:12px;font-weight:700;text-decoration:none;box-shadow:0 4px 14px #1e407814}.welcome-body .welcome-admin a:hover{background:#fff;color:#354ce0}.welcome-body .welcome-footer{margin-top:auto;padding-top:14px;color:#334b76;font-size:11px;font-weight:600}@media (max-width: 640px){body.welcome-body{background-attachment:scroll;background-position:center}.welcome-body .welcome-container{padding-top:24px}.welcome-body .welcome-uptm-logo{max-width:180px;height:65px}.welcome-body .welcome-logo{margin-bottom:22px}.welcome-body .welcome-intro{margin-bottom:24px}.welcome-body .role-section{grid-template-columns:1fr;max-width:360px;gap:16px}.welcome-body .role-card{min-height:245px;padding:24px 22px 20px}}