/* Penn+ UI update */
:root{--teal:#139383;--teal2:#0f766c;--mint:#e8fff6;--blue:#0f8fff;--black:#111;--page:#f3f5f6;--card:#fff;--border:#e5e7eb}
html{-webkit-text-size-adjust:100%}body{background:var(--page)!important;color:#101010!important;font-family:Inter,Poppins,Arial,sans-serif!important}
.header,.admin-header,.dashboard-header,.topbar,.navbar,.sidebar-header,.page-top{background:var(--teal)!important;color:#fff!important}.header *,.admin-header *,.dashboard-header *,.topbar *,.navbar *{color:#fff!important}
.card,.dashboard-card,.admin-card,.panel,.content-card,.table-card,.login-card,.login-box,.auth-card,.admin-login-card{background:#fff!important;border-radius:22px!important;border:1px solid var(--border)!important;box-shadow:0 12px 34px rgba(0,0,0,.08)!important}
button,.btn,.login-btn,input[type=submit],button[type=submit],.action-btn{border-radius:14px!important;font-weight:800!important;border:none!important}.btn-primary,button[type=submit],input[type=submit],.login-btn{background:var(--teal)!important;color:#fff!important}.btn-primary:hover,button[type=submit]:hover,input[type=submit]:hover,.login-btn:hover{background:var(--teal2)!important}
.refresh-btn,.btn-refresh,button[onclick*=refresh],a[href*=refresh]{background:var(--blue)!important;color:#fff!important}.alert,.info-box,.notice,.help-box{background:var(--mint)!important;color:var(--teal2)!important;border:none!important;border-radius:16px!important;font-weight:700!important}
@media(max-width:768px){body{margin:0!important;font-size:17px!important;min-height:100vh!important}.login-container,.admin-login-container,.auth-container,.login-page,.auth-page{min-height:100vh!important;width:100%!important;padding:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}body:has(.login-card),body:has(.admin-login-card),body:has(.login-box),body:has(form[action*=login]){min-height:100vh!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:18px!important;box-sizing:border-box!important}.login-card,.admin-login-card,.auth-card,.login-box,form[action*=login]{width:92vw!important;max-width:520px!important;min-width:0!important;padding:32px 22px!important;border-radius:24px!important;transform:none!important;zoom:1!important;box-sizing:border-box!important}.login-card h1,.admin-login-card h1,.auth-card h1,.login-box h1,form[action*=login] h1,.login-card h2,.admin-login-card h2,.auth-card h2,.login-box h2{font-size:31px!important;line-height:1.15!important;text-align:center!important;margin-bottom:18px!important}.login-card p,.admin-login-card p,.auth-card p,.login-box p{font-size:17px!important;text-align:center!important}.login-card label,.admin-login-card label,.auth-card label,.login-box label,form[action*=login] label{font-size:17px!important;font-weight:800!important}.login-card input,.admin-login-card input,.auth-card input,.login-box input,form[action*=login] input{height:58px!important;font-size:17px!important;border-radius:14px!important;padding:12px 16px!important;box-sizing:border-box!important}.login-card button,.admin-login-card button,.auth-card button,.login-box button,form[action*=login] button{height:58px!important;font-size:17px!important;border-radius:14px!important}}
table{width:100%;border-collapse:collapse!important;background:#fff!important;border-radius:16px!important;overflow:hidden!important}thead,thead tr,th{background:var(--black)!important;color:#fff!important}th,td{padding:15px 18px!important;border-bottom:1px solid #eee!important;white-space:nowrap}
.penn-table-panel{background:#fff!important;border-radius:22px!important;padding:18px!important;margin:18px 0!important;box-shadow:0 12px 34px rgba(0,0,0,.08)!important}.penn-expand-btn{display:none;background:var(--teal)!important;color:#fff!important;border:none!important;border-radius:22px!important;padding:10px 18px!important;font-weight:900!important;margin-bottom:14px!important}.penn-table-scroll{overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;border-radius:14px!important;border:1px solid #eee!important}
@media(max-width:900px){.penn-expand-btn{display:inline-block!important}.penn-table-panel{max-height:260px;overflow:hidden;position:relative}.penn-table-panel.expanded{max-height:none;overflow:visible}.penn-table-panel::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:34px;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff);pointer-events:none}.penn-table-panel.expanded::after{display:none}.penn-table-scroll{max-height:190px;overflow:auto!important}.penn-table-panel.expanded .penn-table-scroll{max-height:70vh}table{min-width:720px!important;font-size:15px!important}th,td{padding:14px 16px!important}}
.penn-modal{display:none;position:fixed;z-index:99999;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(5px);align-items:center;justify-content:center;padding:16px}.penn-modal.active{display:flex}.penn-modal-box{position:relative;background:#fff;border-radius:22px;padding:14px;max-width:92vw;max-height:88vh;box-shadow:0 25px 80px rgba(0,0,0,.35)}.penn-modal-box img{max-width:100%;max-height:78vh;border-radius:16px;display:block;object-fit:contain}.penn-modal-close{position:absolute;top:-14px;right:-14px;width:44px;height:44px;border-radius:50%!important;background:var(--teal)!important;color:#fff!important;border:3px solid #fff!important;font-size:28px!important;line-height:38px!important;cursor:pointer}img[src*=uploads],a[href*=uploads]{cursor:zoom-in}