:root{--font-sans: "DM Sans", system-ui, sans-serif;font-family:var(--font-sans);line-height:1.5;font-weight:400;color-scheme:light;--fg: #0f1724;--muted: #6b7280;--bg: #ffffff;--panel-bg: #ffffff;--panel-fg: var(--fg);--card-bg: #f8fafc;color:var(--fg);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#2563eb;text-decoration:inherit}a:hover{color:#1e40af}html{height:100%;overflow:hidden}body{margin:0;padding:0;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);width:100%;min-width:320px;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;font-family:var(--font-sans);background:var(--bg);color:var(--fg);overflow-x:hidden;box-sizing:border-box}.sidebar{--sidebar-width: 300px;--sidebar-collapsed: 70px;position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:#660100;color:#fff;padding:0;box-sizing:border-box;font-family:var(--font-sans);transition:width .2s ease,transform .2s ease;z-index:1000;border-right:1px solid rgba(0,0,0,.1);box-shadow:2px 0 8px #00000026;display:flex;flex-direction:column}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar .sidebar-top{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;padding:1.5rem 1.25rem;min-height:64px;background:#0003;border-bottom:1px solid rgba(255,255,255,.1);margin:0;width:100%;box-sizing:border-box}.collapse-btn{background:transparent;color:#fff;border:none;font-size:1.3rem;cursor:pointer;outline:none;display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:4px;transition:background .2s ease}.collapse-btn svg{width:1.3rem;height:1.3rem}.collapse-btn:hover{background:#ffffff1a}.collapse-btn:focus{outline:none}.brand{margin:0;font-size:1.5rem;font-weight:600;color:#fff;opacity:1}.nav{padding:.75rem;flex:1;overflow-y:auto}.nav ul{list-style:none;padding:0;margin:0}.nav>ul>li{margin-bottom:.5rem;position:relative}.nav-item{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:.875rem;padding:.875rem 1rem;border:none;background:transparent;color:#ffffffe6;text-align:left;cursor:pointer;font-size:1rem;font-family:inherit;box-sizing:border-box;border-radius:8px;transition:all .2s ease;outline:none}.nav-item:focus{outline:none}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:#fff3;color:#fff;font-weight:600;border-radius:4px}.icon{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;stroke-width:2}.label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chev{opacity:.8;transition:transform .3s ease;flex-shrink:0;color:#ffffffe6}.chev-open{transform:rotate(180deg)}.submenu{max-height:0;overflow:hidden;transition:max-height .2s ease;padding:.25rem 0;margin-left:3.5rem;margin-top:.25rem;justify-content:left}.submenu.open{max-height:240px;margin-top:.1rem}.submenu li{margin-bottom:0}.submenu li:first-child{margin-top:.1rem}.submenu li button{width:100%;height:100%;padding:.625rem 1rem .625rem 2rem;background:transparent;border:none;color:#fffc;text-align:left;cursor:pointer;box-sizing:border-box;border-radius:8px;outline:none;font-size:.95rem;transition:all .2s ease;margin-left:0;position:relative}.submenu li button:before{content:"";position:absolute;left:0;top:-.25rem;bottom:-.25rem;width:2px;background:#ffffff4d;transition:background .2s ease}.submenu li button:focus{outline:none}.submenu li button:hover{background:transparent;color:#fff}.submenu li button:hover:after{content:"";position:absolute;left:1rem;top:0;right:0;bottom:0;background:#ffffff1a;border-radius:8px;z-index:-1}.submenu li a{display:block;padding:.625rem 1rem .625rem 2rem;color:#fffc;text-decoration:none;border-radius:8px;transition:all .2s ease;font-size:.95rem;text-align:left;margin-left:0;position:relative}.submenu li a:before{content:"";position:absolute;left:1rem;top:0;bottom:0;width:2px;background:#ffffff4d;transition:background .2s ease}.submenu li a:hover{background:transparent;color:#fff}.submenu li a:hover:before{background:#ffffff80}.submenu li a:hover:after{content:"";position:absolute;left:1rem;top:0;right:0;bottom:0;background:#ffffff1a;border-radius:8px;z-index:-1}.submenu li a.active{background:transparent;color:#fff;font-weight:600;padding-left:2rem;border-radius:4px}.submenu li a.active:before{background:#fff9}.submenu li a.active:after{content:"";position:absolute;left:1.25rem;top:0;right:0;bottom:0;background:#fff3;border-radius:4px;z-index:-1}.sidebar.collapsed .label,.sidebar.collapsed .brand,.sidebar.collapsed .chev,.sidebar.collapsed .submenu{display:none}.sidebar.collapsed .nav-item.active{border-radius:4px}.nav-item,.submenu li button{white-space:nowrap}.sidebar-bottom{padding:.75rem;border-top:1px solid rgba(255,255,255,.1);margin-top:auto;width:100%;box-sizing:border-box}.sidebar-bottom ul{list-style:none;padding:0;margin:0}.profile-item{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:.875rem;padding:.875rem 1rem;border:none;background:transparent;color:#ffffffe6;text-align:left;cursor:pointer;font-size:1rem;box-sizing:border-box;border-radius:8px;transition:all .2s ease;outline:none;text-decoration:none}.profile-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover;flex-shrink:0}.profile-item:hover{background:#ffffff1a;color:#fff}.profile-item.active{background:#fff3;color:#fff;font-weight:600}.sidebar.collapsed .profile-item .label{display:none}.submenu-popover{position:fixed;left:calc(var(--sidebar-collapsed) - 12px);background:#660100;border-radius:8px;padding:.4rem 0;min-width:160px;max-width:180px;box-shadow:2px 4px 16px #0006;z-index:100000!important;border:1px solid rgba(255,255,255,.15);animation:popoverFadeIn .2s ease;pointer-events:auto;transform:translateY(-50%)}@media(max-width:768px){.submenu-popover{display:none!important}}@media(max-width:480px){.submenu-popover{display:none!important}}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(-50%) translate(-8px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.popover-arrow{position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #660100;filter:drop-shadow(-2px 0 2px rgba(0,0,0,.2))}.popover-menu{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.125rem}.popover-item{display:block;padding:.5rem .75rem;color:#ffffffe6;text-decoration:none;font-size:.85rem;transition:all .2s ease;border-radius:6px;margin:0 .4rem;text-align:left}@media(max-width:768px){.popover-item{padding:.45rem .65rem;font-size:.8rem;margin:0 .35rem}}@media(max-width:480px){.popover-item{padding:.4rem .6rem;font-size:.75rem;margin:0 .3rem}}.popover-item:hover{background:#ffffff26;color:#fff}.popover-item.active{background:#ffffff40;color:#fff;font-weight:600}@media(max-width:768px){.sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:60%!important;min-width:60%!important;max-width:60%!important;height:100vh!important;flex-direction:column!important;border-right:1px solid rgba(0,0,0,.1);box-shadow:2px 0 8px #00000026;z-index:10000!important;overflow-y:auto!important;overflow-x:hidden!important;display:flex!important;visibility:visible!important;opacity:1!important;transform:translate(-100%);transition:transform .3s ease}.sidebar.collapsed{width:60%!important;min-width:60%!important;max-width:60%!important;transform:translate(-100%)}.sidebar:not(.collapsed){transform:translate(0)}.sidebar .sidebar-top{flex-direction:row;padding:1.25rem .75rem;min-height:60px;border-bottom:1px solid rgba(255,255,255,.1);border-right:none;min-width:auto;flex-shrink:0;display:flex!important;visibility:visible!important}.collapse-btn{display:flex!important;visibility:visible!important;opacity:1!important}.brand{font-size:1.2rem;white-space:nowrap}.collapse-btn{font-size:1.2rem}.collapse-btn svg{width:1.2rem;height:1.2rem}.nav{flex:1;padding:.5rem;overflow-y:auto;overflow-x:hidden;display:flex!important;flex-direction:column;visibility:visible!important;opacity:1!important;-webkit-overflow-scrolling:touch}.nav ul{display:flex;flex-direction:column;gap:.25rem;align-items:stretch}.nav>ul>li{margin-bottom:.25rem;height:auto;display:flex;flex-direction:column;align-items:stretch}.nav-item{padding:1.1rem .75rem;font-size:.95rem;min-height:52px;height:auto;width:100%;white-space:nowrap}.nav-item .icon{width:18px;height:18px}.sidebar-bottom{display:flex!important;flex-direction:column;visibility:visible!important;padding:.5rem;border-top:1px solid rgba(255,255,255,.1)}.profile-item{padding:1.1rem .75rem;min-height:52px;font-size:.95rem}.submenu{display:block!important;flex-direction:column!important;max-height:0;overflow:hidden;transition:max-height .2s ease;padding:0;margin-left:1rem;margin-top:.25rem;margin-bottom:0;width:100%;list-style:none}.submenu.open{max-height:500px!important;padding:.25rem 0}.submenu li{margin-bottom:0;display:block;width:100%}.submenu li:first-child{margin-top:0}.submenu li a{display:block;padding:.4rem .75rem .4rem 1.5rem;color:#fffc;text-decoration:none;border-radius:8px;transition:all .2s ease;font-size:.9rem;text-align:left;margin-left:0;position:relative}.submenu li a:before{content:"";position:absolute;left:.5rem;top:0;bottom:0;width:2px;background:#ffffff4d;transition:background .2s ease}.submenu li a:hover{background:#ffffff1a;color:#fff}.submenu li a:hover:before{background:#ffffff80}.submenu li a.active{background:#ffffff26;color:#fff;font-weight:600;padding-left:1.5rem;border-radius:4px}.submenu li a.active:before{background:#fff9}.sidebar.collapsed .label,.sidebar.collapsed .brand{display:none!important}.sidebar:not(.collapsed) .label,.sidebar:not(.collapsed) .brand{display:inline!important}.sidebar.collapsed .chev{display:none}.sidebar.collapsed .nav-item,.sidebar .nav-item{display:flex!important;visibility:visible!important;opacity:1!important}}@media(max-width:480px){.sidebar,.sidebar.collapsed{width:60%!important;min-width:60%!important;max-width:60%!important;transform:translate(-100%)}.sidebar:not(.collapsed){transform:translate(0)}.sidebar .sidebar-top{padding:1.1rem .5rem;min-height:56px}.brand,.collapse-btn{font-size:1.1rem}.collapse-btn svg{width:1.1rem;height:1.1rem}.nav{padding:.4rem}.nav-item{padding:1rem .6rem;font-size:.9rem;min-height:48px}.nav-item .icon{width:16px;height:16px}.profile-item{padding:1rem .6rem;min-height:48px;font-size:.9rem}.collapse-btn{padding:.2rem}}.sidebar-open-btn{position:fixed;bottom:20px;left:16px;z-index:999;background:#660100;color:#fff;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all .2s ease;padding:0}.sidebar-open-btn:hover{background:#6b0f2b;transform:scale(1.05)}.sidebar-open-btn:active{transform:scale(.95)}@media(min-width:769px)and (max-width:1024px){.sidebar{position:fixed;top:0;left:0;bottom:0;width:30%!important;min-width:30%!important;max-width:30%!important;z-index:1001;transform:translate(0);transition:transform .2s ease;box-shadow:2px 0 8px #00000026}.sidebar.closed,.sidebar.collapsed{transform:translate(-100%)}.sidebar:not(.closed){transform:translate(0)}.sidebar .sidebar-top{padding:1.25rem 1rem;min-width:auto}.brand{font-size:1.3rem}.nav-item{padding:.75rem .875rem;font-size:.9rem}.sidebar.closed .label,.sidebar.closed .brand,.sidebar.closed .chev{display:none}.sidebar:not(.closed) .label,.sidebar:not(.closed) .brand{display:block}}@media(min-width:769px)and (max-width:1024px){.sidebar-open-btn{position:fixed;bottom:20px;left:16px;z-index:999;display:flex}.sidebar:not(.closed):not(.collapsed)~* .sidebar-open-btn,body:has(.sidebar:not(.closed):not(.collapsed)) .sidebar-open-btn{display:none}}@media(min-width:1025px){.sidebar-open-btn{display:none}}.dashboard-container{padding:0 24px;max-width:100%;display:flex;flex-direction:column;overflow:hidden}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e0e0e0;flex-shrink:0}.dashboard-title{font-size:24px;font-weight:700;color:#1a1a1a;text-align:left;margin:0 0 4px}.dashboard-subtitle{font-size:14px;color:#666;margin:0}.dashboard-time{display:flex;align-items:center;gap:6px;color:#666;font-size:12px;padding:6px 12px;background:#f5f5f5;border-radius:6px}.dashboard-main{display:grid;grid-template-columns:1fr 260px;gap:20px;align-items:start}.dashboard-main-full{grid-template-columns:1fr}@media(max-width:1400px){.dashboard-main{grid-template-columns:1fr 240px}.dashboard-main-full{grid-template-columns:1fr}}.stats-section{min-width:0;overflow:hidden}.stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:12px;display:flex;align-items:flex-start;gap:10px;transition:all .2s ease;cursor:default}.stat-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.stat-card-clickable{cursor:pointer}.stat-card-clickable:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px);border-color:#d0d0d0}.stat-card-clickable:hover .stat-icon{transform:scale(1.1)}.stat-icon{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.stat-content{flex:1;min-width:0}.stat-value{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:3px;line-height:1.2}.stat-label{font-size:12px;color:#666;margin-bottom:4px}.stat-trend{display:flex;align-items:center;gap:4px;font-size:11px;color:#16a34a;font-weight:500}.section-title{font-size:15px;font-weight:600;color:#1a1a1a;margin:0 0 10px}.notification-center-section{width:100%;max-width:100%;display:flex;flex-direction:column;min-width:0;padding-right:0;box-sizing:border-box;overflow:hidden}.notification-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.notification-title-wrapper{display:flex;align-items:center;gap:8px;position:relative}.notification-icon{color:#660100}.notification-badge{background:#dc2626;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;line-height:1.4}.refresh-button{background:transparent;border:1px solid #e0e0e0;border-radius:6px;padding:6px 8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s ease}.refresh-button:hover:not(:disabled){background:#f5f5f5;border-color:#d0d0d0;color:#1a1a1a}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.refresh-button .spinning{animation:spin 1s linear infinite}.notification-list{display:flex;flex-direction:column;gap:8px;max-height:500px;overflow-y:auto}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.notification-list::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#b0b0b0}.notification-item{display:flex;gap:12px;padding:12px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;transition:all .2s ease;flex-shrink:0;position:relative;min-width:0;width:100%;box-sizing:border-box}.notification-item:hover{box-shadow:0 2px 8px #0000000f;border-color:#d0d0d0;transform:translate(2px)}.notification-icon-wrapper{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#00000008}.notification-content{flex:1;min-width:0}.notification-text{font-size:13px;color:#1a1a1a;margin:0 0 4px;font-weight:500;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.notification-time{font-size:11px;color:#999}.notification-count{font-size:11px;color:#666;font-weight:500;display:block;margin-top:4px}.notification-empty{padding:2rem 1rem;text-align:center;color:#999;font-size:13px;display:flex;flex-direction:column;align-items:center;justify-content:center}.notification-empty p{margin:0}.activity-item{display:flex;gap:10px;padding:12px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;transition:all .2s ease;flex-shrink:0}.activity-dot{width:6px;height:6px;border-radius:50%;background:#660100;margin-top:5px;flex-shrink:0}.activity-content{flex:1;min-width:0}.activity-text{font-size:13px;color:#1a1a1a;margin:0 0 4px;font-weight:500;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.activity-time{font-size:11px;color:#999}@media(max-width:1400px){.stats-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1200px){.dashboard-main{grid-template-columns:1fr;gap:16px}.notification-center-section{border-left:none;padding-left:0;padding-top:16px}.stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.dashboard-container{padding:0 20px 20px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:10px}.stat-card{padding:10px}.stat-icon{width:32px;height:32px}.stat-value{font-size:16px}.stat-label{font-size:11px}.floating-top-three{padding:64px 12px 16px;min-height:220px}.performer-card{width:150px}.performer-name{font-size:13px;margin-bottom:10px;line-height:1.3}.performer-points-large{font-size:24px}.leaderboard-section{padding:36px 20px 20px}.message-compact-bar{padding:10px 16px}.message-compact-text{font-size:13px}.message-editor-inline{flex-wrap:wrap}.message-editor-actions-inline{width:100%;justify-content:flex-end}}@media(max-width:768px){.dashboard-container{margin-left:0;padding:12px 16px 16px}.dashboard-header{flex-direction:column;gap:12px;align-items:flex-start;padding-bottom:12px}.dashboard-title{font-size:20px}.dashboard-subtitle{font-size:13px}.dashboard-time{font-size:11px;padding:6px 10px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:10px}.stat-icon{width:30px;height:30px}.stat-value{font-size:16px}.stat-label{font-size:11px}.insights-grid{grid-template-columns:1fr}.message-of-the-day-section{margin-bottom:16px}.message-compact-bar{padding:10px 12px;min-height:auto}.message-compact-content{flex-wrap:wrap;gap:8px}.message-compact-text{font-size:13px}.message-edit-btn-inline{padding:6px 10px;font-size:12px}.message-editor-inline{flex-direction:column;align-items:stretch}.message-textarea-inline{min-height:60px}.message-editor-actions-inline{justify-content:flex-end}}@media(max-width:480px){.dashboard-container{padding:10px 12px 16px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:max(16px,env(safe-area-inset-bottom))}.dashboard-header{gap:10px;padding-bottom:10px}.dashboard-title{font-size:18px;line-height:1.3}.dashboard-subtitle{font-size:12px}.dashboard-time{font-size:11px;padding:8px 12px;min-height:36px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stat-card{padding:12px 10px;min-height:72px;border-radius:10px}.stat-icon{width:32px;height:32px;min-width:32px;min-height:32px}.stat-value{font-size:15px;line-height:1.2}.stat-label{font-size:11px;line-height:1.3}.section-title{font-size:14px}.message-of-the-day-section{margin-bottom:12px}.message-compact-bar{padding:12px;border-radius:8px}.message-compact-text{font-size:12px}.message-edit-btn-inline,.message-save-btn-inline,.message-cancel-btn-inline{min-height:44px;padding:10px 14px}.refresh-button{min-width:44px;min-height:44px;padding:10px}.notification-item{padding:14px 12px;min-height:56px}.notification-text{font-size:13px}}@media(max-width:380px){.dashboard-container{padding:8px 10px 12px}.dashboard-title{font-size:16px}.stats-grid{gap:6px}.stat-card{padding:10px 8px;min-height:68px}.stat-value{font-size:14px}.stat-label{font-size:10px}}.skeleton{animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-icon{background:#e0e0e0!important;border-radius:8px}.skeleton-dot{background:#e0e0e0!important}.skeleton-text{background:#e0e0e0;border-radius:4px;height:1em;margin:0}.skeleton-text-large{width:60px;height:24px;margin-bottom:8px}.skeleton-text-medium{width:100%;height:16px;margin-bottom:6px}.skeleton-text-small{width:80px;height:14px}.skeleton-text-tiny{width:70px;height:12px}.message-of-the-day-section{margin-bottom:20px;flex-shrink:0}.message-compact-bar{background:linear-gradient(135deg,#660100,#7a0100);border-radius:10px;padding:12px 20px;display:flex;align-items:center;box-shadow:0 2px 8px #6601001f;color:#fff;min-height:48px}.message-compact-bar-admin{background:linear-gradient(135deg,#660100,#7a0100)}.message-compact-content{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.message-compact-icon{flex-shrink:0;color:#fff;opacity:.95}.message-compact-text{flex:1;font-size:14px;line-height:1.5;color:#fff;white-space:pre-wrap;word-wrap:break-word;font-weight:500;min-width:0;text-align:left}.message-edit-btn-inline{flex-shrink:0;display:flex;align-items:center;gap:6px;padding:6px 14px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.message-edit-btn-inline:hover{background:#ffffff40;border-color:#fff6;transform:translateY(-1px)}.message-editor-inline{display:flex;align-items:center;gap:12px;flex:1;width:100%}.message-textarea-inline{flex:1;padding:8px 12px;border:1px solid rgba(255,255,255,.3);border-radius:6px;font-size:14px;font-family:inherit;background:#ffffff26;color:#fff;resize:none;min-height:36px;line-height:1.5;transition:all .2s ease}.message-textarea-inline::placeholder{color:#fff9}.message-textarea-inline:focus{outline:none;border-color:#ffffff80;background:#fff3;box-shadow:0 0 0 3px #ffffff1a}.message-editor-actions-inline{display:flex;gap:8px;flex-shrink:0}.message-save-btn-inline,.message-cancel-btn-inline{display:flex;align-items:center;gap:6px;padding:6px 14px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.message-save-btn-inline{background:#ffffff40;border:1px solid rgba(255,255,255,.3);color:#fff}.message-save-btn-inline:hover:not(:disabled){background:#ffffff4d;border-color:#fff6}.message-save-btn-inline:disabled{opacity:.6;cursor:not-allowed}.message-cancel-btn-inline{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}.message-cancel-btn-inline:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.message-editor-card,.message-display-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:20px;box-shadow:0 2px 4px #0000000a}.message-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.message-editor-title{display:flex;align-items:center;gap:8px;color:#1a1a1a}.message-editor-title svg{color:#660100}.message-display-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#1a1a1a}.message-display-header svg{color:#660100}.message-editor-content{display:flex;flex-direction:column;gap:12px}.message-textarea{width:100%;padding:12px;border:1px solid #d0d0d0;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;min-height:100px;line-height:1.5;color:#1a1a1a;background:#fff;transition:border-color .2s ease}.message-textarea:focus{outline:none;border-color:#660100;box-shadow:0 0 0 3px #6601001a}.message-editor-actions{display:flex;gap:8px;justify-content:flex-end}.message-save-btn,.message-cancel-btn,.message-edit-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.message-save-btn{background:#660100;color:#fff}.message-save-btn:hover:not(:disabled){background:#7a0100;transform:translateY(-1px);box-shadow:0 2px 8px #66010033}.message-save-btn:disabled{opacity:.6;cursor:not-allowed}.message-cancel-btn{background:#f5f5f5;color:#666}.message-cancel-btn:hover:not(:disabled){background:#e8e8e8}.message-edit-btn{background:#f5f5f5;color:#660100;margin-top:12px;align-self:flex-start}.message-edit-btn:hover{background:#e8e8e8;transform:translateY(-1px)}.message-display-content{display:flex;flex-direction:column}.message-text{font-size:15px;line-height:1.6;color:#1a1a1a;margin:0;white-space:pre-wrap;word-wrap:break-word}.message-text-empty{font-size:14px;color:#999;font-style:italic;margin:0}.leaderboard-section{margin-top:24px;background:#fff;border-radius:12px;padding:56px 24px 24px;box-shadow:0 2px 8px #0000000d;position:relative;overflow:hidden}.floating-top-three{display:flex;justify-content:space-evenly;align-items:flex-end;gap:0;margin-bottom:24px;margin-top:0;padding:72px 16px 20px;position:relative;z-index:1;width:100%;max-width:100%;box-sizing:border-box;background:linear-gradient(135deg,#1a1f3a,#2d3561);border-radius:16px;border:1px solid rgba(255,255,255,.1);min-height:266px;overflow:visible}.floating-top-three-empty{justify-content:center;align-items:center}.top-three-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px}.empty-state-text{font-size:1.25rem;font-weight:600;color:#ffffffe6;margin-top:16px;margin-bottom:8px}.empty-state-subtext{font-size:.95rem;color:#fff9;margin:0}.floating-medal-1,.floating-medal-2,.floating-medal-3{display:flex;flex-direction:column;align-items:center}.top-performer-card{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;cursor:pointer;transition:transform .3s ease}.top-performer-card:hover{transform:translateY(-4px)}.performer-icon-wrapper{position:relative;z-index:1;animation:float 3s ease-in-out infinite}.floating-medal-1 .performer-icon-wrapper{animation-delay:0s}.floating-medal-2 .performer-icon-wrapper{animation-delay:.5s}.floating-medal-3 .performer-icon-wrapper{animation-delay:1s}.performer-icon-circle{width:70px;height:70px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d}.performer-icon-gold{background:linear-gradient(135deg,gold,orange)}.performer-icon-silver{background:linear-gradient(135deg,#e0e0e0,#9e9e9e)}.performer-icon-bronze{background:linear-gradient(135deg,#ff8c00,#ff6b00)}.performer-avatar{width:62px;height:62px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;border:3px solid #fff}.performer-avatar-img{width:100%;height:100%;object-fit:cover}.performer-avatar-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:24px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.performer-badge{position:absolute;top:-3px;right:-3px;width:24px;height:24px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0000004d;z-index:3}.performer-badge svg{width:14px;height:14px}.performer-icon-gold .performer-badge svg{color:gold}.performer-icon-silver .performer-badge svg{color:silver}.performer-icon-bronze .performer-badge svg{color:#cd7f32}.performer-card{width:180px;padding:16px 12px;border-radius:10px 10px 0 0;text-align:center;transition:all .3s ease;box-shadow:0 4px 12px #0003;flex-shrink:0;flex-grow:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0}.performer-card-gold{background:linear-gradient(135deg,gold,orange);height:120px;border-radius:10px 10px 0 0}.performer-card-silver{background:linear-gradient(135deg,#e0e0e0,#9e9e9e);height:90px;border-radius:10px 10px 0 0}.performer-card-bronze{background:linear-gradient(135deg,#ff8c00,#ff6b00);height:65px;border-radius:10px 10px 0 0}.top-performer-card:hover .performer-card{box-shadow:0 6px 20px #00000040;transform:scale(1.05)}.performer-name{font-size:14px;font-weight:700;color:#fff;margin:0 0 12px;line-height:1.3;text-shadow:0 1px 3px rgba(0,0,0,.3);word-wrap:break-word;overflow-wrap:break-word;max-width:100%;text-align:center}.performer-points-large{font-size:28px;font-weight:700;color:#fff;line-height:1;margin:0 0 2px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.performer-points-label{font-size:12px;color:#ffffffe6;font-weight:500;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.2)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.medal-frame{position:relative;padding:6px;border-radius:50%;background:linear-gradient(135deg,var(--medal-color) 0%,var(--medal-color) 100%);box-shadow:0 0 20px var(--medal-glow),0 0 40px var(--medal-glow),0 4px 12px #00000026,inset 0 2px 4px #ffffff4d;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--medal-glow),0 0 40px var(--medal-glow),0 4px 12px #00000026,inset 0 2px 4px #ffffff4d}50%{box-shadow:0 0 30px var(--medal-glow),0 0 60px var(--medal-glow),0 4px 12px #00000026,inset 0 2px 4px #ffffff4d}}.medal-avatar{width:65px;height:65px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;border:3px solid #fff;box-shadow:inset 0 2px 4px #0000001a}.medal-avatar-img{width:100%;height:100%;object-fit:cover}.medal-avatar-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:24px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.crown-wrapper{position:absolute;top:-32px;z-index:11;animation:float-crown 3s ease-in-out infinite;animation-delay:0s}.crown-icon{color:gold;filter:drop-shadow(0 2px 4px rgba(255,215,0,.5))}@keyframes float-crown{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-8px) rotate(5deg)}}.medal-info{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:4px}.medal-name{font-size:12px;font-weight:600;color:#1a1a1a;text-align:center;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.medal-points{font-size:11px;font-weight:600;color:#ca8a04;text-align:center}.leaderboard-header{display:flex;align-items:center;gap:10px;margin-top:4px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f0f0f0;position:relative;z-index:2;background:#fff}.leaderboard-icon{color:#ca8a04}.leaderboard-list{display:flex;flex-direction:column;gap:8px;position:relative;z-index:2;background:#fff}.leaderboard-item{display:flex;align-items:center;gap:20px;padding:18px 24px;min-height:70px;border-radius:12px;background:#fff;border:1px solid #e5e5e5;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 1px 3px #0000000d}.leaderboard-item.no-rank{gap:14px}.leaderboard-item:hover:not(.current-user){background:#fafafa;border-color:#d0d0d0;transform:translate(4px);box-shadow:0 2px 8px #0000001a}.leaderboard-item.current-user{background:#fff8e1;border:2px solid #fecc0b;font-weight:600;position:relative;box-shadow:0 2px 8px #fecc0b33}.leaderboard-item.current-user:hover{background:linear-gradient(135deg,#fffef0,#fff8e1)!important;border-color:#fecc0b!important}.leaderboard-rank-icon{min-width:50px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:50%;font-weight:600;color:#666;font-size:15px;flex-shrink:0}.leaderboard-item.current-user .leaderboard-rank-icon{background:#fff8e1;color:#1a1a1a}.leaderboard-avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border:2px solid #e5e5e5;transition:all .2s ease}.leaderboard-item.current-user .leaderboard-avatar{border-color:#fecc0b;box-shadow:0 0 0 2px #fecc0b33}.leaderboard-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.leaderboard-avatar-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.leaderboard-name-section{flex:1;display:flex;flex-direction:column;gap:4px;text-align:left}.leaderboard-name{font-size:18px;color:#1a1a1a;font-weight:600;line-height:1.2}.leaderboard-rank-text{font-size:13px;color:#666;font-weight:400}.leaderboard-points{display:flex;align-items:center;justify-content:center;font-weight:600;color:#ca8a04;font-size:15px;background:#fff8e1;padding:10px 16px;border-radius:8px;white-space:nowrap;border:1px solid #fecc0b;min-width:80px}.leaderboard-empty{text-align:center;padding:40px 20px;color:#999}.leaderboard-item.skeleton{background:#f5f5f5}.leaderboard-item.skeleton .leaderboard-rank-icon{width:50px;height:50px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:50%}.leaderboard-item.skeleton .leaderboard-name-section{height:40px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}.leaderboard-item.skeleton .leaderboard-points{height:36px;width:80px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px}.leaderboard-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e0}.pagination-btn{padding:8px 16px;border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#1a1a1a;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;outline:none}.pagination-btn:hover:not(:disabled){background:#f5f5f5;border-color:#fecc0b;color:#1a1a1a;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5}.pagination-info{font-size:14px;color:#666;font-weight:500}@media(max-width:1200px){.dashboard-main{grid-template-columns:1fr}.notification-center-section{margin-top:20px;max-width:100%}}@media(max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.message-editor-actions{flex-direction:column}.message-save-btn,.message-cancel-btn{width:100%;justify-content:center}.floating-top-three{gap:10px;margin-bottom:24px;margin-top:0;max-width:450px;padding:48px 12px 14px;min-height:200px;overflow:visible}.performer-icon-circle{width:60px;height:60px}.performer-avatar{width:54px;height:54px}.performer-avatar-initials{font-size:20px}.performer-badge{width:20px;height:20px;top:-2px;right:-2px}.performer-badge svg{width:12px;height:12px}.performer-card{width:120px;padding:14px 10px}.performer-card-gold{height:110px;background:linear-gradient(135deg,gold,orange);border-radius:10px 10px 0 0}.performer-card-silver{height:80px;border-radius:10px 10px 0 0}.performer-card-bronze{height:60px;background:linear-gradient(135deg,#ff8c00,#ff6b00);border-radius:10px 10px 0 0}.performer-name{font-size:12px;margin-bottom:10px;line-height:1.25}.performer-points-large{font-size:24px}.performer-points-label{font-size:11px}.leaderboard-item{padding:14px 16px;gap:14px;min-height:64px}.leaderboard-rank-icon{min-width:45px;width:45px;height:45px;font-size:14px}.leaderboard-name{font-size:16px}.leaderboard-rank-text{font-size:12px}.leaderboard-points{font-size:14px;padding:8px 12px;min-width:70px}.leaderboard-pagination{flex-wrap:wrap;gap:12px}.pagination-btn{padding:6px 12px;font-size:13px}.pagination-info{font-size:13px}}@media(max-width:480px){.floating-top-three{gap:6px;padding:52px 10px 12px;min-height:180px;margin-bottom:20px;border-radius:12px;overflow:visible}.performer-icon-circle{width:52px;height:52px}.performer-avatar{width:46px;height:46px}.performer-avatar-initials{font-size:16px}.performer-card{width:90px;padding:10px 6px}.performer-card-gold{height:95px}.performer-card-silver{height:70px}.performer-card-bronze{height:52px}.performer-name{font-size:11px;margin-bottom:8px;line-height:1.25}.performer-points-large{font-size:18px}.performer-points-label{font-size:10px}.leaderboard-section{padding:28px 12px 14px}.leaderboard-header{margin-bottom:14px;padding-bottom:12px}.leaderboard-item{padding:12px 10px;gap:10px;min-height:56px;border-radius:10px}.leaderboard-rank-icon{min-width:36px;width:36px;height:36px;font-size:12px}.leaderboard-avatar{width:40px;height:40px}.leaderboard-avatar-initials{font-size:14px}.leaderboard-name{font-size:14px;line-height:1.2}.leaderboard-rank-text{font-size:11px}.leaderboard-points{font-size:12px;padding:6px 10px;min-width:56px}.leaderboard-pagination{margin-top:14px;padding-top:14px;gap:10px}.pagination-btn{min-height:44px;padding:10px 14px;font-size:13px}}@media(max-width:380px){.floating-top-three{min-height:160px;padding:48px 6px 10px}.performer-card{width:78px}.performer-name{font-size:10px;margin-bottom:6px}.performer-points-large{font-size:16px}.leaderboard-item{padding:10px 8px;gap:8px;min-height:52px}.leaderboard-name{font-size:13px}.leaderboard-points{min-width:50px;font-size:11px}}.stu-students-container{padding:2rem;max-width:100%;margin:0 auto;position:relative;overflow-x:hidden;box-sizing:border-box;display:flex;flex-direction:column;background:#fff;color:#000}.stu-students-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;margin-top:0;margin-left:0;gap:1rem;flex-wrap:wrap}.stu-students-page-header .stu-header-content{flex:1}.stu-students-page-header .stu-title-section{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.stu-students-icon{width:2rem;height:2rem;color:#000;flex-shrink:0}.stu-students-page-header h1{margin:0;color:#000;font-size:2rem;font-weight:600}.stu-students-page-header .stu-header-description{margin:0;color:#666;font-size:1rem;text-align:left}.stu-students-container .stu-divider-container{position:relative;margin-left:-2rem;margin-right:-2rem;margin-bottom:1rem;width:calc(100% + 4rem);box-sizing:border-box}.stu-students-container .stu-divider{height:1px;background:#0000001a;width:100%;margin:0;display:block}.stu-students-header{display:flex;justify-content:flex-start;align-items:center;gap:1rem;flex-wrap:wrap;padding:1rem;background:#fff;border:1px solid #e5e7eb}.stu-show-entries{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4b5563;font-family:inherit}.stu-show-entries select{padding:.375rem 2rem .375rem .75rem;border:1px solid #d1d5db;border-radius:6px;background-color:#f3f4f6;cursor:pointer;font-family:inherit;font-size:.875rem;color:#1f2937;font-weight:500;min-width:70px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234b5563' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:12px;transition:all .15s ease}.stu-show-entries select:hover{background-color:#e5e7eb;border-color:#9ca3af}.stu-show-entries select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background-color:#fff}.stu-search-box{flex:1;max-width:300px}.stu-search-box input{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;font-family:inherit;color:#374151}.stu-search-box input::placeholder{color:#9ca3af}.stu-search-box input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.stu-download-container{position:relative;margin-left:auto}.stu-download-button{display:flex;align-items:center;gap:.5rem;background-color:#fff;color:#374151;border:1px solid #d1d5db;padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit;font-size:.875rem}.stu-download-button:hover{background-color:#f9fafb;border-color:#9ca3af}.stu-download-button svg{width:16px;height:16px}.stu-download-menu{position:absolute;right:0;top:calc(100% + .5rem);background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #00000026;z-index:100;min-width:200px;overflow:hidden}.stu-download-menu button{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;text-align:left;background:#fff;border:none;color:#374151;font-size:.875rem;cursor:pointer;transition:background-color .15s;font-family:inherit;font-weight:500}.stu-download-menu button:hover{background-color:#f3f4f6}.stu-download-menu button svg{width:16px;height:16px;flex-shrink:0}.stu-add-button{background:#660100;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0;display:flex;align-items:center;gap:.5rem;font-family:inherit;margin-left:.5rem}.stu-add-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #80002066;background:#5c0017}.stu-filter-container{position:relative;margin-left:.5rem}.stu-filter-button{display:flex;align-items:center;gap:.5rem;background-color:#fff;color:#374151;border:1px solid #d1d5db;padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit;font-size:.875rem;position:relative}.stu-filter-button:hover{background-color:#f9fafb;border-color:#9ca3af}.stu-filter-button.stu-active{background-color:#7c2d12;color:#fff;border-color:#7c2d12}.stu-filter-button.stu-active:hover{background-color:#6b2510}.stu-filter-button svg{width:16px;height:16px}.stu-filter-count{width:8px;height:8px;border-radius:50%;background-color:#fbbf24;display:inline-block;margin-left:.25rem}.stu-filter-button.stu-active .stu-filter-count{background-color:#fbbf24}.stu-filter-menu{position:absolute;right:0;top:calc(100% + .5rem);background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 30px #00000026;z-index:100;min-width:320px;max-width:380px;padding:1.25rem}.stu-filter-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:2px solid #f3f4f6}.stu-filter-menu-header h3{margin:0;font-size:1.125rem;font-weight:700;color:#111827;font-family:inherit}.stu-clear-filters-btn{background:none;border:none;color:#8b5a2b;font-size:.875rem;font-weight:600;cursor:pointer;padding:.375rem .75rem;border-radius:6px;font-family:inherit;transition:all .2s}.stu-clear-filters-btn:hover{background-color:#fef3c7;color:#92400e}.stu-filter-section{margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid #f3f4f6}.stu-filter-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.stu-filter-label{display:block;font-weight:600;color:#111827;font-size:.9rem;margin-bottom:.625rem;font-family:inherit}.stu-filter-select{width:100%;padding:.625rem 2.5rem .625rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-family:inherit;color:#374151;background-color:#fff;cursor:pointer;transition:all .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23374151' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.stu-filter-select:hover{border-color:#9ca3af;background-color:#f9fafb}.stu-filter-select:focus{outline:none;border-color:#8b5a2b;box-shadow:0 0 0 3px #8b5a2b1a}.stu-table-container{overflow-x:auto;background:#fff;border:1px solid #e5e7eb;border-top:none;box-shadow:none;position:relative;z-index:2}.stu-students-table{width:100%;border-collapse:collapse;background:#fff;color:#1f2937;font-family:inherit}.stu-students-table thead{background-color:#f8f9fa;border-bottom:1px solid #e5e7eb}.stu-students-table th{padding:.875rem 1rem;text-align:center;font-weight:600;font-size:.875rem;color:#1f2937;-webkit-user-select:none;user-select:none;white-space:nowrap;position:relative}.stu-students-table th.stu-sortable{cursor:pointer}.stu-students-table th.stu-sortable:hover{background-color:#f3f4f6}.sort-icons{display:inline-flex;flex-direction:column;margin-left:.25rem;vertical-align:middle;line-height:.5;opacity:0;transition:opacity .2s}.stu-students-table th:hover .sort-icons,.stu-students-table th .sort-icons.stu-active-column{opacity:1}.sort-icon{font-size:.625rem;color:#d1d5db;transition:color .2s;display:block;line-height:.5;margin-bottom:.2rem}.sort-icon.stu-active{color:#6b7280}.stu-students-table th:hover .sort-icon{color:#9ca3af}.stu-students-table th:hover .sort-icon.stu-active{color:#4b5563}.stu-students-table tbody tr{transition:background-color .15s}.stu-students-table tbody tr:nth-child(2n){background-color:#fafafa}.stu-students-table tbody tr:hover{background-color:#f3f4f6}.stu-students-table td{padding:.875rem 1rem;font-size:.875rem;color:#1f2937;font-family:inherit;white-space:nowrap}.status-badge{display:inline-block;padding:.375rem .875rem;border-radius:12px;font-size:.75rem;font-weight:600;font-family:inherit;white-space:nowrap}.status-badge.registered{background-color:#d1fae5;color:#065f46}.status-badge.not-registered{background-color:#fee2e2;color:#991b1b}.degree-audit-icon{display:inline-flex;align-items:center;justify-content:center;transition:transform .2s,opacity .2s}.degree-audit-icon svg{width:24px;height:24px;transition:transform .2s,opacity .2s}.degree-audit-icon.clickable{cursor:pointer}.degree-audit-icon.clickable:hover svg{transform:scale(1.15);opacity:.8}.degree-audit-icon:not(.clickable){cursor:not-allowed;opacity:.7}.stu-action-menu-container{position:relative}.stu-action-button{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:.25rem .5rem;color:#6b7280;border-radius:4px}.stu-action-button:hover{background-color:#f3f4f6;border-color:transparent}.stu-action-menu{position:absolute;right:0;top:100%;margin-top:.25rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px #0000001a;z-index:100;min-width:180px;overflow:hidden}.stu-action-menu.stu-action-menu--flip-up{top:auto;bottom:100%;margin-top:0;margin-bottom:.25rem}.stu-action-menu button{display:block;width:100%;padding:.75rem 1rem;text-align:left;background:#fff;border:none;color:#374151;font-size:.875rem;cursor:pointer;transition:background-color .15s;font-family:inherit}.stu-action-menu button:hover{background-color:#f3f4f6;border-color:transparent}.stu-action-menu button.stu-delete-action{color:#dc2626}.stu-action-menu button.stu-delete-action:hover{background-color:#fee2e2}.stu-pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:0;padding:1rem;flex-wrap:wrap;background:#fff;border:1px solid #e5e7eb;border-top:none;position:relative;z-index:1}.stu-pagination button{padding:.5rem .875rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:4px;cursor:pointer;font-size:.875rem;font-family:inherit;transition:all .15s;min-width:36px}.stu-pagination button:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af}.stu-pagination button.stu-active{background-color:#7c2d12;color:#fff;border-color:#7c2d12}.stu-pagination button:disabled{opacity:.4;cursor:not-allowed;color:#9ca3af}.stu-page-ellipsis{padding:.5rem;color:#6b7280;font-family:inherit}.stu-add-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.stu-add-modal-content{background:#fff;border-radius:12px;max-width:700px;width:100%;height:85vh;overflow-y:auto;color:#1f2937;box-shadow:0 25px 50px -12px #00000040;font-family:inherit}.stu-delete-confirm-content{max-width:420px;height:auto;max-height:none;overflow:visible}.stu-delete-confirm-body{padding:0 1.5rem 1rem;text-align:left}.stu-delete-confirm-body p{margin:0 0 .75rem;color:#374151;font-size:.95rem;line-height:1.5}.stu-delete-confirm-body p:last-child{margin-bottom:0}.stu-delete-warning{color:#991b1b;font-weight:600}.stu-delete-confirm-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem 1.5rem;border-top:1px solid #e5e7eb}.stu-delete-confirm-btn-danger{padding:.75rem 1.25rem;border:none;border-radius:6px;background-color:#dc2626;color:#fff;font-weight:600;font-family:inherit;cursor:pointer;transition:background-color .15s ease,transform .15s ease}.stu-delete-confirm-btn-danger:hover:not(:disabled){background-color:#b91c1c}.stu-delete-confirm-btn-danger:disabled{opacity:.55;cursor:not-allowed}.stu-add-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #d0d3d4;background:linear-gradient(135deg,#fafafa,#f5f5f5)}.stu-add-modal-header h2{margin:0;font-size:1.5rem;color:#660100;font-family:inherit;font-weight:700}.stu-close-button{background:none;border:none;font-size:2rem;color:#a7a8a9;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.stu-close-button:hover{background-color:#f8c08c;color:#660100;border-color:transparent}.stu-add-method-tabs{display:flex;gap:0;padding:1rem 1.5rem 0;border-bottom:2px solid #d0d3d4;background:#fafafa}.stu-add-method-tabs button{flex:1;padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;color:#a7a8a9;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;margin-bottom:-2px}.stu-add-method-tabs button.stu-active{color:#660100;border-bottom-color:#660100;background:#fff;border-top-color:transparent;border-left-color:transparent;border-right-color:transparent}.stu-add-method-tabs button:hover:not(.stu-active){color:#8f3237;background:#fecc001a;border-color:transparent}.stu-student-form{padding:1.5rem;max-height:450px;overflow-y:auto;text-align:left}.stu-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:0}.stu-form-group{margin-bottom:1.25rem;text-align:left}.stu-form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#660100;font-size:.875rem;font-family:inherit;text-align:left}.stu-form-group input[type=text],.stu-form-group input[type=email],.stu-form-group input[type=number],.stu-form-group input[type=file],.stu-form-group select{width:80%;padding:.75rem;border:2px solid #d0d3d4;border-radius:6px;font-size:.875rem;color:#1f2937;background:#fff;font-family:inherit;transition:all .2s ease}.stu-form-group select{width:88%;padding:.75rem;border:2px solid #d0d3d4;border-radius:6px;font-size:.875rem;color:#1f2937;background:#fff;font-family:inherit}.stu-form-group input[type=number]::-webkit-inner-spin-button,.stu-form-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.stu-form-group input[type=number]{-moz-appearance:textfield;appearance:textfield}.stu-form-group input:focus,.stu-form-group select:focus{outline:none;border-color:#fecc00;box-shadow:0 0 0 3px #fecc0040}.stu-file-upload-wrapper{display:flex;align-items:center;gap:1rem}.stu-file-input-hidden{display:none}.stu-file-upload-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#660100;color:#fff!important;border:none;border-radius:8px;font-size:.875rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #6601004d;margin-bottom:0}.stu-file-upload-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #66010073;background:#8f3237}.stu-file-upload-button:active{transform:translateY(0);box-shadow:0 2px 4px #66010040}.stu-file-upload-icon{font-size:1.1rem;line-height:1;color:inherit}.stu-file-upload-name{color:#374151;font-size:.875rem;font-family:inherit;font-style:italic;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stu-csv-upload-section{padding:1.5rem;max-height:500px;overflow-y:auto;text-align:left}.stu-csv-instructions{background-color:#f5f5f5;padding:1.25rem;border-radius:8px;margin-bottom:1.5rem;border-left:4px solid #660100;text-align:left}.stu-csv-instructions h3{margin:0 0 .5rem;font-size:1rem;color:#660100;font-family:inherit;font-weight:700;text-align:left}.stu-csv-instructions p{margin:.5rem 0;font-size:.875rem;color:#4a4a4a;font-family:inherit;text-align:left}.stu-csv-instructions ul{margin:.5rem 0 0;padding-left:1.5rem;text-align:left}.stu-csv-instructions li{font-size:.875rem;color:#4a4a4a;margin-bottom:.35rem;font-family:inherit;text-align:left}.stu-csv-preview{margin-top:1.5rem;border:2px solid #d0d3d4;border-radius:8px;overflow:hidden}.stu-csv-preview h3{margin:0;padding:1rem;background-color:#fafafa;border-bottom:2px solid #d0d3d4;font-size:1rem;color:#660100;font-family:inherit;font-weight:700;text-align:left}.stu-preview-table-container{overflow-x:auto}.stu-csv-preview table{width:100%;border-collapse:collapse;background:#fff}.stu-csv-preview table th,.stu-csv-preview table td{padding:.75rem;text-align:left;font-size:.875rem;border-bottom:1px solid #d0d3d4;font-family:inherit}.stu-csv-preview table th{background-color:#fecc001a;font-weight:600;color:#660100}.stu-csv-preview table td{color:#1f2937}.stu-preview-more{padding:.75rem;text-align:left;color:#a7a8a9;font-size:.875rem;margin:0;background-color:#fafafa;font-family:inherit}.stu-modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:2px solid #d0d3d4;margin-top:1.5rem}.stu-add-cancel-button{padding:.75rem 1.5rem;border:2px solid #d0d3d4;background:#fff;color:#a7a8a9;border-radius:6px;cursor:pointer;font-weight:600;font-family:inherit;transition:all .2s ease}.stu-add-cancel-button:hover{background-color:#fafafa;border-color:#a7a8a9;color:#660100}.stu-submit-button{padding:.75rem 1.5rem;border:none;background-color:#660100;color:#fff;border-radius:6px;cursor:pointer;font-weight:600;font-family:inherit;transition:all .2s ease;box-shadow:0 4px 6px #66010033}.stu-submit-button:hover:not(:disabled){background-color:#8f3237;border-color:transparent;transform:translateY(-1px);box-shadow:0 6px 12px #6601004d}.stu-submit-button:disabled{opacity:.5;cursor:not-allowed}.stu-loading{padding:2.5rem 2rem;display:flex;flex-direction:column;gap:1.5rem}.stu-skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:stu-skeleton-loading 1.4s ease-in-out infinite;border-radius:8px}@keyframes stu-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.stu-skeleton-header{max-width:320px;display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.stu-skeleton-title{height:1.4rem;width:70%}.stu-skeleton-subtitle{height:1rem;width:90%}.stu-skeleton-table{border-radius:12px;border:1px solid #e5e7eb;background:#fff;overflow:hidden}.stu-skeleton-row{display:grid;grid-template-columns:1.5fr 2fr 2fr 2fr;gap:.75rem;padding:.85rem 1.25rem}.stu-skeleton-row--header{background:#f9fafb}.stu-skeleton-cell{height:.9rem;border-radius:999px}@media(max-width:768px){.stu-students-container{padding:1rem}.stu-students-page-header{align-items:center;gap:.75rem}.stu-students-page-header h1{font-size:1.4rem}.stu-students-page-header .stu-header-description{font-size:.9rem}.stu-students-icon{width:1.75rem;height:1.75rem}.stu-students-header{flex-direction:column;align-items:stretch}.stu-search-box{max-width:none}.stu-students-table{font-size:.75rem}.stu-students-table th,.stu-students-table td{padding:.5rem}.stu-modal-content{margin:1rem}.stu-add-method-tabs button{padding:.5rem .75rem;font-size:.8rem}.stu-form-row{grid-template-columns:1fr}.stu-add-button{padding:.65rem 1.25rem;font-size:.85rem}}@media(max-width:600px){.stu-students-container{padding:.75rem}.stu-students-page-header{flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.stu-students-page-header .stu-title-section{gap:.5rem}.stu-students-page-header h1{font-size:1.15rem}.stu-students-page-header .stu-header-description{font-size:.8rem;margin-top:.25rem}.stu-students-icon{width:1.5rem;height:1.5rem}.stu-add-button{padding:.55rem .9rem;font-size:.75rem;gap:.4rem}}.sf-staff-container{padding:2rem;max-width:100%;margin:0 auto}.sf-staff-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;margin-top:0;gap:1rem;flex-wrap:wrap}.sf-staff-page-header .sf-header-content{flex:1}.sf-staff-page-header .sf-title-section{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.sf-staff-icon{width:2rem;height:2rem;color:#000;flex-shrink:0}.sf-staff-page-header h1{margin:0;color:#000;font-size:2rem;font-weight:600}.sf-staff-page-header .sf-header-description{margin:0;color:#666;font-size:1rem;text-align:left}.sf-staff-container .sf-divider-container{position:relative;margin-left:-2rem;margin-right:-2rem;margin-bottom:1rem;width:calc(100% + 4rem);box-sizing:border-box}.sf-staff-container .sf-divider{height:1px;background:#0000001a;width:100%;margin:0;display:block}.sf-staff-header{display:flex;justify-content:flex-start;align-items:center;gap:1rem;flex-wrap:wrap;padding:1rem;background:#fff;border:1px solid #e5e7eb}.sf-show-entries{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4b5563;font-family:inherit}.sf-show-entries select{padding:.375rem 2rem .375rem .75rem;border:1px solid #d1d5db;border-radius:6px;background-color:#f3f4f6;cursor:pointer;font-family:inherit;font-size:.875rem;color:#1f2937;font-weight:500;min-width:70px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234b5563' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:12px;transition:all .15s ease}.sf-show-entries select:hover{background-color:#e5e7eb;border-color:#9ca3af}.sf-show-entries select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background-color:#fff}.sf-search-box{flex:1;max-width:300px}.sf-search-box input{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;font-family:inherit;color:#374151}.sf-search-box input::placeholder{color:#9ca3af}.sf-search-box input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.sf-filter-container{position:relative}.sf-filter-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#fff;color:#374151;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;font-family:inherit;transition:all .15s}.sf-filter-button:hover{background-color:#f9fafb;border-color:#9ca3af}.sf-filter-button.active{background-color:#eff6ff;color:#2563eb;border-color:#3b82f6}.sf-filter-badge{background-color:#2563eb;color:#fff;font-size:.75rem;padding:.125rem .5rem;border-radius:999px;font-weight:600}.sf-filter-menu{position:absolute;top:calc(100% + .5rem);background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 30px #00000026;z-index:100;min-width:320px;max-width:380px;padding:1.25rem}.sf-filter-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:2px solid #f3f4f6}.sf-filter-menu-header h3{margin:0;font-size:1.125rem;font-weight:700;color:#111827;font-family:inherit}.sf-clear-filters-btn{background:none;border:none;color:#8b5a2b;font-size:.875rem;font-weight:600;cursor:pointer;padding:.375rem .75rem;border-radius:6px;font-family:inherit;transition:all .2s}.sf-clear-filters-btn:hover{background-color:#fef3c7;color:#92400e}.sf-st-filter-section{margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid #f3f4f6}.sf-st-filter-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.sf-st-filter-label{display:block;font-weight:600;color:#111827;font-size:.9rem;margin-bottom:.625rem;font-family:inherit}.sf-st-filter-select{width:100%;padding:.625rem 2.5rem .625rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-family:inherit;color:#374151;background-color:#fff;cursor:pointer;transition:all .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23374151' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.sf-st-filter-select:hover{border-color:#9ca3af;background-color:#f9fafb}.sf-st-filter-select:focus{outline:none;border-color:#8b5a2b;box-shadow:0 0 0 3px #8b5a2b1a}.sf-download-container{position:relative;margin-left:auto}.sf-download-button{display:flex;align-items:center;gap:.5rem;background-color:#fff;color:#374151;border:1px solid #d1d5db;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;font-family:inherit;transition:all .15s}.sf-download-button:hover{background-color:#f9fafb;border-color:#9ca3af}.sf-download-menu{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px #0000001a;z-index:100;min-width:200px;overflow:hidden}.sf-download-menu button{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:none;border:none;text-align:left;font-size:.875rem;font-family:inherit;color:#1f2937;cursor:pointer;transition:background-color .15s}.sf-download-menu button:hover{background-color:#f3f4f6}.sf-download-menu button svg{color:#6b7280}.sf-add-button{padding:.5rem 1rem;background-color:#7c2d12;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;font-family:inherit;transition:background-color .15s}.sf-add-button:hover{background-color:#6b2510}.sf-table-container{overflow-x:auto;background:#fff;border:1px solid #e5e7eb;border-top:none;box-shadow:none;position:relative;z-index:2}.sf-staff-table{width:100%;border-collapse:collapse;background:#fff;color:#1f2937;font-family:inherit}.sf-staff-table thead{background-color:#f8f9fa;border-bottom:1px solid #e5e7eb}.sf-staff-table th{padding:.875rem 1rem;text-align:center;font-weight:600;font-size:.875rem;color:#1f2937;-webkit-user-select:none;user-select:none;white-space:nowrap;position:relative}.sf-staff-table th.sortable{cursor:pointer}.sf-staff-table th.sortable:hover{background-color:#f3f4f6}.sf-sort-icons{display:inline-flex;flex-direction:column;margin-left:.25rem;vertical-align:middle;line-height:.5;opacity:0;transition:opacity .2s}.sf-staff-table th:hover .sf-sort-icons,.sf-staff-table th .sf-sort-icons.active-column{opacity:1}.sf-sort-icon{font-size:.625rem;color:#d1d5db;transition:color .2s;display:block;line-height:.5;margin-bottom:.2rem}.sf-sort-icon.active{color:#6b7280}.sf-staff-table th:hover .sf-sort-icon{color:#9ca3af}.sf-staff-table th:hover .sf-sort-icon.active{color:#4b5563}.sf-staff-table tbody tr{transition:background-color .15s}.sf-staff-table tbody tr:nth-child(2n){background-color:#fafafa}.sf-staff-table tbody tr:hover{background-color:#f3f4f6}.sf-staff-table td{padding:.875rem 1rem;font-size:.875rem;color:#1f2937;font-family:inherit;white-space:nowrap}.sf-profile-image-cell{display:flex;justify-content:center;align-items:center}.sf-profile-image{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #e5e7eb;transition:all .2s}.sf-profile-image.clickable{cursor:pointer}.sf-profile-image.clickable:hover{transform:scale(1.1);border-color:#7c2d12;box-shadow:0 4px 8px #7c2d1233}.sf-profile-image-placeholder{width:40px;height:40px;border-radius:50%;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#9ca3af;border:2px solid #e5e7eb}.sf-status-badge{display:inline-block;padding:.375rem .875rem;border-radius:12px;font-size:.75rem;font-weight:600;font-family:inherit;white-space:nowrap}.sf-status-badge.registered{background-color:#d1fae5;color:#065f46}.sf-status-badge.not-registered{background-color:#fee2e2;color:#991b1b}.sf-action-menu-container{position:relative}.sf-action-button{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:.25rem .5rem;color:#6b7280;border-radius:4px}.sf-action-button:hover{background-color:#f3f4f6;border-color:transparent}.sf-action-menu{position:absolute;right:0;top:100%;margin-top:.25rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px #0000001a;z-index:100;min-width:180px;overflow:hidden}.sf-action-menu.sf-action-menu--flip-up{top:auto;bottom:100%;margin-top:0;margin-bottom:.25rem}.sf-action-menu button{display:block;width:100%;padding:.75rem 1rem;text-align:left;background:#fff;border:none;color:#374151;font-size:.875rem;cursor:pointer;transition:background-color .15s;font-family:inherit}.sf-action-menu button:hover{background-color:#f3f4f6;border-color:transparent}.sf-action-menu button.sf-delete{color:#dc2626}.sf-action-menu button.sf-delete:hover{background-color:#fee2e2}.sf-pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:1rem;background:#fff;border:1px solid #e5e7eb;border-top:none;position:relative;z-index:1}.sf-pagination button{padding:.5rem 1rem;border:1px solid #d1d5db;background:#fff;color:#374151;cursor:pointer;border-radius:4px;font-size:.875rem;font-family:inherit;transition:all .15s}.sf-pagination button:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af}.sf-pagination button:disabled{cursor:not-allowed;opacity:.5}.sf-pagination button.active{background-color:#7c2d12;color:#fff;border-color:#7c2d12}.sf-pagination .sf-page-ellipsis{padding:.5rem;color:#6b7280}.sf-loading{padding:2.5rem 2rem;display:flex;flex-direction:column;gap:1.5rem}.sf-loading--skeleton{color:inherit}.sf-no-data{text-align:center;padding:3rem;color:#6b7280;font-family:inherit}.sf-skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:sf-skeleton-loading 1.4s ease-in-out infinite;border-radius:8px}@keyframes sf-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.sf-skeleton-header{max-width:320px;display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.sf-skeleton-title{height:1.4rem;width:70%}.sf-skeleton-subtitle{height:1rem;width:90%}.sf-skeleton-table{border-radius:12px;border:1px solid #e5e7eb;background:#fff;overflow:hidden}.sf-skeleton-row{display:grid;grid-template-columns:1.3fr 1.7fr 1.7fr 2fr 1.2fr;gap:.75rem;padding:.85rem 1.25rem}.sf-skeleton-row--header{background:#f9fafb}.sf-skeleton-cell{height:.9rem;border-radius:999px}.sf-add-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.sf-add-modal-content{background:#fff;border-radius:8px;max-width:700px;width:100%;height:80vh;overflow-y:auto;color:#1f2937;box-shadow:0 20px 25px -5px #0000001a;font-family:inherit}.sf-add-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.sf-add-modal-header h2{margin:0;font-size:1.5rem;color:#1f2937;font-family:inherit}.sf-close-button{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s}.sf-close-button:hover{background-color:#f3f4f6;color:#1f2937}.sf-add-method-tabs{display:flex;gap:0;padding:0 1.5rem;border-bottom:1px solid #e5e7eb}.sf-add-method-tabs button{flex:1;padding:1rem;background:none;border:none;border-bottom:2px solid transparent;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit}.sf-add-method-tabs button:hover{color:#1f2937;background-color:#f9fafb}.sf-add-method-tabs button.active{color:#7c2d12;border-bottom-color:#7c2d12;background-color:transparent}.sf-staff-form{padding:1.5rem;max-height:450px;overflow-y:auto}.sf-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.sf-form-group{display:flex;flex-direction:column}.sf-form-group.full-width{grid-column:1 / -1}.sf-form-group label{font-weight:600;color:#374151;font-size:.875rem;margin-bottom:.5rem;font-family:inherit}.sf-required{color:#dc2626}.sf-form-group input[type=text],.sf-form-group input[type=email],.sf-form-group input[type=url]{width:80%;padding:.625rem;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;color:#1f2937;background:#fff;font-family:inherit}.sf-form-group input::placeholder{color:#9ca3af}.sf-form-group input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.sf-csv-upload-section{padding:1.5rem;max-height:500px;overflow-y:auto;text-align:left}.sf-csv-instructions{background-color:#f5f5f5;padding:1.25rem;border-radius:8px;margin-bottom:1.5rem;border-left:4px solid #660100;text-align:left}.sf-csv-instructions h3{margin:0 0 .5rem;font-size:1rem;color:#660100;font-family:inherit;font-weight:700;text-align:left}.sf-csv-instructions p{margin:.5rem 0;font-size:.875rem;color:#4a4a4a;font-family:inherit;text-align:left}.sf-csv-instructions ul{margin:.5rem 0 0;padding-left:1.5rem;text-align:left}.sf-csv-instructions li{font-size:.875rem;color:#4a4a4a;margin-bottom:.35rem;font-family:inherit;text-align:left}.sf-file-upload-wrapper{display:flex;align-items:center;gap:1rem}.sf-file-input-hidden{display:none}.sf-file-upload-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#660100;color:#fff!important;border:none;border-radius:8px;font-size:.875rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #6601004d;margin-bottom:0}.sf-file-upload-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #66010073;background:#8f3237}.sf-file-upload-button:active{transform:translateY(0);box-shadow:0 2px 4px #66010040}.sf-file-upload-icon{font-size:1.1rem;line-height:1;color:inherit}.sf-file-upload-name{font-size:.875rem;color:#4b5563;font-family:inherit}.sf-csv-preview{margin-top:1.5rem}.sf-csv-preview h3{margin:0 0 1rem;font-size:1rem;color:#1f2937;font-family:inherit}.sf-preview-table-container{border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.sf-preview-table-container table{width:100%;border-collapse:collapse}.sf-preview-table-container th{background-color:#f9fafb;padding:.75rem;text-align:left;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb}.sf-preview-table-container td{padding:.75rem;font-size:.875rem;color:#1f2937;border-bottom:1px solid #f3f4f6}.sf-preview-table-container tr:last-child td{border-bottom:none}.sf-preview-more{padding:.75rem;text-align:center;font-size:.875rem;color:#6b7280;background-color:#f9fafb;margin:0;font-family:inherit}.sf-modal-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid #e5e7eb;margin-top:1.5rem}.sf-add-cancel-button{padding:.625rem 1.25rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:4px;cursor:pointer;font-size:.875rem;font-family:inherit}.sf-add-cancel-button:hover{background-color:#f9fafb;border-color:#9ca3af}.sf-submit-button{padding:.625rem 1.25rem;border:none;background-color:#7c2d12;color:#fff;border-radius:4px;cursor:pointer;font-size:.875rem;font-family:inherit}.sf-submit-button:hover:not(:disabled){background-color:#6b2510;border-color:transparent}.sf-submit-button:disabled{opacity:.5;cursor:not-allowed}.sf-image-upload-section{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center}.sf-image-upload-options{display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap;justify-content:center}.sf-upload-option{display:flex;flex-direction:column;gap:.5rem;flex:0 0 auto}.sf-image-upload-button{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:linear-gradient(135deg,#7c2d12,#6b2510);color:#fff!important;border:none;border-radius:6px;font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #7c2d1233}.sf-image-upload-button svg{color:#fff;stroke:#fff}.sf-image-upload-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #7c2d124d;background:linear-gradient(135deg,#6b2510,#5a1f0d);color:#fff!important}.sf-upload-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sf-upload-hint{font-size:.75rem;color:#6b7280;font-family:inherit}.sf-upload-divider{font-size:.875rem;color:#9ca3af;font-weight:600;font-family:inherit;padding:0 .5rem;align-self:center;margin-top:-.5rem}.sf-image-url-input{width:300px;padding:.625rem;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;color:#1f2937;background:#fff;font-family:inherit;height:38px;box-sizing:border-box}.sf-image-url-input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.sf-image-preview{margin-top:.5rem;display:flex;justify-content:center;position:relative}.sf-image-preview img{max-width:200px;max-height:200px;border-radius:8px;border:2px solid #e5e7eb;object-fit:cover}.sf-remove-image-button{position:absolute;top:-8px;right:calc(50% - 108px);background:#660100;color:#fff;border:none;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;transition:all .2s ease;box-shadow:0 2px 4px #0003;z-index:10}.sf-remove-image-button:hover{background:#8f3237;transform:scale(1.1);box-shadow:0 4px 8px #0000004d}.sf-image-modal-overlay{position:fixed;inset:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:2000;padding:2rem;animation:fadeIn .2s ease}.sf-image-modal-content{background:#fff;border-radius:12px;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;position:relative;box-shadow:0 25px 50px -12px #00000080;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.sf-image-modal-close{position:absolute;top:1rem;right:1rem;background:#ffffffe6;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#1f2937;cursor:pointer;transition:all .2s;z-index:10;box-shadow:0 2px 8px #00000026}.sf-image-modal-close:hover{background:#fff;transform:scale(1.1);color:#7c2d12}.sf-image-modal-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb;border-radius:12px 12px 0 0}.sf-image-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937;font-family:inherit}.sf-image-modal-body{padding:2rem;display:flex;justify-content:center;align-items:center;overflow:auto;background:#f9fafb;border-radius:0 0 12px 12px}.sf-image-modal-body img{max-width:100%;max-height:calc(90vh - 150px);object-fit:contain;border-radius:8px;box-shadow:0 4px 12px #0000001a}.filter-panel{display:flex;flex-direction:column;gap:12px}.filter-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.filter-header h4{margin:0;font-size:14px;font-weight:600;color:#333}.clear-btn{background:transparent;border:none;color:#666;cursor:pointer;font-size:13px}.clear-btn:hover{color:#333}.filter-row{display:flex;flex-direction:column;gap:6px}.filter-row label{font-size:13px;color:#555;font-weight:500}.cs-root{position:relative}.cs-trigger{width:100%;text-align:left;padding:10px 12px;border-radius:8px;border:1px solid #e0e0e0;background:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#333;transition:all .2s;font-weight:400}.cs-trigger:hover{border-color:#ccc;box-shadow:0 1px 3px #0000000d}.cs-caret{margin-left:8px;opacity:.6;color:#666;transition:transform .3s ease;flex-shrink:0}.cs-caret-open{transform:rotate(180deg)}.cs-list{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:40;max-height:220px;overflow:auto;margin:0;padding:4px 0}.cs-item{padding:10px 12px;cursor:pointer;font-size:14px;color:#333;transition:all .15s;list-style:none;display:flex;align-items:center;justify-content:space-between;position:relative;margin:5px;border-radius:6px}.cs-item-label{flex:1}.cs-item.selected{background:#fecc0b;font-weight:500;color:#1a1a1a}.cs-item:not(.selected):hover{background:#fecc0b;opacity:.6}.cs-checkmark{margin-left:8px;flex-shrink:0;color:#1a1a1a}.opp-dialog-content{height:auto;max-height:88vh;display:flex;flex-direction:column;padding:0;box-sizing:border-box;width:100%;position:relative}.opp-header{padding:1.25rem 1.5rem .75rem;display:flex;align-items:start;justify-content:space-between}.opp-actions{display:flex;gap:8px;align-items:center}.opp-cancel{padding:6px 10px}.opp-close{background:transparent;border:none;color:inherit;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;cursor:pointer}.opp-close:hover{background:#ffffff08}.opp-close:focus{outline:none}.opp-close-top{background:transparent;border:none;width:60px;height:40px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.opp-close-top:hover{background:#0f172a33;border-radius:8px}.opp-close-top:focus{outline:none}.opp-toast{position:fixed;right:24px;bottom:24px;background:#fecc0b;color:#1a1a1a;padding:14px 24px;border-radius:8px;box-shadow:0 8px 24px #0000004d;font-weight:600;font-size:14px;z-index:3000;animation:slideInUp .3s ease-out;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.opp-title h3{margin:0 0 .25rem}.opp-desc{margin:0;color:#9aa4b2;font-size:.95rem}.opp-form{display:flex;flex-direction:column;flex:1;overflow:hidden}.opp-scroll{flex:1;overflow-x:hidden;overflow-y:auto;padding:1.5rem;min-height:0;box-sizing:border-box}.opp-section{margin-bottom:1.25rem;min-width:0;width:100%;box-sizing:border-box}.field-label{display:block;margin-bottom:.5rem;font-weight:600}.two-col{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.two-col .opp-section{min-width:0}.two-col .input,.two-col .select,.two-col .textarea{width:100%;max-width:100%;box-sizing:border-box}.opp-scroll .input,.opp-scroll .select,.opp-scroll .textarea{max-width:100%;box-sizing:border-box}.year-row{display:flex;gap:.5rem;align-items:center}.year-row .cs-root{flex:1;min-width:0}.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.chip{display:inline-flex;gap:.5rem;align-items:center;background:#0f172a0f;padding:.25rem .5rem;border-radius:9999px}.chip-text{text-transform:capitalize;font-size:.9rem}.req-row{display:flex;gap:.5rem;align-items:center}.req-list{margin-top:.5rem;display:flex;flex-direction:column;gap:.5rem}.req-item{display:flex;align-items:center;gap:.5rem;background:#0f172a0a;padding:.5rem;border-radius:6px}.req-text{flex:1}.opp-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem;border-top:1px solid rgba(15,23,42,.06)}@media(max-width:640px){.two-col{grid-template-columns:1fr}.opp-dialog-content{width:100%;height:100%}}.opp-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:2000;padding:24px}.opp-overlay{position:absolute;inset:0;background:#0206170f}.opp-overlay{position:absolute;inset:0;background:#0206170f;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.opp-dialog{position:fixed;left:23%;top:50%;transform:translate(-50%,-50%);width:100%;max-width:40rem;max-height:88vh;display:flex;z-index:2100}@media(max-width:640px){.opp-dialog{position:fixed;left:0;top:0;transform:none;width:100%;height:100%;max-width:100%;max-height:100%;border-radius:0}.opp-dialog-content{height:100%}}.opp-dialog{position:relative;width:min(40rem,96%);max-height:88vh;display:flex}.opp-dialog-content{background:var(--panel-bg, #ffffff);color:var(--panel-fg, #0f1724);border-radius:8px;overflow:hidden;box-shadow:0 8px 20px #0f172a0f}.input,.select,.textarea{width:100%;max-width:100%;padding:.6rem .75rem;border-radius:8px;border:1px solid rgba(15,23,42,.08);background:#fff;color:inherit;transition:border-color .2s ease;box-sizing:border-box}.input:focus,.select:focus,.textarea:focus{border-color:#ccc}.btn-sm{padding:.3rem .45rem}.textarea{min-height:60px}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .7rem;border-radius:6px;border:1px solid rgba(255,255,255,.06);background:transparent;color:inherit;cursor:pointer}.btn-primary{background:#660100;color:#fff;border-color:#660100;box-shadow:0 6px 18px #6601002e;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:#4d0100;border-color:#4d0100;box-shadow:0 8px 24px #66010040}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.input:focus,.select:focus,.textarea:focus,.btn:focus{outline:none;border-color:#ccc}.req-item{display:flex;align-items:center;gap:.5rem;background:#ffffff05;padding:.6rem;border-radius:8px}.btn-sm{padding:.25rem .4rem}.btn-ghost{background:transparent;border:none}.btn-outline{border:1px solid rgba(255,255,255,.08)}.btn-primary{background:#660100;color:#fff;border-color:#660100}.chip{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff08;padding:.25rem .5rem;border-radius:9999px}.req-item{display:flex;align-items:center;gap:.5rem;background:#ffffff05;padding:.5rem;border-radius:6px}.opp-list-panel{width:420px;min-width:380px;background:#f8f8f8;border-right:1px solid #e0e0e0;padding:20px 20px 0;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;height:100%;overflow:hidden}.opp-list-header .search-row{display:flex;gap:8px;align-items:center}.search-input-wrapper{flex:1 1 auto;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:#888;pointer-events:none;z-index:1}.search-icon.search-clear{pointer-events:auto;cursor:pointer;transition:color .2s ease}.search-icon.search-clear:hover{color:#333}.opp-list-header input{width:100%;height:38px;padding:0 12px 0 36px;border-radius:8px;border:1px solid #e0e0e0;background:#fff;outline:none;box-shadow:none;font-size:14px;line-height:38px}.opp-list-header input:focus{border-color:#8c1d1840;box-shadow:0 0 0 4px #8c1d180f}.filters-toggle{background:#fff;border:1px solid #e0e0e0;height:38px;padding:0 10px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:14px;color:#333;transition:all .2s ease;outline:none;box-sizing:border-box}.filters-toggle:focus{outline:none}.filters-toggle:hover{background:#fecc0b;border-color:#fecc0b;color:#1a1a1a}.filters-toggle .caret{margin-left:4px;color:#666;transition:transform .3s ease;flex-shrink:0}.filters-toggle .caret-open{transform:rotate(180deg)}.opp-count{color:#888;font-size:13px;margin-top:8px;font-weight:400}.advanced-filters{background:#f5f5f5;padding:14px;border-radius:8px;border:1px solid #e0e0e0;display:flex;flex-direction:column;gap:12px;overflow-y:auto;max-height:280px;flex-shrink:0}.advanced-filters h4{margin:0 0 8px;font-size:14px;font-weight:600;color:#333}.advanced-filters label{font-size:13px;color:#555;display:flex;flex-direction:column;gap:6px;font-weight:500}.advanced-filters select{height:36px;border-radius:6px;padding:8px 10px;border:1px solid #ddd;background:#fff;-webkit-appearance:none;appearance:none;font-size:14px;color:#333}.opp-list-items{overflow-y:auto;overflow-x:hidden;padding:8px 8px 20px 0;display:flex;flex-direction:column;gap:10px;flex:1;min-height:0;margin-bottom:15px}.opp-list-item{text-align:left;background:#fff;padding:12px;border-radius:6px;border:1px solid #e0e0e0;cursor:pointer;transition:all .2s}.opp-list-item:hover{box-shadow:0 2px 8px #0000000f}.opp-list-item.selected{border-color:#d32f2f;background:#fff5f5;box-shadow:0 2px 4px #d32f2f1a}.item-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.item-title{margin:0;font-size:15px;color:#6b2b2b}.status-badge{font-size:12px;padding:6px 8px;border-radius:999px;background:#e6f8ec;color:#2b7a3a}.status-badge.closed{background:#f6f0f0;color:#a33}.status-badge.draft{background:#f7f7f9;color:#666}.item-desc{margin:8px 0;color:#666;font-size:13px}.item-meta{font-size:12px;color:#777;display:flex;gap:8px;align-items:center}.type-pill{background:#eef2ff;color:#5b5ad6;padding:4px 8px;border-radius:999px;font-size:12px}.type-pill.type-job{background:#e6f7ef;color:#1d7a3a}.opp-list-panel .meta-dot{opacity:.6}.badge{font-size:12px;padding:6px 8px;border-radius:999px;display:inline-block}.badge.status-active{background:#e6f8ec;color:#1d7a3a}.badge.status-closed{background:#fdf2f2;color:#a33}.badge.status-draft{background:#fff7ed;color:#9a6b00}.badge.status-default{background:#f3f4f6;color:#374151}.badge.type-scholarship{background:#eef2ff;color:#2563eb}.badge.type-internship{background:#f3e8ff;color:#7c3aed}.badge.type-job{background:#fff7ed;color:#ea580c}.badge.type-program{background:#ecfeff;color:#0f766e}.badge.type-default{background:#f3f4f6;color:#374151}.meta-piece{display:flex;align-items:center;gap:6px}.meta-icon{width:14px;height:14px;opacity:.7}.opp-list-item:hover{box-shadow:0 6px 18px #1018280a;transform:translateY(-1px)}.opp-list-item.selected{border-color:#8c1d18;background:#8c1d1808}@media(max-width:1024px){.opp-list-panel{width:100%;min-width:0;max-height:45vh;min-height:260px;border-right:none;border-bottom:1px solid #e0e0e0;padding:16px 16px 0}.opp-list-header .search-row{flex-wrap:nowrap}.opp-list-items{margin-bottom:12px}}@media(max-width:768px){.opp-list-panel{max-height:42vh;min-height:220px;padding:12px 12px 0;gap:10px}.opp-list-header input{height:40px;min-height:40px;font-size:16px}.filters-toggle{height:40px;min-height:40px;padding:0 10px;font-size:13px}.item-title{font-size:14px}.item-desc{font-size:12px}.item-meta{font-size:11px}.advanced-filters{max-height:240px;padding:12px}}@media(max-width:480px){.opp-list-panel{max-height:38vh;min-height:200px;padding:12px 10px 0;padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.opp-list-header .search-row{flex-wrap:wrap;gap:8px}.search-input-wrapper{flex:1 1 100%;min-width:0}.opp-list-header input{height:44px;min-height:44px}.filters-toggle{height:44px;min-height:44px;flex:1;min-width:0}.opp-list-item{padding:14px 12px;min-height:56px}.item-title{font-size:14px;line-height:1.3}.opp-count{font-size:12px}.advanced-filters{max-height:220px}}@media(max-width:380px){.opp-list-panel{padding:10px 8px 0;min-height:180px}.opp-list-item{padding:12px 10px;min-height:52px}}.opp-detail-panel{flex:1 1 0;padding:24px 32px 32px;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;background:#fff;height:100%;min-width:0;width:100%;max-width:100%}.opp-detail-panel.empty{display:flex;align-items:center;justify-content:center;color:#9a9a9a}.opp-detail-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;margin-right:auto;padding:10px 0;background:none;border:none;color:#660100;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s ease;-webkit-tap-highlight-color:transparent;align-self:flex-start}.opp-detail-back:hover{opacity:.85}.opp-detail-back:active{opacity:.7}.opp-detail-panel-with-back{text-align:left}.opp-detail-panel-with-back .detail-header:after{left:0;right:0}.placeholder{text-align:center}.placeholder .icon{font-size:40px;margin-bottom:8px}.placeholder .text{font-size:15px}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:0;padding-bottom:24px;flex-wrap:nowrap;position:relative}.detail-header:after{content:"";position:absolute;bottom:0;left:-32px;right:-32px;height:1px;background:#e0e0e0}.detail-header>div:first-child{flex:1 1 auto;min-width:0;overflow:hidden}.detail-header h2{margin:0 0 12px;font-size:24px;font-weight:600;color:#1a1a1a;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word;text-align:left}.badges{display:flex;gap:8px;flex-wrap:wrap}.pill{font-size:12px;padding:6px 12px;border-radius:999px;font-weight:500}.pill.status-active{background:#e6f8ec;color:#1d7a3a}.pill.status-closed{background:#f6f0f0;color:#a33}.pill.status-draft{background:#fff7ed;color:#9a6b00}.pill.type-scholarship{background:#eef2ff;color:#2563eb}.pill.type-internship{background:#f3e8ff;color:#7c3aed}.pill.type-job{background:#fff7ed;color:#ea580c}.pill.type-program{background:#ecfeff;color:#0f766e}.meta-link{color:#660100;text-decoration:none;font-weight:600;font-size:14px;transition:color .2s}.meta-link:hover{color:#4d0100;text-decoration:underline}.detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;margin-bottom:24px;color:#333;padding-top:24px}.detail-meta.three-columns{grid-template-columns:1fr 1fr 1fr}.meta-column{display:flex;flex-direction:column;gap:20px}.meta-item{display:flex;gap:12px;align-items:flex-start;min-width:0;text-align:left}.meta-item>div{flex:1;min-width:0;text-align:left}.meta-icon{width:20px;height:20px;color:#666;margin-top:2px;flex-shrink:0}.meta-label{font-size:13px;color:#888;margin-bottom:4px;white-space:nowrap;text-align:left}.meta-value{font-weight:600;font-size:14px;color:#333;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;line-height:1.4;text-align:left}hr{border:none;border-top:1px solid #e0e0e0;margin:24px -32px;width:calc(100% + 64px)}.section{margin-top:0;margin-bottom:24px;text-align:left}.section:first-of-type{margin-top:0}.section h3{color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 12px;text-align:left}.full-desc{color:#555;line-height:1.6;font-size:14px;margin:0;text-align:left}.section ul{margin:8px 0 0 20px;padding:0;list-style:none;text-align:left}.actions{display:flex;gap:8px;flex-shrink:0;align-self:flex-start;margin-left:auto;white-space:nowrap}.btn-outline{background:transparent;border:1px solid #e0e0e0;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;transition:all .2s;outline:none;color:#333;white-space:nowrap}.btn-outline:focus{outline:none;box-shadow:0 0 0 3px #fecc0b33}.btn-outline:hover{background:#fecc0b;border-color:#fecc0b;color:#1a1a1a}.btn-outline .icon-sm{width:16px;height:16px;margin-right:6px;flex-shrink:0}.btn-outline.destructive{border-color:#660100;color:#660100}.btn-outline.destructive:hover{background:#660100;border-color:#660100;color:#fff}.btn-outline.destructive:focus{box-shadow:0 0 0 3px #66010033}.placeholder .icon{width:48px;height:48px;opacity:.15;margin-bottom:8px}.placeholder .text{color:#999}.requirement-item{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px;font-size:14px;color:#555;line-height:1.5;text-align:left}.requirement-item:last-child{margin-bottom:0}.check-icon{width:18px;height:18px;color:#16a34a;margin-top:2px;flex-shrink:0}.check-icon.blue{color:#2563eb}.opp-meta-footer{display:flex;flex-direction:column;gap:8px;text-align:left}.meta-footer-item{display:flex;align-items:baseline;gap:8px;font-size:14px;line-height:1.5}.meta-footer-label{color:#666;font-weight:500}.meta-footer-value{color:#333;font-weight:500}.pdf-section{margin-top:0;margin-bottom:24px}.document-container{display:flex;flex-direction:column;gap:16px}.pdf-viewer-container{width:100%}.pdf-viewer{width:100%;height:600px;border:1px solid #e0e0e0;border-radius:8px;background:#f5f5f5}.document-download-container{padding:20px;border:1px solid #e0e0e0;border-radius:8px;background:#f9f9f9;display:flex;flex-direction:column;gap:16px;align-items:center}.document-download-info{display:flex;align-items:center;gap:16px;width:100%}.document-icon{width:48px;height:48px;flex-shrink:0}.document-icon-pdf{color:#660100}.document-icon-word{color:#2563eb}.document-name{margin:0 0 4px;font-size:16px;font-weight:600;color:#1a1a1a}.document-type{margin:0;font-size:14px;color:#666}.btn-download{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#660100;color:#fff;border-radius:6px;text-decoration:none;font-weight:500;font-size:14px;transition:all .2s;border:none;cursor:pointer}.btn-download:hover{background:#4d0100;color:#fff}.btn-download .icon-sm{width:16px;height:16px}@media(max-width:1024px){.opp-detail-panel{padding:20px 24px 24px;min-height:50vh}.detail-header:after{left:-24px;right:-24px}.detail-meta.three-columns{grid-template-columns:1fr 1fr}}@media(max-width:768px){.opp-detail-panel{padding:16px;min-height:40vh}.detail-header{flex-direction:column;gap:12px;padding-bottom:16px}.detail-header:after{left:-16px;right:-16px}.detail-header h2{font-size:20px}.actions{width:100%;justify-content:flex-end;margin-left:0;flex-wrap:wrap}.btn-outline{padding:8px 12px;font-size:13px}.detail-meta{grid-template-columns:1fr;gap:16px;margin-top:16px;margin-bottom:16px;padding-top:16px}.detail-meta.three-columns{grid-template-columns:1fr}.section h3{font-size:15px}.full-desc{font-size:13px}.pdf-viewer{height:320px}hr{margin:16px -16px;width:calc(100% + 32px)}}@media(max-width:480px){.opp-detail-panel{padding:14px 12px 20px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:max(20px,env(safe-area-inset-bottom))}.detail-header{gap:10px}.detail-header h2{font-size:18px;line-height:1.3}.badges{gap:6px}.pill{font-size:11px;padding:5px 10px}.actions{gap:8px;width:100%}.btn-outline{min-height:44px;padding:10px 16px;flex:1;min-width:0;justify-content:center}.detail-meta{margin-top:14px;margin-bottom:14px;padding-top:14px}.meta-item{gap:10px}.meta-value{font-size:13px}.section{margin-bottom:18px}.section h3{font-size:14px}.full-desc{font-size:13px;line-height:1.5}.pdf-viewer{height:280px}.document-download-container{padding:16px}.document-name{font-size:14px}.btn-download{min-height:44px;padding:12px 20px;width:100%;justify-content:center}}@media(max-width:380px){.opp-detail-panel{padding:12px 10px 16px}.detail-header h2{font-size:16px}.btn-outline{padding:10px 12px;font-size:12px}}.skeleton-search-input{width:100%;height:38px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:8px}.skeleton-filters-button{width:80px;height:38px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:8px;flex-shrink:0}.skeleton-count{width:120px;height:13px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:4px;margin-top:8px}.skeleton-opp-item{background:#fff;padding:12px;border-radius:6px;border:1px solid #e0e0e0;display:flex;flex-direction:column;gap:8px}.skeleton-item-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.skeleton-line{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:4px;height:14px}.skeleton-title{flex:1;height:16px;max-width:70%}.skeleton-description{width:100%;height:12px}.skeleton-description-short{width:85%;height:12px}.skeleton-badge{width:60px;height:24px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:999px;flex-shrink:0}.skeleton-item-meta{display:flex;gap:8px;align-items:center;margin-top:4px}.skeleton-badge-small{width:70px;height:20px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:999px}.skeleton-meta-dot{width:4px;height:4px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:50%}.skeleton-meta-item{width:60px;height:14px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:4px}.skeleton-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e0e0e0}.skeleton-detail-title-section{flex:1;display:flex;flex-direction:column;gap:12px}.skeleton-detail-title{width:70%;height:28px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:4px}.skeleton-badges{display:flex;gap:8px}.skeleton-badge-pill{width:80px;height:28px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:999px}.skeleton-actions{display:flex;gap:8px}.skeleton-button{width:80px;height:36px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:6px}.skeleton-detail-meta{display:flex;gap:32px;margin-bottom:24px}.skeleton-meta-column{flex:1;display:flex;flex-direction:column;gap:16px}.skeleton-meta-item-row{display:flex;gap:12px;align-items:flex-start}.skeleton-icon{width:20px;height:20px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:4px;flex-shrink:0}.skeleton-meta-content{flex:1;display:flex;flex-direction:column;gap:4px}.skeleton-meta-label{width:60px;height:12px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:4px}.skeleton-meta-value{width:120px;height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:4px}.skeleton-hr{border:none;border-top:1px solid #e0e0e0;margin:24px 0}.skeleton-section{margin-bottom:24px;display:flex;flex-direction:column;gap:12px}.skeleton-section-title{width:120px;height:20px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:4px;margin-bottom:8px}.skeleton-section-text{width:100%;height:14px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:4px}.skeleton-section-text-short{width:75%;height:14px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:4px}.skeleton-list{display:flex;flex-direction:column;gap:12px;margin-top:8px}.skeleton-list-item{display:flex;gap:12px;align-items:center}.skeleton-check-icon{width:18px;height:18px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:4px;flex-shrink:0}.skeleton-list-text{flex:1;height:14px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:4px}.skeleton-meta-footer{display:flex;gap:24px;margin-top:24px}.skeleton-footer-item{width:150px;height:14px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:4px}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.student-avatar__link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:inherit;border-radius:50%;outline:none;transition:transform .25s ease;flex-shrink:0}.student-avatar__link:hover{transform:scale(1.06)}.student-avatar__link:focus-visible{outline:2px solid rgba(180,30,45,.7);outline-offset:3px}.student-avatar__ring{--ring-size: 52px;position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--ring-size);height:var(--ring-size);border-radius:50%;padding:5px;background:linear-gradient(145deg,#8b2914,#660100);border:2px solid rgba(200,50,60,.9);box-shadow:0 0 0 1px #66010066,0 0 18px #b41e2d80,0 0 32px #8b291459,0 4px 14px #66010040;transition:box-shadow .3s ease,border-color .3s ease}.student-avatar__link:hover .student-avatar__ring{border-color:#dc3c46;box-shadow:0 0 0 2px #6601004d,0 0 24px #c82837a6,0 0 44px #8b291473,0 6px 20px #6601004d}.student-avatar__inner{width:100%;height:100%;border-radius:50%;overflow:hidden;background:transparent;display:flex;align-items:center;justify-content:center}.student-avatar__img{width:100%;height:100%;object-fit:cover;display:block}.student-avatar__fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#64748b}.student-page-heading{position:relative;width:100%}.student-page-heading__avatar-wrap{position:absolute;right:0;top:.4rem}@media(max-width:768px){.student-page-heading__avatar-wrap{display:none}}.opportunities-page{margin:-1rem -2rem -2rem;padding:1rem 2.5rem 2rem;padding-bottom:max(2rem,env(safe-area-inset-bottom,0));width:calc(100% + 4rem);min-height:calc(100vh + 3rem);height:100vh;max-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:hidden;max-width:none;box-sizing:border-box}.opportunities-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:0;margin-left:-2rem;margin-right:-2rem;padding:0 2rem 24px 2.5rem;flex-shrink:0;position:relative}.opportunities-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#e0e0e0}.opportunities-header .header-content{margin-left:0!important}.opportunities-header h2{margin:0;font-size:24px;color:#1a1a1a;text-align:left;font-weight:600}.opportunities-header .header-subtitle{font-size:14px;color:#888;font-weight:400;margin:0;text-align:left}.primary{background:#3c0a0a;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer}.opportunities-list{display:grid;gap:12px}.opportunities-grid{display:flex;gap:0;align-items:stretch;flex:1;overflow:hidden;min-width:0;width:100%;max-width:100%}.opportunities-grid-mobile{flex-direction:column;overflow:hidden;min-height:0}.opportunities-grid-mobile .opp-list-panel{flex:1;min-height:0;max-height:none;border-bottom:none;display:flex;flex-direction:column}.opportunities-grid-mobile-detail .opp-detail-panel{flex:1;min-height:0;overflow-y:auto}.add-opp-button{background:#660100;color:#fff;border:none;border-radius:8px;box-shadow:none;width:44px;height:38px;transition:width .3s ease-in-out;overflow:hidden;display:flex;align-items:center;justify-content:flex-start;padding:0 12px;cursor:pointer;outline:none}.add-opp-button-hovered{width:180px}.add-opp-button:focus{outline:none}.add-opp-button:hover{opacity:.8}.add-opp-button-content{display:flex;align-items:center;gap:8px;white-space:nowrap}.add-opp-icon{flex-shrink:0}.add-opp-text{transition:opacity .3s ease-in-out;opacity:1}.opp-card{border:1px solid #e5e7eb;padding:12px;border-radius:8px;background:#fff}.opp-title{margin:0 0 6px}.opp-org{margin:0;color:#4b5563}.muted{color:#6b7280}.delete-confirm-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:3000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.delete-confirm-dialog{background:#fff;border-radius:8px;padding:20px;max-width:320px;width:90%;box-shadow:0 8px 24px #0003}.delete-confirm-dialog h3{margin:0 0 10px;font-size:18px;font-weight:600;color:#1a1a1a}.delete-confirm-dialog p{margin:0 0 20px;color:#666;font-size:14px;line-height:1.5}.delete-confirm-actions{display:flex;gap:10px;justify-content:flex-end}.btn-cancel{padding:8px 16px;border:1px solid #fecc0b;background:#fff;color:#660100;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.btn-cancel:hover{background:#fecc0b;border-color:#fecc0b;color:#1a1a1a}.btn-delete{padding:8px 16px;border:none;background:#660100;color:#fff;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.btn-delete:hover{background:#4d0100}.btn-cancel:focus,.btn-delete:focus{outline:none;box-shadow:0 0 0 3px #fecc0b33}.btn-delete:focus{box-shadow:0 0 0 3px #66010033}@media(max-width:1024px){.opportunities-page{margin:-1rem -2rem -2rem;padding:1rem 2rem 2rem;padding-bottom:max(2rem,env(safe-area-inset-bottom,0));width:calc(100% + 4rem);height:auto;min-height:100vh;max-height:none;overflow-y:auto;overflow-x:hidden}.opportunities-grid{flex-direction:column;overflow:visible;min-height:0;flex:none}.opportunities-header{margin-left:-2rem;margin-right:-2rem;padding-left:2rem;padding-right:2rem;flex-wrap:wrap}.opportunities-header h2{font-size:20px}.add-opp-button{width:44px}.add-opp-button-hovered{width:160px}}@media(max-width:768px){.opportunities-page{margin:-1rem;padding:1rem;padding-top:max(1rem,env(safe-area-inset-top,0));padding-bottom:max(1rem,env(safe-area-inset-bottom,0));padding-left:max(1rem,env(safe-area-inset-left,0));padding-right:max(1rem,env(safe-area-inset-right,0));width:calc(100% + 2rem);min-height:auto}.opportunities-header{margin-left:-1rem;margin-right:-1rem;padding:12px 1rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));margin-bottom:0;gap:8px}.opportunities-header h2{font-size:18px}.opportunities-header .header-subtitle{font-size:13px}.add-opp-button{width:auto;min-width:44px;min-height:44px;height:44px;padding:0 12px}.add-opp-button-hovered{width:auto;min-width:140px}}@media(max-width:480px){.opportunities-page{margin:-.75rem;padding:.75rem;padding-top:max(.75rem,env(safe-area-inset-top,0));padding-bottom:max(.75rem,env(safe-area-inset-bottom,0));padding-left:max(.75rem,env(safe-area-inset-left,0));padding-right:max(.75rem,env(safe-area-inset-right,0));width:calc(100% + 1.5rem)}.opportunities-header{margin-left:-.75rem;margin-right:-.75rem;padding:12px .75rem;padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right));gap:10px}.header-content{min-width:0;flex:1}.opportunities-header h2{font-size:17px;line-height:1.3}.header-subtitle{display:none}.add-opp-button{flex-shrink:0;min-width:44px;min-height:44px;padding:0 12px}.add-opp-button-hovered{min-width:120px}.add-opp-button-content{gap:6px}.opportunities-page>div[style*="padding: 1rem"]{margin-left:14px!important;margin-right:14px!important}}@media(max-width:380px){.opportunities-header{padding:10px .75rem}.opportunities-header h2{font-size:16px}.add-opp-button-hovered{min-width:100px}}@media(max-width:480px){.delete-confirm-overlay{padding:16px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.delete-confirm-dialog{width:100%;max-width:min(320px,calc(100vw - 32px));padding:20px 16px}.delete-confirm-dialog h3{font-size:17px}.delete-confirm-dialog p{font-size:14px}.delete-confirm-actions{gap:12px;flex-wrap:wrap}.btn-cancel,.btn-delete{min-height:44px;padding:10px 18px;flex:1;min-width:120px}}.events-page{padding:1.5rem 6rem 2rem 5rem;max-width:none;margin:-2rem -1rem 3rem;position:relative;overflow-x:hidden;box-sizing:border-box;display:flex;flex-direction:column;width:calc(100% + 4rem);background:#fff;color:#000;min-height:100vh}.app-root:has(.sidebar.collapsed) .events-page{padding-left:6.5rem;margin-left:-1rem}@media(min-width:769px)and (max-width:1024px){.events-page{padding-left:4rem;margin-left:-1.5rem}.app-root:has(.sidebar.collapsed) .events-page{padding-left:4.25rem;margin-left:-.75rem}.events-header{margin-left:-2rem}}@media(max-width:768px){.app-root:has(.sidebar.collapsed) .events-page,.app-root:has(.sidebar:not(.collapsed)) .events-page{padding-left:1rem;margin-left:0}}.events-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;margin-top:0;margin-left:-2.5rem;gap:1rem;flex-wrap:wrap;background:#fff}.header-content{flex:1}.title-section{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.calendar-icon{width:2.25rem;height:2.25rem;color:#660100;flex-shrink:0}.events-header h1{margin:0;color:#660100;font-size:2rem;font-weight:700;text-transform:capitalize}.header-description{margin:0;color:#555;font-size:1rem;text-align:left}.add-event-button{background:#660100;color:#fff;border:none;border-radius:8px;box-shadow:none;width:44px;height:38px;transition:width .3s ease-in-out;overflow:hidden;display:flex;align-items:center;justify-content:flex-start;padding:0 12px;cursor:pointer;outline:none;flex-shrink:0}.add-event-button-hovered{width:130px}.add-event-button:focus{outline:none}.add-event-button:hover{opacity:.9}.add-event-button-content{display:flex;align-items:center;gap:8px;white-space:nowrap}.add-event-icon{flex-shrink:0}.add-event-text{transition:opacity .3s ease-in-out;opacity:1}.divider-container{position:relative;margin-left:-5rem;margin-right:-6rem;margin-bottom:1.5rem;width:calc(100% + 11rem);box-sizing:border-box}.app-root:has(.sidebar.collapsed) .divider-container{margin-left:-6rem;width:calc(100% + 12rem)}@media(max-width:768px){.app-root:has(.sidebar.collapsed) .divider-container,.app-root:has(.sidebar:not(.collapsed)) .divider-container{margin-left:-1rem!important;margin-right:-1rem!important;margin-top:0!important;width:calc(100% + 2rem)!important;padding:0!important}}@media(max-width:600px){.app-root:has(.sidebar.collapsed) .divider-container,.app-root:has(.sidebar:not(.collapsed)) .divider-container{margin-left:-.75rem!important;margin-right:-.75rem!important;margin-top:0!important;width:calc(100% + 1.5rem)!important;padding:0!important}}@media(max-width:480px){.app-root:has(.sidebar.collapsed) .divider-container,.app-root:has(.sidebar:not(.collapsed)) .divider-container{margin-left:-.5rem!important;margin-right:-.5rem!important;margin-top:0!important;width:calc(100% + 1rem)!important;padding:0!important}}.divider{height:1px;background:#0000001a;width:100%;margin:0;display:block}.events-controls{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem;margin-top:1rem;flex-wrap:wrap;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.event-tabs{position:relative;display:flex;background-color:#f2f2f2;border:none;outline:none;border-radius:50px;padding:.25rem;width:950px;min-width:300px;max-width:100%;margin:0 auto;box-sizing:border-box}.view-toggle{display:flex;gap:.5rem;background-color:#f2f2f2;border-radius:50px;padding:.25rem}.view-toggle-btn{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;outline:none;color:#666;padding:.5rem 1rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;border-radius:50px;white-space:nowrap}.view-toggle-btn:hover{color:#000}.view-toggle-btn.active{background:#fff;color:#000;box-shadow:0 2px 4px #0000001a}.tab-button{flex:1;background:transparent;border:none;outline:none;color:#660100;padding:.4rem .75rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;border-radius:50px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;white-space:nowrap;min-width:0}.tab-button.active{color:#fff}.tab-button:focus{outline:none}.event-tabs[data-tabs="3"]:before{content:"";position:absolute;top:.25rem;bottom:.25rem;left:.25rem;width:calc(33.333% - .33rem);background:#660100;border-radius:50px;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #6601004d;z-index:0}@media(max-width:768px){.event-tabs[data-tabs="3"]:before{top:.2rem;bottom:.2rem;left:.2rem;width:calc(33.333% - .27rem)}.event-tabs[data-tabs="3"][data-active=past]:before{transform:translate(calc(100% + .3rem))}.event-tabs[data-tabs="3"][data-active=archived]:before{transform:translate(calc(200% + .3rem))}}@media(max-width:600px){.event-tabs[data-tabs="3"]:before{top:.15rem;bottom:.15rem;left:.15rem;width:calc(33.333% - .2rem)}.event-tabs[data-tabs="3"][data-active=past]:before{transform:translate(calc(100% + .225rem))}.event-tabs[data-tabs="3"][data-active=archived]:before{transform:translate(calc(200% + .225rem))}}@media(max-width:480px){.event-tabs[data-tabs="3"]:before{top:.15rem;bottom:.15rem;left:.15rem;width:calc(33.333% - .2rem)}.event-tabs[data-tabs="3"][data-active=past]:before{transform:translate(calc(100% + .15rem))}.event-tabs[data-tabs="3"][data-active=archived]:before{transform:translate(calc(200% + .15rem))}}.event-tabs[data-tabs="3"][data-active=upcoming]:before{transform:translate(0)}.event-tabs[data-tabs="3"][data-active=past]:before{transform:translate(calc(100% + .5rem))}.event-tabs[data-tabs="3"][data-active=archived]:before{transform:translate(calc(200% + .5rem))}.event-tabs[data-tabs="2"]:before{content:"";position:absolute;top:.25rem;bottom:.25rem;left:.25rem;width:calc(50% - .375rem);background:#660100;border-radius:50px;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #6601004d;z-index:0}.event-tabs[data-tabs="2"][data-active=upcoming]:before{transform:translate(0)}.event-tabs[data-tabs="2"][data-active=past]:before{transform:translate(calc(100% + .25rem))}@media(max-width:768px){.event-tabs[data-tabs="2"]:before{top:.2rem;bottom:.2rem;left:.2rem;width:calc(50% - .3rem)}.event-tabs[data-tabs="2"][data-active=past]:before{transform:translate(calc(100% + .2rem))}}@media(max-width:600px){.event-tabs[data-tabs="2"]:before{top:.15rem;bottom:.15rem;left:.15rem;width:calc(50% - .225rem)}.event-tabs[data-tabs="2"][data-active=past]:before{transform:translate(calc(100% + .15rem))}}@media(max-width:480px){.event-tabs[data-tabs="2"]:before{top:.15rem;bottom:.15rem;left:.15rem;width:calc(50% - .225rem)}.event-tabs[data-tabs="2"][data-active=past]:before{transform:translate(calc(100% + .15rem))}}.empty-state-container{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;min-height:auto;max-height:calc(100vh - 250px)}.empty-state-icon{width:80px;height:80px;color:#0000004d;margin-bottom:1.5rem}.empty-state-title{margin:0 0 .75rem;color:#000;font-size:1.5rem;font-weight:600}.empty-state-description{margin:0;color:#666;font-size:1rem;text-align:center}.archived-semesters{display:flex;flex-direction:column;gap:2rem}.semester-group{display:flex;flex-direction:column;gap:1rem}.semester-header{font-size:1.25rem;font-weight:600;color:#660100;margin:0;padding-bottom:.5rem;border-bottom:2px solid #660100;max-width:400px}.search-filter-row{display:flex;align-items:center;justify-content:flex-start;gap:1rem;margin-bottom:1rem;width:100%;box-sizing:border-box;flex-wrap:wrap}.search-bar{flex:1.5;display:flex;align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;padding:0 1rem;height:40px;position:relative;transition:border-color .2s ease;box-sizing:border-box}.search-bar:focus-within{border-color:#999}.search-icon{width:20px;height:20px;color:#777;flex-shrink:0;position:absolute;left:1rem;pointer-events:none}.search-input{flex:1;border:none;outline:none;background:transparent!important;font-size:.95rem;color:#333;padding-left:2rem}.search-input:focus{background:transparent!important;outline:none;box-shadow:none;border:none}.search-input:focus-visible{outline:none;box-shadow:none}.search-input:focus::placeholder{color:#999;opacity:1}.search-input:-webkit-autofill,.search-input:-webkit-autofill:hover,.search-input:-webkit-autofill:focus,.search-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px transparent inset!important;-webkit-text-fill-color:#333!important;background-color:transparent!important;transition:background-color 5000s ease-in-out 0s}.search-input::placeholder{color:#999;opacity:1}.filter-dropdown-container{position:relative;flex-shrink:0}.filter-button{display:flex;align-items:center;gap:.5rem;background-color:#fecc0b;border:none;border-radius:6px;padding:0 1rem;height:40px;font-size:.875rem;color:#1a1a2e;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap;outline:none;min-width:0;box-sizing:border-box}.filter-button:hover{background-color:#e5b80a}.filter-button:focus{outline:none}.filter-button .filter-icon{width:14px;height:14px;color:#1a1a2e;flex-shrink:0}.filter-button .dropdown-arrow{width:10px;height:10px;color:#1a1a2e;margin-left:.25rem;flex-shrink:0}.filter-dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border:1px solid #e0e0e0;border-radius:5px;box-shadow:0 4px 12px #00000026;width:100%;min-width:max-content;max-height:400px;overflow-y:auto;z-index:1000}.filter-option{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;cursor:pointer;transition:background-color .2s ease;color:#333;font-size:.85rem;white-space:nowrap}@media(max-width:768px){.filter-dropdown-menu{border-radius:4px;max-height:300px;box-shadow:0 2px 8px #0000001f;top:calc(100% + .25rem)}.filter-option{padding:.4rem .6rem;font-size:.75rem}.filter-option .tick-icon{width:14px;height:14px}}@media(max-width:600px){.filter-dropdown-menu{max-height:250px;border-radius:3px}.filter-option{padding:.35rem .5rem;font-size:.7rem}.filter-option .tick-icon{width:12px;height:12px}}@media(max-width:480px){.filter-dropdown-menu{max-height:200px}.filter-option{padding:.3rem .45rem;font-size:.65rem}.filter-option .tick-icon{width:11px;height:11px}}.filter-option:hover{background-color:#fecc0b26}.filter-option.selected{background-color:#fecc0b40}.filter-option .tick-icon{width:16px;height:16px;color:#d4a908;flex-shrink:0}.filter-dropdown{flex:.6;display:flex;align-items:center;background-color:#f2f2f2;border-radius:5px;padding:.5rem .8rem;box-shadow:0 2px 6px #00000014;cursor:pointer;position:relative}.filter-dropdown:hover{box-shadow:0 4px 10px #00000026}.filter-icon{width:18px;height:18px;margin-right:.5rem;color:#777;flex-shrink:0}.filter-select{flex:1;border:none;outline:none;background:transparent;appearance:none;font-size:.95rem;color:#333;cursor:pointer;padding-right:1.2rem}.filter-dropdown:after{content:"▾";position:absolute;right:12px;font-size:.9rem;color:#777;pointer-events:none}.tab-info-message{margin:1rem 0;text-align:left;color:#666;font-size:1rem}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-auto-rows:280px;gap:1.25rem;padding:.5rem 0}.events-calendar-layout{display:grid;grid-template-columns:350px 1fr;gap:5.5rem;padding:.5rem 0;align-items:start;justify-content:start;width:100%;max-width:100%;animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.events-list-container{width:100%;max-width:100%;height:calc(100vh - 300px);display:flex;flex-direction:column;overflow:hidden;position:relative;min-width:0;flex-shrink:0}.events-list-title{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:#000;text-transform:capitalize}.date-filter-info{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#66010033;border:1px solid rgba(102,1,0,.4);border-radius:8px;margin-bottom:1rem}.date-filter-info span{color:#000;font-size:.95rem;font-weight:500}.clear-date-filter{background:transparent;border:1px solid rgba(0,0,0,.3);border-radius:6px;padding:.4rem .75rem;color:#000;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.clear-date-filter:hover{background:#0000000d;border-color:#00000080}.list-view-item .skeleton-flyer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.list-view-item .skeleton-title{height:1.5rem;width:250px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s infinite;margin:0}.list-view-item .skeleton-category{height:1.2rem;width:100px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:6px;animation:shimmer 1.5s infinite}.list-view-item .skeleton-button{width:2rem;height:2rem;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:8px;animation:shimmer 1.5s infinite}.list-view-item .skeleton-line{height:.95rem;width:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s infinite;margin-bottom:.5rem}.list-view-item .skeleton-icon{width:18px;height:18px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s infinite;flex-shrink:0}.list-view-item .skeleton-text{height:.9rem;width:120px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s infinite}@media(min-width:1400px){.events-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-auto-rows:300px;gap:1.5rem}}@media(max-width:1200px){.events-calendar-layout{grid-template-columns:1fr;gap:1.5rem}.events-list-container{order:2}.event-calendar{order:1}}@media(max-width:1200px)and (min-width:769px){.events-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-auto-rows:260px;gap:1.25rem}}@media(max-width:768px){.events-page{margin:0;padding:.75rem 1rem;overflow-x:hidden;width:100%}.events-header{align-items:center;gap:.75rem;margin-left:-1.5rem;margin-right:-1rem;padding:1rem 0 .75rem}.header-content{margin-left:0;padding-left:0}.events-header h1{font-size:1.4rem}.header-description{font-size:.9rem}.calendar-icon{width:1.75rem;height:1.75rem}.event-tabs{width:100%;max-width:100%;min-width:0;padding:.2rem}.tab-button{padding:.35rem .5rem;font-size:.7rem;min-width:0;overflow:hidden;text-overflow:ellipsis}.add-event-button{padding:.65rem 1.25rem;font-size:.85rem}.add-event-button svg{width:18px;height:18px}.divider-container{margin-left:-1rem!important;margin-right:-1rem!important;width:calc(100% + 2rem)!important;margin-top:0!important;margin-bottom:1.5rem;padding:0!important}.search-filter-row{gap:.5rem;flex-wrap:nowrap}.search-bar{flex:1;min-width:0;padding:.5rem .65rem;height:36px}.search-input{font-size:.8rem;padding-left:1.5rem;min-width:0}.search-icon{width:16px;height:16px;left:.65rem}.filter-dropdown-container{flex-shrink:0;min-width:0;max-width:40%}.filter-button{padding:.5rem .6rem;font-size:.75rem;gap:.3rem;white-space:nowrap;height:36px;overflow:hidden;text-overflow:ellipsis;max-width:100%;width:100%}.filter-button .filter-icon{width:12px;height:12px;flex-shrink:0}.filter-button .dropdown-arrow{width:8px;height:8px;flex-shrink:0}.event-tabs{width:100%!important;max-width:100%!important;min-width:0!important;margin-bottom:1.25rem;margin-top:.75rem;padding:.2rem}.tab-button{font-size:.75rem;padding:.4rem .5rem;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}.events-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-rows:240px;gap:1rem}.events-calendar-layout{gap:1rem}.events-list-title{font-size:1.1rem}.date-filter-info{flex-direction:column;align-items:flex-start;gap:.5rem}.clear-date-filter{width:100%}}@media(max-width:600px){.events-page{margin:0;padding:.5rem .75rem;overflow-x:hidden;width:100%}.events-header{flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:1rem;margin-left:-1.25rem;margin-right:-.75rem;padding:.75rem 0 .5rem}.header-content{margin-left:0;padding-left:0}.title-section{gap:.5rem}.events-header h1{font-size:1.15rem}.header-description{font-size:.8rem;margin-top:.25rem}.calendar-icon{width:1.5rem;height:1.5rem}.add-event-button{padding:.55rem .9rem;font-size:.75rem;gap:.4rem}.add-event-button svg{width:16px;height:16px}.divider-container{margin-left:-.75rem!important;margin-right:-.75rem!important;margin-bottom:.75rem;margin-top:0!important;width:calc(100% + 1.5rem)!important;padding:0!important}.search-filter-row{gap:.4rem;margin-bottom:.75rem;flex-wrap:nowrap}.search-bar{flex:1;min-width:0;padding:.4rem .55rem;height:34px}.search-input{font-size:.75rem;padding-left:1.4rem;min-width:0}.search-icon{width:14px;height:14px;left:.55rem}.filter-dropdown-container{flex-shrink:0;min-width:0;max-width:45%}.filter-button{padding:.4rem .5rem;font-size:.7rem;gap:.25rem;white-space:nowrap;height:34px;overflow:hidden;text-overflow:ellipsis;max-width:100%;width:100%}.filter-button .filter-icon{width:11px;height:11px;flex-shrink:0}.filter-button .dropdown-arrow{width:7px;height:7px;flex-shrink:0}.event-tabs{width:100%!important;max-width:100%!important;min-width:0!important;margin-bottom:1rem;margin-top:.5rem;padding:.15rem}.tab-button{font-size:.7rem;padding:.3rem .4rem;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}.tab-info-message{font-size:.8rem;margin:.75rem 0}.events-grid{grid-template-columns:1fr;grid-auto-rows:220px;gap:1rem}.events-calendar-layout{gap:1rem}.event-header{flex-direction:column;gap:1rem}.event-actions{align-self:flex-end}.modal-content{margin:1rem;padding:1.5rem}.modal-actions{flex-direction:column}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}}@media(max-width:480px){.events-page{margin:0;padding:.4rem .5rem;overflow-x:hidden;width:100%;max-width:100%;box-sizing:border-box}.events-header{margin-left:-1rem;margin-right:-.5rem;padding-left:0;padding-right:0}.header-content{margin-left:0;padding-left:0}.divider-container{margin-left:-.5rem!important;margin-right:-.5rem!important;margin-top:0!important;width:calc(100% + 1rem)!important;padding:0!important}.events-header h1{font-size:1rem}.header-description{font-size:.75rem}.add-event-button{padding:.5rem .75rem;font-size:.7rem}.add-event-button span{display:none}.search-filter-row{gap:.35rem}.search-bar{padding:.35rem .5rem;height:32px}.search-input{font-size:.7rem;padding-left:1.3rem}.search-icon{width:13px;height:13px;left:.5rem}.filter-dropdown-container{max-width:50%}.filter-button{padding:.35rem .45rem;font-size:.65rem;height:32px;gap:.2rem;overflow:hidden;text-overflow:ellipsis;max-width:100%;width:100%}.filter-button .filter-icon{width:10px;height:10px}.filter-button .dropdown-arrow{width:6px;height:6px}.event-tabs{width:100%!important;max-width:100%!important;min-width:0!important;padding:.15rem}.tab-button{font-size:.65rem;padding:.25rem .35rem;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}}@media(max-width:375px){.event-tabs{width:100%!important;max-width:100%!important;min-width:0!important;padding:.1rem}.tab-button{font-size:.6rem;padding:.25rem .3rem;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}.event-tabs[data-tabs="3"]:before{top:.1rem;bottom:.1rem;left:.1rem;width:calc(33.333% - .133rem)}.event-tabs[data-tabs="3"][data-active=past]:before{transform:translate(calc(100% + .1rem))}.event-tabs[data-tabs="3"][data-active=archived]:before{transform:translate(calc(200% + .1rem))}.event-tabs[data-tabs="2"]:before{top:.1rem;bottom:.1rem;left:.1rem;width:calc(50% - .15rem)}.event-tabs[data-tabs="2"][data-active=past]:before{transform:translate(calc(100% + .1rem))}}.skeleton-card{background:#ffffff05;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:1rem;display:flex;flex-direction:column;height:100%;box-sizing:border-box;gap:.75rem}.skeleton-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.skeleton-title{flex:1;height:1.3rem;background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s infinite}.skeleton-menu{width:1.5rem;height:1.5rem;background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s infinite}.skeleton-category{width:40%;height:.8rem;background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;border-radius:12px;animation:shimmer 1.5s infinite}.skeleton-description{flex:1;display:flex;flex-direction:column;gap:.5rem;margin-top:.25rem}.skeleton-line{height:.75rem;background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s infinite}.skeleton-line:first-child{width:100%}.skeleton-line:last-child{width:80%}.skeleton-footer{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto}.skeleton-detail{flex:1;height:.7rem;background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s infinite}.skeleton-button{width:2rem;height:2rem;background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;border-radius:50%;animation:shimmer 1.5s infinite}.error-message{text-align:center;padding:3rem;font-size:1.1rem;color:#ef4444}.events-grid:empty:after{content:"No events found";display:block;text-align:center;padding:3rem;color:#666;font-size:1.1rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:3rem 1rem;overflow-y:auto;z-index:1000}.modal-content.form-modal,.form-modal{max-width:540px!important;width:90%!important;max-height:calc(100vh - 6rem)!important;overflow:hidden!important;padding:0!important;display:flex!important;flex-direction:column!important;background:#fff!important;color:#000!important;margin:0 auto!important;border-radius:12px;box-shadow:0 8px 32px #0000001f}.form-modal .form-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px 20px;flex-shrink:0}.form-modal .form-header h2{margin:0!important;color:#000;font-size:20px!important;font-weight:600}.form-divider{height:1px;background:#e0e0e0;margin:0 0 20px;width:100%}.form-modal .close-button{background:#660100;border:none;color:#fff;cursor:pointer;padding:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;flex-shrink:0}.form-modal .close-button:hover{background:#4e0201;color:#fff}.form-modal .close-button:active{background:#3a0101}.form-modal .event-form{display:flex;flex-direction:column;gap:.6rem!important;text-align:left;flex:1;min-height:0;padding:0 28px 28px;overflow-y:auto;overflow-x:hidden}.form-modal .event-form-group{display:flex;flex-direction:column;gap:.25rem!important;margin:0!important}.form-modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem!important;padding-left:0;padding-right:0;margin:0!important;margin-bottom:-.5rem!important}.form-modal .form-row+.form-row{margin-top:.8rem!important}.form-modal .form-row+.event-form-group{margin-top:.5rem!important}.form-modal .event-form-group label{color:#000;font-weight:600;font-size:.8rem;text-align:left;margin:0;line-height:1.2}.form-modal .event-form-group input,.form-modal .event-form-group textarea,.form-modal .event-form-group select{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:12px 14px!important;color:#000;font-size:14px;transition:all .2s ease;outline:none;width:100%;box-sizing:border-box}.form-modal .event-form-group input:focus,.form-modal .event-form-group textarea:focus,.form-modal .event-form-group select:focus{outline:none;border-color:#660100;background:#fff;box-shadow:0 0 0 3px #6601001a}.form-modal .event-form-group input::placeholder,.form-modal .event-form-group textarea::placeholder{color:#999;font-family:inherit;font-size:.9rem}.form-modal .event-form-group textarea{resize:none;min-height:50px;font-family:inherit;font-size:.9rem;line-height:1.4}.form-modal .event-form-group select{cursor:pointer}.form-modal .event-form-group select option{background:#fff;color:#000}.form-modal .event-form-group small{color:#666;font-size:.7rem;margin-top:.1rem;margin-bottom:0;line-height:1.3}.form-modal .event-form::-webkit-scrollbar{width:6px}.form-modal .event-form::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.form-modal .event-form::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.form-modal .event-form::-webkit-scrollbar-thumb:hover{background:#999}.form-modal .form-actions{display:flex;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid #e0e0e0;margin-left:-28px;margin-right:-28px;padding-left:28px;padding-right:28px;flex-shrink:0;background:transparent}.form-modal .submit-button{background:#660100;border:none;color:#fff;padding:.6rem 1.4rem;border-radius:6px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;min-width:120px}.form-modal .submit-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #80002066;background:#5c0017}.form-modal .event-form-group p{margin:0;line-height:1.4}.flyer-upload-wrapper{position:relative;width:100%}.flyer-input-hidden{position:absolute;width:0;height:0;opacity:0;overflow:hidden;pointer-events:none}.flyer-upload-button-custom{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:#fff;border:2px dashed #e0e0e0;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#660100;transition:all .2s ease;width:100%;box-sizing:border-box;text-align:center}.flyer-upload-button-custom:hover{border-color:#660100;background:#fff5f5;border-style:solid}.flyer-upload-button-custom:active{transform:scale(.98)}.flyer-upload-button-custom svg{flex-shrink:0}.flyer-upload-preview{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;gap:12px}.flyer-upload-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.flyer-upload-check{color:#0a0;flex-shrink:0}.flyer-upload-filename{font-size:14px;color:#000;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flyer-upload-status{font-size:14px;color:#660100;font-weight:500}.flyer-upload-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.flyer-upload-replace{padding:6px 12px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#660100;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.flyer-upload-replace:hover{border-color:#660100;background:#fff5f5}.flyer-upload-remove{display:flex;align-items:center;justify-content:center;padding:6px;background:transparent;border:1px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;transition:all .2s ease;flex-shrink:0}.flyer-upload-remove:hover{border-color:#c00;color:#c00;background:#fff5f5}.flyer-upload-hint{margin-top:8px;font-size:12px;color:#888;line-height:1.4}.flyer-upload-spinner-small{width:16px;height:16px;border:2px solid rgba(102,1,0,.2);border-top-color:#660100;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.flyer-upload-button-wrapper{position:relative;width:100%}.flyer-input-hidden{position:absolute;width:0;height:0;opacity:0;overflow:hidden}.flyer-upload-button{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#000;transition:all .2s ease;width:auto;min-width:140px}.flyer-upload-button:hover{border-color:#660100;background:#f9f9f9}.flyer-upload-button svg{width:16px;height:16px;color:#660100;flex-shrink:0}.flyer-upload-button span{white-space:nowrap}.flyer-preview-compact{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;transition:none!important;animation:none!important;display:flex!important;visibility:visible!important;opacity:1!important}.flyer-preview-info-compact{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.flyer-file-name-compact{font-size:14px;color:#000;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.remove-flyer-button-compact{padding:6px 12px;background:transparent;border:1px solid #e0e0e0;border-radius:6px;color:#666;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;flex-shrink:0;white-space:nowrap}.remove-flyer-button-compact:hover:not(:disabled){border-color:#660100;color:#660100;background:#fff5f5}.remove-flyer-button-compact:disabled{opacity:.6;cursor:not-allowed}.flyer-upload-overlay{position:absolute;inset:0;background:#fffffff2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;z-index:15;border-radius:8px;transition:none;animation:none}.flyer-upload-spinner{width:32px;height:32px;border:3px solid rgba(102,1,0,.2);border-top-color:#660100;border-radius:50%;animation:spin .8s linear infinite}.flyer-upload-overlay span{font-size:.9rem;font-weight:600;color:#660100}.flyer-preview-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:.75rem;display:flex;justify-content:space-between;align-items:center;z-index:10}.flyer-file-name{color:#fff;font-size:.85rem;font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:.5rem}.remove-flyer-button{background:#ffffffe6;color:#000;border:none;border-radius:6px;padding:.4rem .75rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;flex-shrink:0}.remove-flyer-button:hover:not(:disabled){background:#fff;transform:translateY(-1px)}.remove-flyer-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.modal-content.form-modal,.form-modal{max-width:100%!important;width:95%!important;max-height:calc(100vh - 1rem)!important;padding:.75rem!important}.form-modal .form-header{margin-bottom:.25rem!important;padding-top:0}.form-modal .form-header h2{font-size:1rem!important}.form-modal .close-button{width:1.5rem;height:1.5rem;font-size:1.5rem}.form-modal .form-description{font-size:.7rem;margin-bottom:.75rem!important}.form-modal .form-description p{margin:0;line-height:1.3}.form-modal .event-form{gap:.5rem!important}.form-modal .event-form-group{gap:.2rem!important}.form-modal .event-form-group label{font-size:.7rem;line-height:1.1}.form-modal .event-form-group input,.form-modal .event-form-group textarea,.form-modal .event-form-group select{padding:.4rem .5rem!important;font-size:.8rem}.form-modal .event-form-group textarea{min-height:40px}.form-modal .form-row{grid-template-columns:1fr 1fr;gap:.4rem!important}.form-modal .form-row .event-form-group label{font-size:.65rem;min-height:1.5rem;line-height:1.2}.form-modal .form-row+.form-row{margin-top:.5rem!important}.form-modal .form-row+.event-form-group{margin-top:.4rem!important}.form-modal .event-form-group small{font-size:.6rem;margin-top:.05rem;line-height:1.2}.form-modal .form-actions{margin-top:.5rem!important;padding-top:.5rem!important}.form-modal .submit-button{padding:.5rem 1rem;font-size:.8rem;min-width:100px}}@media(max-width:375px){.modal-content.form-modal,.form-modal{max-height:calc(100vh - .5rem)!important;padding:.6rem!important}.form-modal .form-header{margin-bottom:.2rem!important}.form-modal .form-header h2{font-size:.95rem!important}.form-modal .close-button{width:1.4rem;height:1.4rem;font-size:1.4rem}.form-modal .form-description{font-size:.65rem;margin-bottom:.6rem!important}.form-modal .event-form{gap:.4rem!important}.form-modal .event-form-group{gap:.15rem!important}.form-modal .event-form-group label{font-size:.65rem}.form-modal .event-form-group input,.form-modal .event-form-group textarea,.form-modal .event-form-group select{padding:.35rem .45rem!important;font-size:.75rem}.form-modal .event-form-group textarea{min-height:35px}.form-modal .form-row{gap:.35rem!important}.form-modal .form-row .event-form-group label{font-size:.6rem;min-height:1.4rem}.form-modal .form-row+.form-row{margin-top:.4rem!important}.form-modal .form-row+.event-form-group{margin-top:.3rem!important}.form-modal .event-form-group small{font-size:.55rem}.form-modal .form-actions{margin-top:.4rem!important;padding-top:.4rem!important}.form-modal .submit-button{padding:.45rem .9rem;font-size:.75rem}}.event-calendar{background:#f5f5f5;border:1px solid rgba(0,0,0,.1);border-radius:16px;padding:1rem;width:350px;height:350px;overflow:hidden;flex-shrink:0;display:flex;flex-direction:column;position:sticky;top:0;align-self:start;box-shadow:0 8px 32px #0000001a;animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;flex-shrink:0}.calendar-nav-button{background:#0000000d;border:none;border-radius:8px;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:#000;position:relative;overflow:hidden}.calendar-nav-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#0000001a;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.calendar-nav-button:hover:before{width:100%;height:100%}.calendar-nav-button:hover{background:#0000001a;transform:scale(1.1);box-shadow:0 4px 12px #0000001a}.calendar-nav-button:active{transform:scale(.95)}.calendar-nav-button svg{width:14px;height:14px}.calendar-month-year h3{margin:0;font-size:.9rem;font-weight:600;color:#000;transition:all .3s ease;position:relative}.calendar-month-year h3:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#660100,transparent);transition:width .3s ease}.calendar-month-year:hover h3:after{width:100%}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:auto repeat(6,1fr);gap:.25rem;flex:1;min-height:0}.calendar-day-header{text-align:center;font-weight:600;font-size:.7rem;color:#666;padding:.25rem 0}.calendar-day{aspect-ratio:1;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:.25rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;position:relative;min-height:30px;min-width:0;overflow:hidden}.calendar-day:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.calendar-day.empty{border:none;cursor:default;background:transparent;min-height:0;padding:0}.calendar-day:not(.empty):hover{background:#0000000d;border-color:#0003;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #0000001a}.calendar-day:not(.empty):hover:before{opacity:1}.calendar-day.today{border-color:#660100;background:#66010033}.calendar-day.today .day-number{font-weight:700;color:#660100}.calendar-day.selected{background:linear-gradient(135deg,#66010066,#66010033);border-color:#660100;box-shadow:0 0 0 2px #66010099,0 4px 16px #6601004d;transform:scale(1.05);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 2px #66010099,0 4px 16px #6601004d}50%{box-shadow:0 0 0 2px #660100cc,0 4px 20px #66010080}}.calendar-day.selected .day-number{color:#fff;font-weight:700}.day-number{font-size:.75rem;font-weight:500;color:#000;margin-bottom:.1rem;line-height:1}.event-indicators{display:flex;flex-wrap:wrap;gap:.1rem;justify-content:center;align-items:center;width:100%;margin-top:auto}.event-indicator{width:4px;height:4px;border-radius:50%;flex-shrink:0;animation:fadeInScale .3s ease-out;box-shadow:0 0 4px currentColor}@keyframes fadeInScale{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.event-indicator.category-blue{background:#3b82f6}.event-indicator.category-purple{background:#a855f7}.event-indicator.category-green{background:#10b981}.event-indicator.category-pink{background:#ec4899}.event-indicator.category-orange{background:#f59e0b}.event-indicator.category-teal{background:#14b8a6}.event-indicator.category-default{background:#6b7280}.event-count{font-size:.55rem;color:#666;font-weight:600;margin-left:.05rem;line-height:1}.calendar-day.has-events{border-color:#66010066}@media(max-width:768px){.event-calendar{width:100%;aspect-ratio:1;padding:.75rem}}.event-list{display:flex;flex-direction:column;gap:0;height:100%;overflow-y:auto;overflow-x:hidden;padding-right:.5rem;flex:1;-ms-overflow-style:none;scrollbar-width:none}.event-list::-webkit-scrollbar{display:none}.event-list-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.event-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;color:#666}.event-list-empty .empty-icon{width:64px;height:64px;margin-bottom:1rem;opacity:.5}.event-list-empty p{margin:0;font-size:1rem}.event-list-item{background:#fff;border:none;border-bottom:1px solid rgba(0,0,0,.1);border-radius:0;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:stretch;gap:0;margin-bottom:1rem;padding-bottom:1rem;position:relative}.event-list-item>div:first-child{display:flex;flex-direction:row;align-items:stretch}.event-list-date{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem .75rem;min-width:70px;flex-shrink:0}.event-list-day{font-size:1.5rem;font-weight:700;color:#000;line-height:1;margin-bottom:.25rem}.event-list-month{font-size:.75rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.15rem}.event-list-weekday{font-size:.7rem;color:#999;text-transform:uppercase;letter-spacing:.5px}.event-list-color-bar{width:4px;flex-shrink:0;background:#3b82f6}.event-list-item.category-blue .event-list-color-bar{background:#3b82f6}.event-list-item.category-purple .event-list-color-bar{background:#a855f7}.event-list-item.category-green .event-list-color-bar{background:#10b981}.event-list-item.category-pink .event-list-color-bar{background:#ec4899}.event-list-item.category-orange .event-list-color-bar{background:#f59e0b}.event-list-item.category-teal .event-list-color-bar{background:#14b8a6}.event-list-item.category-default .event-list-color-bar{background:#6b7280}.event-list-content{flex:1;min-width:0;padding:1rem 4.5rem 1rem 1.25rem;display:flex;flex-direction:column;gap:.25rem;text-align:left;align-items:flex-start}.event-list-header{display:flex;align-items:center;gap:.75rem;justify-content:space-between;width:100%}.event-list-title{margin:0;font-size:1.1rem;font-weight:600;color:#000;text-transform:capitalize;flex:1;min-width:0;line-height:1.3;text-align:left;position:relative}.event-list-menu-container{position:absolute;top:1rem;right:1.25rem;z-index:20;flex-shrink:0}.event-list-menu-button{background:transparent;border:none;color:#666;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);width:2rem;height:2rem;position:relative}.event-list-menu-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff1a;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.event-list-menu-button:hover:before{width:100%;height:100%}.event-list-menu-button:hover{background:#0000000d;color:#000;transform:rotate(90deg) scale(1.1)}.event-list-menu-button svg{width:18px;height:18px}.event-list-menu-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:180px;z-index:1000;overflow:hidden}.event-list-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:none;background:transparent;color:#000;font-size:.9rem;cursor:pointer;transition:all .2s ease;text-align:left}.event-list-menu-item:hover{background:#0000000d}.event-list-menu-item.delete-item{color:#f87171}.event-list-menu-item.delete-item:hover{background:#ef444433}.event-list-menu-item svg{width:18px;height:18px;flex-shrink:0}.event-list-category-badge{padding:.2rem .6rem;border-radius:8px;font-size:.7rem;font-weight:600;white-space:nowrap;flex-shrink:0;opacity:.8;width:fit-content;margin-top:0;position:relative;overflow:hidden}.event-list-item.category-blue .event-list-category-badge{background:#3b82f633;color:#60a5fa}.event-list-item.category-purple .event-list-category-badge{background:#a855f733;color:#a78bfa}.event-list-item.category-green .event-list-category-badge{background:#10b98133;color:#34d399}.event-list-item.category-pink .event-list-category-badge{background:#ec489933;color:#f472b6}.event-list-item.category-orange .event-list-category-badge{background:#f59e0b33;color:#fbbf24}.event-list-item.category-teal .event-list-category-badge{background:#14b8a633;color:#5eead4}.event-list-item.category-default .event-list-category-badge{background:#6b728033;color:#9ca3af}.event-list-description-wrapper{position:relative;width:100%}.event-list-description{margin:0;font-size:.9rem;color:#666;line-height:1.4;text-align:left;width:100%;cursor:pointer}.event-list-more-less{background:transparent;border:none;color:#000;font-size:.85rem;font-weight:600;cursor:pointer;padding:0;margin-left:.25rem;text-decoration:underline;transition:all .2s ease;display:inline}.event-list-more-less.inline{display:inline;margin-top:0}.event-list-more-less:hover{color:#000000b3}.event-list-details{display:flex;flex-wrap:wrap;gap:1rem;margin-top:0;justify-content:flex-start;align-items:center;width:100%}.event-list-detail{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#666}.event-list-icon{width:16px;height:16px;flex-shrink:0;opacity:.7}.event-list-qr-button{position:absolute;bottom:1rem;right:1.25rem;background:#6601001a;border:1px solid rgba(102,1,0,.2);border-radius:10px;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:#4a4a4a;z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.event-list-qr-button:hover{background:#66010033;border-color:#66010066;color:#660100;transform:scale(1.1) rotate(5deg);box-shadow:0 4px 12px #6601004d}.event-list-expanded-content{width:100%;padding:1.5rem 1.25rem 1rem;border-top:1px solid rgba(128,128,128,.2);margin-top:.5rem;display:flex;flex-direction:column;gap:1.5rem}.event-list-expanded-section{display:flex;flex-direction:column;gap:.75rem}.event-list-expanded-section h4{margin:0;font-size:.95rem;font-weight:600;color:#000;text-transform:uppercase;letter-spacing:.5px}.event-list-expanded-section p{margin:0;font-size:.9rem;color:#666;line-height:1.6}.event-list-expanded-info{display:flex;align-items:center;gap:.75rem;color:#666;font-size:.9rem}.event-list-expanded-info svg{width:18px;height:18px;flex-shrink:0;opacity:.7}.modal-content{background:linear-gradient(180deg,#0f1724,#0b1220);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;max-width:400px;width:90%;box-shadow:0 20px 40px #00000080}.modal-content.qr-modal{background:#fff;border:1px solid #e2e8f0;max-width:550px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-header h3{margin:0;color:#ffffffe6;font-size:1.5rem}.close-button{background:transparent;border:none;color:#fff9;font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;line-height:1;flex-shrink:0}.close-button:hover{background:#ffffff1a;color:#ffffffe6}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.confirm-delete-button{background:#660100;border:none;color:#fff;padding:.6rem 1.25rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s ease}.confirm-delete-button:hover{background:#7a0100;transform:translateY(-1px);box-shadow:0 4px 12px #6601004d}.delete-modal{max-width:420px;width:90%;padding:0;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001f;overflow:hidden}.delete-modal .confirm-delete-button{background:#660100;border:none;color:#fff;padding:10px 24px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s ease;margin-right:16px}.qr-modal{max-width:550px;width:90%;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;padding:2rem;text-align:center}.qr-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f1f5f9}.qr-modal-header h3{margin:0;color:#1e293b;font-size:1.75rem;font-weight:700;letter-spacing:-.5px}.qr-modal .close-button{background:#660100;border:none;color:#fff;cursor:pointer;padding:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;flex-shrink:0}.qr-modal .close-button:hover{background:#4e0201;color:#fff}.qr-modal .close-button:active{background:#3a0101;color:#fff}.qr-description{margin:0 0 1.5rem!important;color:#64748b;font-size:1rem;text-align:center;line-height:1.6;font-weight:500}.qr-scanner-content{text-align:center;display:flex;flex-direction:column;gap:1.25rem}.qr-scanner-container{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:16px;padding:1.5rem;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:320px;position:relative;overflow:hidden;transition:all .3s ease}.qr-scanner-container:hover{border-color:#94a3b8;background:#f1f5f9}.qr-scanner-container div[id^=qr-scanner-] video{width:100%;height:auto;border-radius:12px;box-shadow:0 4px 12px #0000001a}.camera-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem}.scanner-icon{color:#94a3b8}.scanner-placeholder{margin:0;color:#64748b;font-size:.95rem;font-weight:500}.qr-time-info{margin:0;color:#475569;font-size:.9rem;line-height:1.6;padding:.75rem 1rem;background:#f8fafc;border-radius:8px;border-left:3px solid #660100}.qr-time-info:first-of-type{margin-top:.5rem}.qr-event-title{margin:1rem 0 0!important;color:#1e293b;font-size:1.25rem;font-weight:700;text-transform:capitalize;padding:1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:1px solid #e2e8f0}@media(max-width:768px){.event-list-date{min-width:60px;padding:.75rem .5rem}.event-list-day{font-size:1.25rem}.event-list-month{font-size:.7rem}.event-list-weekday{font-size:.65rem}.event-list-content{padding:.75rem 1rem}.event-list-title{font-size:1rem}.event-list-description{font-size:.85rem}.event-list-detail{font-size:.8rem}}.month-view{width:100%;display:flex;flex-direction:column;gap:2rem}.month-view-header{display:flex;align-items:center;justify-content:space-between;padding:0 1rem}.month-nav-button{background:#f5f5f5;border:1px solid rgba(0,0,0,.1);border-radius:8px;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#000}.month-nav-button:hover{background:#0000000d;border-color:#0003}.month-nav-button svg{width:20px;height:20px}.month-view-title{margin:0;font-size:1.5rem;font-weight:600;color:#000}.month-view-content{display:flex;flex-direction:column;gap:2rem}.month-calendar{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.month-calendar-header{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;margin-bottom:1rem}.month-calendar-day-header{text-align:center;font-weight:600;font-size:.85rem;color:#666;padding:.5rem 0}.month-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}.month-calendar-day{aspect-ratio:1;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:.5rem;display:flex;flex-direction:column;cursor:pointer;transition:all .2s ease;background:#fff;min-height:100px;overflow:hidden}.month-calendar-day:hover{background:#00000005;border-color:#0003}.month-calendar-day.other-month{opacity:.3;cursor:default}.month-calendar-day.today{border-color:#660100;background:#6601000d}.month-calendar-day.selected{background:#6601001a;border-color:#660100;box-shadow:0 0 0 2px #66010033}.month-calendar-day.has-events{border-color:#6601004d}.month-day-number{font-size:.9rem;font-weight:600;color:#000;margin-bottom:.25rem}.month-day-events{flex:1;display:flex;flex-direction:column;gap:.25rem;overflow:hidden;align-items:flex-start;width:100%;min-width:0}.month-day-event{font-size:.7rem;padding:.2rem .4rem;border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;text-align:left;display:flex;flex-direction:row;align-items:center;gap:.4rem;width:100%;max-width:100%;min-width:0;transition:all .2s ease;cursor:pointer;box-sizing:border-box}.month-day-event:hover{opacity:.8;filter:brightness(.85)}.month-day-event.selected{opacity:.7;filter:brightness(.75)}.month-day-event-time{font-size:.65rem;font-weight:600;opacity:.9;flex-shrink:0}.month-day-event-title{font-size:.7rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap;flex:1;min-width:0}.month-day-event.category-blue{background:#3b82f633;color:#3b82f6}.month-day-event.category-purple{background:#a855f733;color:#a855f7}.month-day-event.category-green{background:#10b98133;color:#10b981}.month-day-event.category-pink{background:#ec489933;color:#ec4899}.month-day-event.category-orange{background:#f59e0b33;color:#f59e0b}.month-day-event.category-teal{background:#14b8a633;color:#14b8a6}.month-day-event.category-default{background:#6b728033;color:#6b7280}.month-day-more{font-size:.65rem;color:#666;font-weight:500;padding:.1rem .3rem}.month-view-events{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.month-view-events-title{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:#000;text-transform:capitalize}.month-event-modal{position:fixed;z-index:10000;pointer-events:auto;max-width:calc(100vw - 40px)}.month-event-modal-content{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;box-shadow:0 8px 24px #00000026;width:320px;max-width:calc(100vw - 40px);padding:0;display:flex;flex-direction:column;overflow:hidden;position:relative}.month-event-modal-close{position:absolute;top:.75rem;right:.75rem;background:#ffffffe6;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;line-height:1;z-index:10;box-shadow:0 2px 8px #0000001a}.month-event-modal-close:hover{background:#fff;color:#000;transform:scale(1.1)}.month-event-modal-flyer{width:100%;height:180px;object-fit:cover;display:block;border-radius:12px 12px 0 0}.month-event-modal-flyer-placeholder{width:100%;height:180px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;color:#999}.month-event-modal-flyer-placeholder svg{width:48px;height:48px}.month-event-modal-info{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.month-event-modal-title-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:0}.month-event-modal-category{padding:.25rem .6rem;border-radius:12px;font-size:.7rem;font-weight:600;white-space:nowrap;flex-shrink:0}.month-event-modal-category.category-blue{background:#3b82f633;color:#3b82f6}.month-event-modal-category.category-purple{background:#a855f733;color:#a855f7}.month-event-modal-category.category-green{background:#10b98133;color:#10b981}.month-event-modal-category.category-pink{background:#ec489933;color:#ec4899}.month-event-modal-category.category-orange{background:#f59e0b33;color:#f59e0b}.month-event-modal-category.category-teal{background:#14b8a633;color:#14b8a6}.month-event-modal-category.category-default{background:#6b728033;color:#6b7280}.month-event-modal-title{margin:0;font-size:1rem;font-weight:600;color:#000;text-transform:capitalize;line-height:1.3;text-align:left;flex:1;min-width:0}.month-event-modal-description{margin:0;font-size:.85rem;color:#666;line-height:1.5;text-align:left}.month-event-modal-details{display:flex;flex-direction:column;gap:.5rem;margin-top:.25rem}.month-event-modal-detail{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#666;text-align:left}.month-event-modal-detail svg{flex-shrink:0;color:#660100;opacity:.8}.month-event-modal-actions{display:flex;gap:.5rem;margin-top:.5rem;padding-top:.75rem;border-top:1px solid rgba(0,0,0,.1);align-items:center;justify-content:flex-start}.month-event-modal-camera-button{background:#6601001a;border:1px solid rgba(102,1,0,.2);border-radius:8px;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#660100;flex-shrink:0}.month-event-modal-camera-button:hover{background:#66010033;border-color:#66010066}.month-event-modal-menu-container{position:relative;flex-shrink:0}.month-event-modal-menu-button{background:transparent;border:1px solid rgba(0,0,0,.1);border-radius:8px;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#666}.month-event-modal-menu-button:hover{background:#0000000d;border-color:#0003;color:#000}.month-event-modal-menu-dropdown{position:fixed;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:150px;z-index:10002;overflow:hidden;right:auto}.month-event-modal-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:none;background:transparent;color:#000;font-size:.9rem;cursor:pointer;transition:all .2s ease;text-align:left}.month-event-modal-menu-item:hover{background:#0000000d}.month-event-modal-menu-item.delete{color:#ef4444}.month-event-modal-menu-item.delete:hover{background:#ef44441a}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:0;max-width:400px;width:90%;box-shadow:0 8px 32px #0000001f;overflow:hidden}.modal-content.qr-modal{max-width:550px}.modal-content.qr-modal .close-button{background:#660100;border:none;color:#fff;cursor:pointer;padding:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;flex-shrink:0}.modal-content.qr-modal .close-button:hover{background:#4e0201;color:#fff}.modal-content.qr-modal .close-button:active{background:#3a0101;color:#fff}.modal-header h3{margin:0;color:#000;font-size:20px;font-weight:600}.modal-divider{height:1px;background:#e0e0e0;margin:0 0 20px;width:100%}.close-button{background:#660100;border:none;color:#fff;cursor:pointer;padding:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;flex-shrink:0}.close-button:hover{background:#4e0201;color:#fff}.close-button:active{background:#3a0101;color:#fff}.qr-scanner-container{width:100%;min-height:300px;margin-top:1rem}.camera-error{padding:2rem;text-align:center;color:#ef4444}.qr-scanner-content{text-align:center;display:flex;flex-direction:column;gap:1.25rem;padding:0 28px 28px}.qr-description{margin:0;color:#64748b;font-size:1rem;text-align:center;line-height:1.6;font-weight:500}.qr-time-info{margin:0;color:#475569;font-size:.9rem;line-height:1.6;padding:.75rem 1rem;background:#f8fafc;border-radius:8px;border-left:3px solid #660100;text-align:left}.qr-event-title{margin:1rem 0 0;color:#1e293b;font-size:1.25rem;font-weight:700;text-transform:capitalize;padding:1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:1px solid #e2e8f0;text-align:center}@media(max-width:768px){.month-view-header{padding:0}.month-view-title{font-size:1.25rem}.month-calendar{padding:1rem}.month-calendar-day{min-height:80px;padding:.25rem}.month-day-event{font-size:.65rem;padding:.15rem .3rem}}.event-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;padding:.5rem 0;align-items:start}@media(min-width:769px){.event-cards-grid{align-items:stretch!important}.event-card-compact{align-self:stretch!important;display:flex;flex-direction:column;height:100%}}.list-view-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#666}.list-view-empty .empty-icon{width:64px;height:64px;margin-bottom:1rem;opacity:.5}.list-view-empty p{margin:0;font-size:1rem}.event-card-compact{border-radius:16px;overflow:visible;display:flex;flex-direction:column;box-shadow:0 4px 20px #0000001a;transition:box-shadow .3s cubic-bezier(.4,0,.2,1),max-height .3s cubic-bezier(.4,0,.2,1),min-height .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1);position:relative;background:#fff;align-self:start;will-change:max-height,min-height,height}.event-card-compact:hover:not(.expanded){transform:translateY(-4px);box-shadow:0 12px 32px #00000026}@media(max-width:768px){.event-card-compact.expanded:hover{transform:none}}.event-card-compact[data-menu-open=true]{z-index:1000}.event-card-compact.expanded{overflow:visible;position:relative;top:0}.event-card-compact.expanded .card-body{min-height:auto;overflow:visible;padding-bottom:1.5rem}.event-card-compact.expanded .card-title{white-space:normal;word-wrap:break-word}.event-card-compact.expanded .card-bottom-row{margin-top:1rem}.card-hero{position:relative;aspect-ratio:1 / 1;overflow:hidden;flex-shrink:0;border-radius:8px;margin:0}.card-hero-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;mix-blend-mode:multiply}.card-hero-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .4s ease}.event-card-compact:hover .card-hero-image{transform:scale(1.05)}.card-hero-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffff4d}.card-hero-placeholder svg{width:48px;height:48px;color:#00000040;opacity:.7}.card-category-tag{position:absolute;top:10px;right:10px;z-index:5;display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:6px;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 8px #0003}.card-menu-container{position:absolute;top:12px;left:12px;z-index:10}.card-menu-button{width:32px;height:32px;border-radius:8px;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#495057;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.card-menu-button:hover{background:#fff;color:#212529;box-shadow:0 4px 12px #00000026}.card-menu-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;min-width:160px;overflow:hidden;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.card-menu-item{display:block;width:100%;padding:12px 16px;border:none;background:transparent;color:#212529;font-size:.875rem;font-weight:500;text-align:left;cursor:pointer;transition:all .15s ease}.card-menu-item:hover{background:#f8f9fa}.card-menu-item.delete-item{color:#dc3545}.card-menu-item.delete-item:hover{background:#fff5f5}.card-body{flex:1;min-height:170px;padding:.875rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.25rem;position:relative;text-align:left;align-items:stretch}@media(min-width:769px){.card-body{flex:1 1 auto;min-height:0}}@media(max-width:768px){.event-card-compact{padding:12px;gap:12px}.card-hero{border-radius:8px;margin:0}}.event-card-compact.expanded .card-body{min-height:180px}.card-datetime{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.card-title{margin:0;font-size:1.15rem;font-weight:700;color:#660100;text-transform:capitalize;line-height:1.3;letter-spacing:-.01em;text-align:left}.event-card-compact:not(.expanded) .card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-description-container{display:flex;flex-direction:column;gap:.25rem;overflow:visible;flex-shrink:0}.event-card-compact.expanded .card-description-container{flex:unset}.card-description{margin:0;font-size:.85rem;color:#0009;line-height:1.5;text-align:left}.event-card-compact .card-description:not(.expanded){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-description.expanded{display:block;-webkit-line-clamp:unset;overflow:visible}.card-more-button{display:inline-flex;align-items:center;gap:.2rem;background:none;border:none;padding:0;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;align-self:flex-start}.card-more-button:hover{opacity:.8}.card-more-button span{text-decoration:underline;text-underline-offset:2px}.card-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:auto;padding:0;flex-shrink:0;min-width:0;min-height:2.5rem;height:2.5rem;box-sizing:border-box}.card-bottom-row.empty{display:flex;align-items:center;justify-content:space-between;gap:1rem;visibility:hidden;min-height:2.5rem;height:2.5rem;padding:0;margin-top:auto;box-sizing:border-box;flex-shrink:0;min-width:0}.card-bottom-row.empty:before{content:"";display:inline-block;width:0;height:2.5rem;flex-shrink:0}@media(max-width:768px){.card-bottom-row.empty.hide-on-mobile{display:none}}.card-location-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.5rem;flex-shrink:0}.card-location{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:#1a1a2e;font-weight:500;flex:1;min-width:0}.card-location span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-location svg{flex-shrink:0}.card-location-spacer{flex:1}.card-register-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s ease;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:2.5rem;line-height:2.5rem;padding:0;margin:0;box-sizing:border-box}.card-register-link:hover{opacity:.8;text-decoration:underline;text-underline-offset:2px}.card-register-link svg{flex-shrink:0}.card-bottom-spacer{flex:1}.card-qr-button{width:36px;height:36px;border-radius:10px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00000026;flex-shrink:0}.card-qr-button:hover{transform:scale(1.08);box-shadow:0 4px 12px #0003}.event-card-compact.skeleton{pointer-events:none;background:#f0f0f0;min-height:420px}.event-card-compact.skeleton .card-hero,.skeleton-hero{height:60%;background:linear-gradient(90deg,#e8e8e8 25%,#f0f0f0,#e8e8e8 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-date{width:120px;height:14px;background:linear-gradient(90deg,#e0e0e0 25%,#ebebeb,#e0e0e0 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s infinite}.skeleton-title{width:85%;height:22px;background:linear-gradient(90deg,#e0e0e0 25%,#ebebeb,#e0e0e0 75%);background-size:200% 100%;border-radius:6px;animation:shimmer 1.5s infinite}.skeleton-description{width:100%;height:36px;background:linear-gradient(90deg,#e0e0e0 25%,#ebebeb,#e0e0e0 75%);background-size:200% 100%;border-radius:6px;animation:shimmer 1.5s infinite}.skeleton-location{width:140px;height:14px;margin-top:auto;background:linear-gradient(90deg,#e0e0e0 25%,#ebebeb,#e0e0e0 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100000!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:16px;padding:0;max-width:400px;width:90%;box-shadow:0 20px 60px #0003;overflow:hidden;animation:modalSlideIn .25s ease;position:relative;z-index:100001!important}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content.qr-modal{max-width:550px;z-index:100001!important}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px 20px}.modal-header h3{margin:0;color:#1a1a2e;font-size:1.25rem;font-weight:700}.qr-modal-header-titles{display:flex;flex-direction:column;gap:.25rem;text-align:left}.qr-modal-event-name{margin:0;font-size:.95rem;font-weight:500;color:#495057;text-transform:capitalize}.modal-divider{height:1px;background:#e9ecef;margin:0 0 20px;width:100%}.close-button{width:36px;height:36px;border-radius:10px;background:#660100;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease}.close-button:hover{background:#4e0201;transform:scale(1.05)}.qr-checkin-success{text-align:center;padding:2rem 28px 28px;display:flex;flex-direction:column;align-items:center;gap:.75rem}.qr-checkin-success-icon{width:64px;height:64px;border-radius:50%;background:#198754;color:#fff;font-size:2rem;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.qr-checkin-success-title{margin:0;font-size:1.25rem;font-weight:600;color:#212529}.qr-checkin-success-points{margin:0;font-size:1.125rem;font-weight:600;color:#198754}.qr-checkin-success-total{margin:0;font-size:1rem;color:#495057}.qr-checkin-success-note{margin:1rem 0 0;font-size:.875rem;color:#6c757d}.qr-already-checked-in .qr-checkin-success-icon{background:#0d6efd}.qr-invalid-qr .qr-invalid-qr-icon{width:64px;height:64px;border-radius:50%;background:#c2410c;color:#fff;font-size:2rem;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;margin:0 auto}.qr-invalid-qr .qr-checkin-success-note{margin-top:.5rem}.qr-close-btn{margin-top:.5rem;padding:.5rem 1.25rem;font-size:1rem;font-weight:500;color:#fff;background:#4e0201;border:none;border-radius:8px;cursor:pointer}.qr-close-btn:hover{background:#6b0302}.qr-scanner-content{text-align:center;display:flex;flex-direction:column;gap:1.25rem;padding:0 32px 28px}.qr-description{margin:0;color:#495057;font-size:1rem;line-height:1.6;font-weight:500}.qr-time-info{margin:0;color:#6c757d;font-size:.875rem;line-height:1.6;padding:.875rem 1rem;background:#f8f9fa;border-radius:10px;border-left:4px solid #660100;text-align:left}.qr-scanner-container{width:100%;min-height:300px;margin-top:1rem;margin-left:0;margin-right:0;padding:0 16px;box-sizing:border-box;border-radius:12px;overflow:hidden;background:#f8f9fa}.qr-scanner-container div[id^=qr-scanner-]{width:100%;min-height:300px}.qr-scanner-container div[id^=qr-scanner-] video{width:100%;height:auto}.camera-error{padding:2rem;text-align:center;color:#dc3545;font-weight:500}.qr-event-title{margin:1rem 0 0;color:#1a1a2e;font-size:1.25rem;font-weight:700;text-transform:capitalize;padding:1rem;background:linear-gradient(135deg,#f8f9fa,#f1f3f5);border-radius:12px}.modal-content.delete-modal{max-width:420px}.delete-modal-body p{margin:0;color:#495057;line-height:1.6;font-size:.95rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding:20px 28px 28px;border-top:1px solid #e9ecef}.confirm-delete-button{background:#660100;border:none;color:#fff;padding:12px 28px;border-radius:10px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s ease}.confirm-delete-button:hover{background:#4e0201;transform:translateY(-1px);box-shadow:0 4px 12px #6601004d}@media(min-width:1600px){.event-cards-grid{grid-template-columns:repeat(4,1fr);gap:1.75rem}}@media(max-width:1400px){.event-cards-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media(max-width:1100px){.event-cards-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media(max-width:768px){.event-cards-grid{grid-template-columns:1fr;gap:1rem;align-items:start}.event-card-compact{flex-direction:row;align-items:flex-start;max-height:140px;min-height:140px;padding:12px 12px 5px;gap:12px;overflow:visible;position:relative;top:0;margin-top:0;margin-bottom:0}.event-card-compact.expanded{padding-bottom:12px}.event-card-compact.expanded{align-items:flex-start;padding-bottom:12px;position:relative;top:0!important;margin-top:0!important;margin-bottom:0!important;transform:none!important;vertical-align:top}.card-hero{aspect-ratio:1 / 1;width:105px;min-width:105px;height:105px;min-height:105px;max-height:105px;border-radius:8px;flex-shrink:0;margin:0;align-self:flex-start}.card-hero-image{width:100%;height:100%;object-fit:cover}.card-category-tag{font-size:.5rem;padding:.2rem .4rem;top:4px;right:4px;border-radius:4px;letter-spacing:.2px}.card-body{padding:0;min-height:auto;flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;position:relative;top:0;align-self:flex-start;justify-content:flex-start}.card-title{font-size:.85rem;line-height:1.3;margin-bottom:.15rem;flex-shrink:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-wrap:break-word}.event-card-compact:not(.expanded) .card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-description{font-size:.75rem;line-height:1.3;display:none}.event-card-compact.expanded .card-description{display:block;margin-top:.25rem;margin-bottom:.1rem}.event-card-compact.expanded{max-height:none!important;min-height:auto!important;transform:none;align-self:start;margin-top:0}.card-datetime{font-size:.7rem;margin-bottom:.2rem}.card-location-row{margin-top:.3rem;gap:.4rem}.card-location{font-size:.7rem;margin-top:0}.card-bottom-row{margin-top:.3rem;padding-top:.3rem;margin-bottom:0}.event-card-compact.expanded .card-bottom-row{margin-top:.5rem;margin-bottom:0}.card-bottom-row.hide-on-mobile{display:none}.card-bottom-row.show-on-expanded{display:flex}.card-qr-button{width:30px;height:30px}.card-qr-button svg{width:15px;height:15px}.card-register-link{font-size:.75rem}.card-register-link svg{width:13px;height:13px}}@media(max-width:600px){.event-cards-grid{grid-template-columns:1fr;gap:1rem;padding:0;align-items:start}.event-card-compact{flex-direction:row;align-items:flex-start;max-height:120px;min-height:120px;padding:10px 10px 4px;gap:10px;overflow:visible;position:relative;top:0;margin-top:0;margin-bottom:0}.event-card-compact.expanded{padding-bottom:10px}.event-card-compact.expanded{align-items:flex-start;padding-bottom:10px;position:relative;top:0!important;margin-top:0!important;margin-bottom:0!important;transform:none!important;vertical-align:top}.card-hero{aspect-ratio:1 / 1;width:95px;min-width:95px;height:95px;min-height:95px;max-height:95px;border-radius:8px;flex-shrink:0;margin:0;align-self:flex-start}.card-hero-image{width:100%;height:100%;object-fit:cover}.card-body{padding:0;min-height:auto;flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.card-title{font-size:.8rem;line-height:1.3;margin-bottom:.15rem;flex-shrink:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-wrap:break-word}.event-card-compact:not(.expanded) .card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-description{font-size:.65rem;line-height:1.3;margin-bottom:.1rem;flex-shrink:1;min-height:0;display:none}.event-card-compact.expanded .card-description{display:block;margin-top:.2rem;margin-bottom:.1rem}.event-card-compact.expanded{max-height:none!important;min-height:auto!important;transform:none;align-self:start;margin-top:0}.card-datetime{font-size:.65rem;margin-bottom:.1rem;flex-shrink:0}.card-location-row{margin-top:.15rem;gap:.3rem;flex-shrink:0}.card-location{font-size:.65rem;margin-top:0;flex-shrink:1;min-width:0}.card-bottom-row{margin-top:.2rem;padding-top:.2rem;margin-bottom:0;flex-shrink:0;display:flex;align-items:center;gap:.4rem}.card-bottom-row.hide-on-mobile{display:none}.card-bottom-row.show-on-expanded{display:flex}.event-card-compact.expanded .card-bottom-row{margin-top:.4rem;margin-bottom:0}.card-qr-button{width:28px;height:28px}.card-qr-button svg{width:14px;height:14px}.card-register-link{font-size:.7rem}.card-register-link svg{width:12px;height:12px}.modal-content{margin:.75rem;width:calc(100% - 1.5rem);max-width:calc(100% - 1.5rem)}.modal-content.qr-modal{max-width:calc(100% - 1.5rem)}.modal-header{padding:14px 14px 10px;font-size:.85rem}.modal-header h3{font-size:.95rem;margin:0}.qr-scanner-content{padding:0 14px 14px}.qr-scanner-content p{font-size:.8rem;margin:.4rem 0}.qr-scanner-container{min-height:220px;margin-top:.6rem}.qr-scanner-container div[id^=qr-scanner-]{min-height:220px}.delete-modal-body{padding:0 20px}.modal-actions{padding:16px 20px 20px}}@media(max-width:480px){.event-card-compact{border-radius:12px;flex-direction:row;align-items:flex-start;max-height:110px;min-height:110px;padding:8px 8px 3px;gap:8px;overflow:visible;position:relative;top:0;margin-top:0;margin-bottom:0}.event-card-compact.expanded{align-items:flex-start;padding-bottom:8px;position:relative;top:0!important;margin-top:0!important;margin-bottom:0!important;transform:none!important;vertical-align:top}.card-hero{aspect-ratio:1 / 1;width:80px;min-width:80px;height:80px;min-height:80px;max-height:80px;border-radius:8px;margin:0;align-self:flex-start}.card-hero-image{width:100%;height:100%;object-fit:cover}.card-category-tag{font-size:.45rem;padding:.15rem .3rem;top:4px;right:4px;border-radius:3px;letter-spacing:.1px}.card-menu-container{top:8px;left:8px}.card-menu-button{width:28px;height:28px}.card-body{padding:0;overflow:hidden;min-width:0;position:relative;top:0}.event-card-compact.expanded .card-body{padding-bottom:0}.card-title{font-size:.75rem;line-height:1.3;margin-bottom:.1rem;flex-shrink:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-wrap:break-word}.event-card-compact:not(.expanded) .card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-description{font-size:.6rem;line-height:1.3;margin-bottom:.1rem;flex-shrink:1;min-height:0;display:none}.event-card-compact.expanded .card-description{display:block;margin-top:.15rem;margin-bottom:.08rem}.event-card-compact.expanded{max-height:none!important;min-height:auto!important;transform:none;align-self:start;margin-top:0}.card-datetime{font-size:.6rem;margin-bottom:.1rem;flex-shrink:0}.card-location-row{margin-top:.1rem;gap:.25rem;flex-shrink:0}.card-location{font-size:.6rem;margin-top:0;flex-shrink:1;min-width:0}.card-bottom-row{margin-top:.15rem;padding-top:.15rem;margin-bottom:0;flex-shrink:0;display:flex;align-items:center;gap:.3rem}.card-bottom-row.hide-on-mobile{display:none}.card-bottom-row.show-on-expanded{display:flex}.event-card-compact.expanded .card-bottom-row{margin-top:.3rem;margin-bottom:0}.card-qr-button{width:28px;height:28px}.card-qr-button svg{width:14px;height:14px}.card-register-link{font-size:.7rem}.card-register-link svg{width:12px;height:12px}.modal-content{margin:.75rem;width:calc(100% - 1.5rem);max-width:calc(100% - 1.5rem)}.modal-content.qr-modal{max-width:calc(100% - 1.5rem)}.modal-header{padding:10px 10px 8px;font-size:.75rem}.modal-header h3{font-size:.8rem;margin:0}.close-button{width:26px;height:26px}.qr-scanner-content{padding:0 10px 10px}.qr-scanner-content p{font-size:.7rem;margin:.3rem 0}.qr-scanner-container{min-height:160px;margin-top:.4rem}.qr-scanner-container div[id^=qr-scanner-]{min-height:160px}.qr-time-info{font-size:.65rem;padding:.5rem .6rem}.qr-event-title{font-size:.75rem}.delete-modal-body{padding:0 10px}.modal-actions{padding:8px 10px 10px}}.resource-container{display:flex;height:100vh;background:#fff;gap:0;padding:0;margin:-2rem;margin-left:3px;overflow:hidden}@media(max-width:768px){.resource-container{margin:0!important}}.app-root:has(.sidebar.collapsed) .resource-container{margin-left:-1rem;padding-left:1rem}@media(min-width:769px)and (max-width:1024px){.resource-container{margin:-1rem -2rem -2rem;width:calc(100% + 4rem);max-width:none;box-sizing:border-box}.app-root:has(.sidebar.collapsed) .resource-container{margin:-1rem -2rem -2rem;width:calc(100% + 4rem);padding-left:0}}.resource-sidebar{width:350px;min-width:280px;background:#fafafa;padding:40px 30px 30px 40px;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;gap:16px;height:100vh;overflow-y:auto;overflow-x:hidden}@media(max-width:768px){.resource-sidebar{background:#fff}}.sidebar-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.sidebar-title{font-size:1.75rem;font-weight:700;color:#000;margin:0;text-align:left;text-transform:capitalize}.add-folder-btn{background:#660100;color:#fff;border:none;border-radius:8px;box-shadow:none;width:44px;height:38px;transition:width .3s ease-in-out;overflow:hidden;display:flex;align-items:center;justify-content:flex-start;padding:0 12px;cursor:pointer;outline:none;flex-shrink:0}.add-folder-btn-hovered{width:130px}.add-folder-btn:focus{outline:none}.add-folder-btn:hover{opacity:.9}.add-folder-btn-content{display:flex;align-items:center;gap:8px;white-space:nowrap}.add-folder-icon{flex-shrink:0}.add-folder-text{transition:opacity .3s ease-in-out;opacity:1}.plus-icon{font-size:16px;font-weight:700}.search-section{width:100%}.search-input-wrapper{position:relative;width:100%}.search-input-wrapper .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:#666}.folder-search{width:100%;padding:10px 12px 10px 38px;border:1px solid #cccccc;background:#fff;border-radius:6px;font-size:14px;transition:all .2s ease;box-sizing:border-box}.folder-search:focus{outline:none;background:#fff;border-color:#999}.filter-section{position:relative;width:100%;padding:0 30px 10px 40px;margin:0 -30px 0 -40px;box-sizing:border-box}.filter-section:after{content:"";position:absolute;bottom:0;left:-40px;width:calc(100% + 120px);height:1px;background:#e0e0e0}.filter-buttons{display:flex;flex-wrap:wrap;gap:6px;width:100%;justify-content:flex-start}.filter-btn{padding:5px 10px;background:#d0d0d0;border:none;border-radius:20px;font-size:11px;font-weight:500;color:#555;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-btn:hover{background:#e8e8e8;color:#8b1538}.filter-btn.active{background:#660100;color:#fff}.folders-list{display:flex;flex-direction:column;gap:0;flex:1;min-height:0;padding-left:0}.loading-state,.error-state,.empty-state{padding:40px 20px;text-align:center;color:#666}.error-state p{color:#d32f2f;margin-bottom:16px}.error-state button{padding:8px 16px;background:#660100;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s}.error-state button:hover{background:#6b0f2b}.empty-state p{font-size:14px;line-height:1.5}.folder-item{padding:16px;margin:4px 0;cursor:pointer;transition:all .2s ease;background:#fff;border-radius:8px;border:1px solid #e0e0e0}.folder-item:hover{background:#f9f9f9}.folder-item.active{background:#bb8d8c14;color:#000;border-color:#660100}.folder-item.active:hover{background:#6601001f}.folder-item.active .folder-item-name{color:#660100}.folder-item.active .folder-item-description,.folder-item.active .folder-item-count{color:#000}.folder-item.active .folder-item-icon{color:#660100}.folder-item.active .folder-tag{background:#4e0201;color:#fff;border:none}.folder-item-header{display:flex;gap:12px;align-items:center;margin-bottom:4px;position:relative}.folder-item-icon{font-size:20px;line-height:1;color:#660100}.folder-item-content{flex:1}.folder-item-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.folder-item:hover .folder-item-actions{opacity:1}.folder-action-btn{padding:4px 8px;background:transparent;border:none;font-size:16px;cursor:pointer;border-radius:4px;transition:all .2s ease;color:#666}.folder-action-btn:hover{background:#0000001a}.folder-item.active .folder-action-btn{color:#000}.folder-item.active .folder-action-btn:hover{background:#66010026}.folder-item-name{font-size:1.125rem;font-weight:700;color:#660100;margin:0;text-align:left;text-transform:capitalize}.folder-item-description{font-size:12px;color:#666;margin:0 0 8px;padding-left:32px;line-height:1.4;overflow:hidden;text-align:left;white-space:nowrap;text-overflow:ellipsis}.folder-item-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-left:32px}.folder-item-count{font-size:11px;font-weight:500;color:#666;white-space:nowrap}.folder-tags{display:flex;gap:4px;flex-wrap:wrap;flex:1;justify-content:flex-end}.folder-tag{padding:3px 8px;background:#660100;color:#fff;border-radius:12px;font-size:10px;font-weight:500;border:none;white-space:nowrap}.skeleton-folder{padding:16px;margin:4px 0;background:#fff;border-radius:8px;animation:pulse 1.5s ease-in-out infinite}.skeleton-line{background:#e0e0e0;border-radius:4px;height:14px;margin-bottom:8px}.skeleton-line.title{width:60%;height:16px}.skeleton-line.description{width:90%;height:12px;margin-left:32px}.skeleton-line.footer{width:40%;height:10px;margin-left:32px;margin-bottom:0}.resource-content,.business-content,.financial-content{flex:1;display:flex;flex-direction:column;gap:20px;padding:40px 30px 100px;overflow-y:auto;overflow-x:hidden;min-height:0;background:#f3f3f3;position:relative;box-sizing:border-box}.resources-header{background:#f3f3f3;padding:0;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.resources-controls{display:flex;align-items:center;gap:12px;padding:0;justify-content:flex-start}.resource-search-bar{flex:1;position:relative;max-width:none}.resource-search-bar .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:#666}.mobile-folder-header>div{flex:1;min-width:0}.resource-search-input{width:100%;padding:8px 12px 8px 38px;border:1px solid #cccccc;background:#fff;border-radius:6px;font-size:14px;transition:all .2s ease;box-sizing:border-box}.resource-search-input:focus{outline:none;background:#fff;border-color:#999}.resource-search-input::placeholder{color:#999}.resource-filter-buttons{display:flex;gap:4px;flex-shrink:0}.resource-filter-btn{padding:6px 14px;background:#d0d0d0;border:none;border-radius:20px;font-size:12px;font-weight:500;color:#555;cursor:pointer;transition:all .2s ease;white-space:nowrap}.resource-filter-btn:hover{background:#e8e8e8;color:#660100}.resource-filter-btn.active{background:#660100;color:#fff}.resource-tag-filters{display:flex;gap:6px;flex-wrap:wrap;padding:0 30px 8px;margin:0 -30px 0 auto;border-bottom:none;justify-content:flex-end}.resource-tag-filter-btn{padding:4px 10px;background:#d0d0d0;border:1px solid #999;border-radius:18px;font-size:10px;font-weight:500;color:#555;cursor:pointer;transition:all .2s ease;white-space:nowrap}.resource-tag-filter-btn:hover{background:#e8e8e8;color:#8b1538}.resource-tag-filter-btn.active{background:#660100;color:#fff}.resources-header h1{font-size:1.625rem;font-weight:700;color:#000;margin:0 0 8px;text-align:left;text-transform:capitalize}.folder-description-header{font-size:14px;color:#666;margin:0;text-align:left}.add-resource-btn{background:#660100;color:#fff;border:none;border-radius:8px;box-shadow:none;width:44px;height:38px;transition:width .3s ease-in-out;overflow:hidden;display:flex;align-items:center;justify-content:flex-start;padding:0 12px;cursor:pointer;outline:none;flex-shrink:0}.add-resource-btn-hovered{width:140px}.add-resource-btn:focus{outline:none}.add-resource-btn:hover{opacity:.9}.add-resource-btn-content{display:flex;align-items:center;gap:8px;white-space:nowrap}.add-resource-icon{flex-shrink:0}.add-resource-text{transition:opacity .3s ease-in-out;opacity:1}.resources-grid{display:flex;flex-direction:column;gap:16px;padding-top:30px;padding-bottom:0;position:relative;min-height:1px}.resources-grid:after{content:"";display:block;height:48px;width:100%;flex-shrink:0}.resources-grid:before{content:"";position:absolute;top:0;left:-30px;right:-30px;height:1px;background:#e0e0e0;z-index:0;display:block}.resources-controls:not(:has(+.resource-tag-filters))+.resources-grid:before{margin-top:20px}.resources-controls+.resource-tag-filters+.resources-grid:before{margin-top:0}.resource-card{background:#fff;border:none;border-radius:8px;padding:20px 20px 20px 28px;display:flex;align-items:flex-start;gap:16px;transition:all .2s ease;position:relative;z-index:1;box-shadow:0 4px 8px #0000001a}.resource-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--category-color, #666666);border-radius:8px 0 0 8px}.resource-card:hover,.resource-card.selected{background:#fff;box-shadow:0 6px 16px #0000001f;transform:translateY(-2px)}.resource-card-icon{flex-shrink:0;width:25px;height:25px;display:flex;align-items:center;justify-content:center}.resource-video-preview{flex-shrink:0;width:160px;height:120px;border-radius:8px;overflow:hidden;background:#000}.resource-video-preview iframe{width:100%;height:100%;border:none}.resource-card.has-video-preview{align-items:stretch}.resource-link-preview{flex-shrink:0;width:160px;height:120px;border-radius:8px;overflow:hidden;background:#f5f5f5;position:relative;display:block;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.resource-link-preview:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.resource-link-preview img{width:100%;height:100%;object-fit:cover}.link-preview-site{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);color:#fff;padding:20px 8px 6px;display:flex;align-items:center;gap:4px;font-size:11px;font-weight:500}.link-preview-site svg{flex-shrink:0}.resource-document-preview{flex-shrink:0;width:160px;height:120px;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-decoration:none;border:1px solid #a5d6a7;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;padding:8px;box-sizing:border-box}.resource-document-preview:hover{transform:scale(1.02);box-shadow:0 4px 12px #27ae6033}.resource-document-preview svg{opacity:1;color:#1e7e34}.document-name-label{color:#1e7e34;font-size:11px;font-weight:500;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;word-break:break-word}.resource-card-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;position:relative}.resource-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.resource-card-title{font-size:1.5rem;font-weight:700;color:#000;margin:0;text-align:left;flex:1;text-transform:capitalize}.resource-card-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s}.resource-card:hover .resource-card-actions{opacity:1}.resource-edit-btn,.resource-delete-btn{background:none;border:none;padding:4px;cursor:pointer;color:#666;transition:color .2s;display:flex;align-items:center;justify-content:center;border-radius:4px}.resource-edit-btn:hover,.resource-delete-btn:hover{color:#8b1538;background:#f5f5f5}.resource-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;gap:16px}.resource-card-tags{display:flex;gap:6px;flex-wrap:wrap;align-items:center;justify-content:flex-end}.resource-type-tag{padding:4px 10px;background:#f5f5f5;border-radius:12px;font-size:11px;font-weight:500;color:#666}.resource-type-tag.resource-type-video{background:#ffe5e5;color:#c00}.resource-type-tag.resource-type-article{background:#e5f0ff;color:#0052cc}.resource-type-tag.resource-type-upload{background:#e5f5e5;color:#080}.resource-tag{padding:2px 8px;background:#e9ecef;border:1px solid #ced4da;border-radius:10px;font-size:10px;font-weight:500;color:#495057;transition:all .2s ease}.resource-description-container{display:flex;flex-direction:column;gap:4px}.resource-card-description{font-size:15px;color:#555;margin:0;line-height:1.6;text-align:left;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.resource-card-description.expanded{display:block;-webkit-line-clamp:unset;overflow:visible}.resource-more-btn{display:inline-flex;align-items:center;gap:2px;background:none;border:none;color:#660100;font-size:13px;font-weight:700;cursor:pointer;padding:0;align-self:flex-start;margin-top:2px}.resource-more-btn:hover{text-decoration:underline}.resource-more-btn svg{flex-shrink:0;color:#660100}.resource-card.expanded{height:auto}.resource-card-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;text-decoration:none;font-weight:600;transition:opacity .2s;flex-shrink:0}.resource-card-link:hover{opacity:.8}.resource-card-link svg{flex-shrink:0}.resource-card-link.mobile-icon-only{padding:6px;border-radius:6px;transition:background-color .2s}.resource-card-link.mobile-icon-only:hover{background-color:#0000000d}.loading-content{text-align:center;padding:60px 20px;font-size:16px;color:#666}.no-resources{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 16px;min-height:220px;margin-top:16px}.no-resources p{font-size:16px;color:#666;margin:0 0 8px;text-align:center}.no-folder-selected{display:flex;align-items:center;justify-content:center;height:100%}.empty-icon{margin-bottom:20px;color:#999;display:flex;justify-content:center}.empty-state h2{font-size:20px;font-weight:600;color:#000;margin:0 0 8px;text-align:center}.skeleton-content{display:flex;gap:16px;padding:24px;border:1px solid #e0e0e0;border-radius:12px;background:#fff}.skeleton-content-icon{width:48px;height:48px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:pulse 1.5s ease-in-out infinite;border-radius:8px;flex-shrink:0}.skeleton-content-body{flex:1;display:flex;flex-direction:column;gap:12px}.skeleton-content .skeleton-line.title{width:60%}.skeleton-content .skeleton-line.description{width:100%}.empty-hint{color:#999;font-size:14px;margin-top:-8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:1200px){.folders-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(min-width:1025px)and (max-width:1200px){.resource-sidebar,.business-sidebar,.financial-sidebar{width:280px;min-width:240px;padding:30px 20px 20px 35px}.sidebar-title{font-size:1.625rem;font-weight:700}.resource-content,.business-content,.financial-content{padding:30px 20px 20px}}@media(min-width:769px)and (max-width:1024px){.resource-sidebar,.business-sidebar,.financial-sidebar{width:280px;min-width:240px;padding:30px 20px 20px 30px}.sidebar-title{font-size:1.5rem;font-weight:700}.resource-content,.business-content,.financial-content{padding:30px 20px 100px}.resource-video-preview,.resource-link-preview,.resource-document-preview,.resource-card-icon{width:100%;height:auto;min-height:200px;border-radius:8px 8px 0 0}.resource-video-preview iframe{width:100%;height:200px}.resource-link-preview img{width:100%;height:auto;object-fit:cover}.resource-document-preview{min-height:180px}.resource-document-preview svg{width:48px;height:48px}.document-name-label{font-size:12px}.resource-card-icon{height:120px;justify-content:center;align-items:center;background:#f5f5f5}.resource-card{padding:0;width:100%;max-width:100%;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word;flex-direction:column;align-items:stretch}.resource-card>.resource-video-preview,.resource-card>.resource-link-preview,.resource-card>.resource-document-preview,.resource-card>.resource-card-icon{width:100%;height:auto;min-height:200px;margin:0;border-radius:8px 8px 0 0}.resource-card>.resource-video-preview iframe{width:100%;height:200px}.resource-card>.resource-link-preview img{width:100%;height:auto;object-fit:cover}.resource-card-content{padding:16px}.resource-card-title{font-size:1.5rem;font-weight:700;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;text-align:left}.resource-card-description{font-size:15px;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word;text-align:left}}@media(max-width:768px){.resource-container,.business-library-container,.financial-literacy-container,.institutional-resources-container{gap:0;flex-direction:column;margin:0!important;padding:0!important;height:100vh;width:100%;max-width:100vw;position:fixed;inset:0;transition:left .3s ease,width .3s ease;z-index:1;overflow-x:hidden;overflow-y:auto;box-sizing:border-box}.resource-sidebar,.business-sidebar,.financial-sidebar{width:100%;min-width:100%;max-width:100%;padding:32px 28px 28px 32px;gap:20px;border-right:none;border-bottom:none;height:100vh;min-height:100vh;position:relative;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;background:#fff;box-sizing:border-box}.resource-content-mobile~.resource-sidebar,.resource-content-mobile~.business-sidebar,.resource-content-mobile~.financial-sidebar{display:none!important}.resource-content{display:none!important}.resource-content-mobile{width:100%;max-width:100vw;padding:32px 40px 28px;background:#fff;min-height:100vh;position:fixed;inset:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;z-index:1;transition:left .3s ease,width .3s ease;box-sizing:border-box}.resource-content-mobile .resources-controls,.resource-content-mobile .resources-grid{max-width:1200px;margin-left:auto;margin-right:auto}.resource-content-mobile .resource-tag-filters{max-width:1200px;margin-left:auto!important;margin-right:0!important;width:fit-content!important}.mobile-folder-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;padding-bottom:0}.back-button{background:#660100;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:#fff;border-radius:50%;transition:background .2s ease;flex-shrink:0;width:40px;height:40px;margin-top:2px}.back-button:hover{background:#6b0f2b}.mobile-folder-header h1{font-size:1.5rem;font-weight:700;margin:0 0 6px;flex:1;line-height:1.3;text-transform:capitalize;word-wrap:break-word;overflow-wrap:break-word;text-align:right}.mobile-folder-header .folder-description-header{font-size:14px;color:#666;margin:0;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;text-align:right}.sidebar-header{padding:8px 0;margin-bottom:2px;margin-top:8px}.sidebar-title{font-size:1.75rem;font-weight:700;color:#000;margin-top:0}.add-folder-btn{padding:10px 14px;font-size:14px;height:auto;min-height:40px}.search-section{width:calc(100% - 16px);max-width:calc(100% - 16px)}.folder-search{padding:10px 12px 10px 36px;font-size:14px;width:100%}.filter-section{padding:8px 4px 16px;margin:0}.filter-btn{padding:4px 9px;font-size:11px;margin:4px 3px;border-radius:18px;min-height:28px}.folder-item-icon{font-size:22px}.folders-list{gap:12px}.folder-item{padding:20px;margin:0;border-radius:10px;box-sizing:border-box;width:100%;max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.folder-item-name{font-size:1.25rem;font-weight:700;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word;margin-bottom:6px}.folder-item-description{font-size:16px;padding-left:36px;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word;margin-top:8px}.folder-item-footer{padding-left:36px;margin-top:12px}.folder-item-count{font-size:15px;font-weight:500}.folder-tag{padding:5px 12px;font-size:12px;margin:3px;border-radius:12px}.resource-video-preview,.resource-link-preview,.resource-document-preview,.resource-card-icon{width:100%;height:auto;min-height:200px;border-radius:8px 8px 0 0}.resource-video-preview iframe{width:100%;height:200px}.resource-link-preview img{width:100%;height:auto;object-fit:cover}.resource-document-preview{min-height:180px}.resource-document-preview svg{width:48px;height:48px}.document-name-label{font-size:12px}.resource-card-icon{height:120px;justify-content:center;align-items:center;background:#f5f5f5}.resource-content,.business-content,.financial-content{padding:20px 12px 12px;gap:16px}.resources-grid{gap:20px;padding-top:29px;position:relative}.resource-card{padding:0;width:100%;max-width:100%;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word;flex-direction:column;align-items:stretch}.resource-card>.resource-video-preview,.resource-card>.resource-link-preview,.resource-card>.resource-document-preview,.resource-card>.resource-card-icon{width:100%;height:auto;min-height:200px;margin:0;border-radius:8px 8px 0 0}.resource-card>.resource-video-preview iframe{width:100%;height:200px}.resource-card>.resource-link-preview img{width:100%;height:auto;object-fit:cover}.resource-card-content{padding:16px}.resource-card-title{font-size:1.5rem;font-weight:700;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;text-align:left}.resource-card-description{font-size:15px;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word;text-align:left}.resources-controls{gap:12px;margin-bottom:0;flex-wrap:wrap;align-items:center;display:flex;justify-content:flex-start}.resource-search-bar{width:100%;max-width:none}.resource-search-input{padding:12px 14px 12px 40px;font-size:15px}.resource-filter-buttons{gap:6px;flex-wrap:wrap;display:inline-flex;align-items:center}.resource-filter-btn{padding:8px 16px;font-size:14px}.resource-tag-filters{gap:6px;margin-bottom:12px;flex-wrap:wrap;padding:0!important;margin-left:auto!important;margin-right:0!important;width:fit-content!important;border-bottom:none!important;justify-content:flex-end;display:inline-flex;align-items:center;margin-top:-12px}.resources-controls+.resource-tag-filters{margin-top:-12px;margin-left:auto;display:inline-flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.resources-controls:not(:has(+.resource-tag-filters))+.resources-grid:before{margin-top:20px}.resources-controls+.resource-tag-filters+.resources-grid:before{margin-top:0}.resources-grid:before{display:block!important;left:-40px;right:-40px;z-index:0}.resource-tag-filter-btn{padding:5px 11px;font-size:11px;border-radius:18px}.folders-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0}.folders-grid{grid-template-columns:1fr}.folder-card-footer{flex-direction:column;align-items:flex-start}.folder-tags{justify-content:flex-start}}@media(max-width:480px){.resource-container,.business-library-container,.financial-literacy-container,.institutional-resources-container{left:0;width:100%;max-width:100vw;overflow-x:hidden;overflow-y:auto;box-sizing:border-box}.resource-content-mobile{left:0;width:100%;max-width:100vw;padding:28px 24px 24px;overflow-x:hidden}.resource-content-mobile .resources-controls,.resource-content-mobile .resources-grid{max-width:1200px;margin-left:auto;margin-right:auto}.resource-content-mobile .resource-tag-filters{max-width:1200px;margin-left:auto!important;margin-right:0!important;width:fit-content!important}.resource-content-mobile~.resource-sidebar,.resource-content-mobile~.business-sidebar,.resource-content-mobile~.financial-sidebar{display:none!important}.sidebar-title{font-size:1.375rem;font-weight:700}.add-folder-btn{padding:8px 12px;font-size:11px}.add-folder-btn svg{width:12px;height:12px}.folder-search{padding:9px 10px 9px 34px;font-size:13px}.folders-list{gap:6px}.folder-item{padding:14px;margin:0;border-radius:10px}.folder-item-name{font-size:1.125rem;font-weight:700;margin-bottom:3px}.folder-item-description{font-size:12px;padding-left:30px;margin-top:4px}.folder-item-footer{padding-left:30px;margin-top:6px}.folder-item-count{font-size:11px;font-weight:500}.folder-tag{padding:3px 8px;font-size:9px;margin:2px;border-radius:12px}.resource-card-description{font-size:12px}.resource-type-tag{font-size:8px;padding:3px 8px}.resource-card-link.mobile-icon-only span{display:none}.resource-search-input{padding:9px 10px 9px 34px;font-size:13px}.resources-controls{flex-direction:column;gap:12px;align-items:flex-end}.resources-controls .resource-filter-buttons{display:inline-flex;flex-wrap:wrap;gap:6px;width:auto;justify-content:flex-end}.resource-filter-btn{padding:4px 9px;font-size:11px}.resource-tag-filters{padding:0!important;margin-left:auto!important;margin-right:0!important;width:fit-content!important;border-bottom:none!important;justify-content:flex-end!important;display:flex!important;flex-wrap:wrap;gap:6px;margin-bottom:12px;margin-top:12px;align-self:flex-end}.resources-controls+.resource-tag-filters{margin-top:12px;margin-left:auto!important;margin-right:0!important;display:flex!important;justify-content:flex-end!important;align-self:flex-end;width:fit-content!important}@media(max-width:420px){.sidebar-title{font-size:1.25rem;font-weight:700}.add-folder-btn{padding:6px 10px;font-size:10px}.folder-search{padding:8px 9px 8px 30px;font-size:12px}.folders-list{gap:4px}.folder-item{padding:12px;border-radius:8px}.folder-item-name{font-size:1rem;font-weight:700;margin-bottom:2px}.folder-item-description{font-size:11px;padding-left:26px;margin-top:2px}.folder-item-footer{padding-left:26px;margin-top:4px}.folder-item-count{font-size:10px}.folder-tag{padding:2px 6px;font-size:8px}.resource-card-title{font-size:1.125rem;font-weight:700}.resource-card-description{font-size:11px}.resource-type-tag{font-size:8px;padding:2px 6px}.resource-search-input{padding:8px 9px 8px 32px;font-size:12px}.resources-controls{gap:8px}.resources-grid{gap:12px}}.resources-controls:not(:has(+.resource-tag-filters))+.resources-grid:before{margin-top:20px}.resources-controls+.resource-tag-filters+.resources-grid:before{margin-top:0}.resources-grid:before{display:block!important;left:-40px;right:-40px;z-index:0}.resource-tag-filter-btn{padding:4px 9px;font-size:10px;border-radius:16px}.search-input-wrapper .search-icon{left:8px;width:14px;height:14px}.sidebar-header{padding:6px 0;margin-bottom:2px;margin-top:6px}.sidebar-title{margin-top:0}.add-folder-btn{padding:9px 13px;font-size:13px;min-height:38px}.filter-section{padding:6px 4px 14px;margin:0}.filter-btn{padding:3px 8px;font-size:10px;margin:3px 2px;min-height:26px;border-radius:18px}.search-section{width:calc(100% - 14px);max-width:calc(100% - 14px)}.folder-search{padding:9px 11px 9px 34px;font-size:13px;width:100%}.folders-list{gap:10px}.folder-item{padding:18px;margin:0;border-radius:10px;box-sizing:border-box;width:calc(100% - 14px);max-width:calc(100% - 14px)}.folder-item-icon{font-size:20px}.folder-item-name{font-size:1.25rem;font-weight:700;margin-bottom:5px}.folder-item-footer{padding-left:34px;margin-top:10px}.folder-item-description{font-size:15px;padding-left:34px;margin-top:6px}.folder-item-footer{padding-left:34px;margin-top:10px;gap:8px}.folder-item-count{font-size:14px;font-weight:500}.folder-tag{padding:4px 10px;font-size:11px;margin:2px;border-radius:12px}.folder-tag{padding:2px 5px;font-size:8px}.resource-video-preview,.resource-link-preview,.resource-document-preview{width:120px;height:90px}.resource-document-preview svg{width:24px;height:24px}.document-name-label{font-size:9px}.link-preview-site{font-size:9px;padding:12px 6px 4px}.folders-list{flex:1;min-height:0}.resource-content,.business-content,.financial-content{padding:16px 8px 8px;gap:12px}.resources-header h1{font-size:1.375rem;font-weight:700}.resource-card-title{font-size:1.25rem;font-weight:700}}.fl-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.fl-modal-content{background:#fff;padding:0;border-radius:12px;width:90%;max-width:480px;box-shadow:0 8px 32px #0000001f;overflow:hidden}.fl-content-form-modal{max-width:540px}.fl-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px 20px}.fl-content-form-modal .fl-modal-header{padding:24px 28px 20px}.fl-modal-content h2{margin:0;font-size:20px;font-weight:600;color:#000;text-align:left}.fl-modal-divider{height:1px;background:#e0e0e0;margin:0 0 20px;width:100%}.fl-content-form-modal .fl-modal-divider{margin-bottom:16px}.fl-modal-close-btn{background:#660100;border:none;color:#fff;cursor:pointer;padding:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;flex-shrink:0}.fl-modal-close-btn:hover{background:#4e0201;color:#fff}.fl-modal-close-btn:active{background:#3a0101}.fl-modal-form,.fl-content-form-modal .fl-modal-form{padding:0 28px 28px}.fl-form-group{margin-bottom:12px}.fl-content-form-modal .fl-form-group{margin-bottom:10px}.fl-form-group label{display:block;margin-bottom:8px;font-weight:500;font-size:14px;color:#000;text-align:left}.fl-form-group input,.fl-form-group textarea,.fl-form-group select{width:100%;padding:12px 14px;border:1px solid #e0e0e0;background:#fff;border-radius:8px;font-size:14px;font-family:inherit;transition:all .2s ease;box-sizing:border-box;text-align:left}.fl-form-group input:focus,.fl-form-group textarea:focus,.fl-form-group select:focus{outline:none;border-color:#660100;background:#fff;box-shadow:0 0 0 3px #6601001a}.fl-form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.fl-form-group input[type=file]{padding:8px 12px;cursor:pointer}.fl-form-group input[type=file]::file-selector-button{border:none}.custom-dropdown{position:relative;width:100%}.custom-dropdown-selected{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;background:#f5f5f5;border:none;border-radius:6px;cursor:pointer;transition:background .2s;min-height:42px;box-sizing:border-box}.custom-dropdown-selected:hover{background:#ebebeb}.dropdown-option-content{display:flex;align-items:center;gap:8px}.dropdown-option-content svg{flex-shrink:0}.dropdown-option-content span{font-size:14px;color:#000}.dropdown-arrow{flex-shrink:0;transition:transform .2s}.dropdown-arrow.open{transform:rotate(180deg)}.custom-dropdown-options{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1000;overflow:hidden}.dropdown-option{padding:10px 12px;cursor:pointer;transition:background .2s;min-height:42px;display:flex;align-items:center;box-sizing:border-box}.dropdown-option:hover{background:#f5f5f5}.fl-form-group textarea{resize:none;min-height:60px}.fl-tags-display{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.fl-tag-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#f5f5f5;color:#333;border-radius:20px;font-size:12px;font-weight:500}.fl-tag-remove{background:none;border:none;color:#666;font-size:18px;line-height:1;cursor:pointer;padding:0;margin:0;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.fl-tag-remove:hover{color:#000}.fl-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid #e0e0e0;margin-left:-28px;margin-right:-28px;padding-left:28px;padding-right:28px}.fl-create-btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;background:#660100;color:#fff}.fl-create-btn:hover{background:#6b0f2b}.delete-modal-content{background:#fff;padding:0;border-radius:12px;width:90%;max-width:420px;box-shadow:0 8px 32px #0000001f;overflow:hidden}.delete-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px 20px}.delete-modal-header h2{margin:0;font-size:20px;font-weight:600;color:#000;text-align:left}.delete-modal-body{margin-bottom:24px;padding:0 28px;text-align:left}.delete-modal-body p{margin:0 0 12px;font-size:15px;color:#333;line-height:1.5}.delete-target-name{font-weight:600;color:#000;font-size:16px;margin:12px 0!important}.delete-warning{color:#666;font-size:14px;font-style:italic;margin-top:16px!important}@media(max-width:768px){.fl-modal-overlay:has(.fl-modal-content:not(.fl-content-form-modal)){display:none!important}.fl-modal-overlay:has(.fl-content-form-modal){padding:16px;align-items:center}.fl-modal-content{width:100%;max-width:100%;padding:20px;border-radius:12px;max-height:calc(100vh - 40px);overflow-y:auto;-webkit-overflow-scrolling:touch}.fl-modal-header{margin-bottom:16px}.fl-modal-content h2{font-size:16px}.fl-modal-close-btn{width:32px;height:32px;font-size:24px}.fl-form-group{margin-bottom:14px}.fl-form-group label{font-size:13px;margin-bottom:6px}.fl-form-group input,.fl-form-group textarea,.fl-form-group select{padding:10px;font-size:14px}.fl-form-group textarea{min-height:80px}.fl-tags-display{gap:6px;margin-top:8px}.fl-tag-chip{padding:5px 10px;font-size:11px}.fl-tag-remove{font-size:16px}.fl-modal-actions{margin-top:16px;gap:10px}.fl-create-btn{padding:12px 20px;font-size:14px;width:100%}.delete-modal-content{width:100%;max-width:100%;padding:20px;border-radius:12px;max-height:calc(100vh - 40px);overflow-y:auto}.delete-modal-header{margin-bottom:16px}.delete-modal-header h2{font-size:18px}.delete-modal-body{margin-bottom:20px}.delete-modal-body p{font-size:14px}.delete-target-name{font-size:15px}.delete-warning{font-size:13px}.delete-modal-actions{gap:10px}.delete-modal-actions button{padding:12px 20px;font-size:14px;flex:1}.custom-dropdown-selected,.dropdown-option{padding:10px;min-height:44px}.dropdown-option-content span{font-size:13px}.custom-dropdown-options{max-height:200px;overflow-y:auto}.institutional-form-modal{width:100%;max-width:100%}.fl-form-group input[type=file]{padding:8px;font-size:13px}.upload-status{font-size:12px;padding:6px 10px}.file-upload-hint{font-size:11px}}@media(max-width:480px){.fl-modal-overlay{padding:12px;align-items:center}.fl-modal-content{padding:16px;border-radius:12px;max-height:calc(100vh - 32px)}.fl-modal-content h2{font-size:15px}.fl-modal-close-btn{width:28px;height:28px;font-size:20px}.fl-form-group{margin-bottom:12px}.fl-form-group label{font-size:12px;margin-bottom:5px}.fl-form-group input,.fl-form-group textarea,.fl-form-group select{padding:9px;font-size:13px}.fl-form-group textarea{min-height:70px}.fl-tag-chip{padding:4px 8px;font-size:10px}.fl-modal-actions{margin-top:14px;flex-direction:column}.fl-create-btn{padding:11px 18px;font-size:13px}.delete-modal-content{padding:16px;border-radius:12px;max-height:calc(100vh - 32px)}.delete-modal-header h2{font-size:16px}.delete-modal-body p{font-size:13px}.delete-target-name{font-size:14px}.delete-modal-actions{flex-direction:column}.delete-modal-actions button{padding:11px 18px;font-size:13px}.custom-dropdown-selected,.dropdown-option{padding:9px;min-height:42px}.dropdown-option-content span{font-size:12px}.institutional-form-modal{padding:16px}.fl-form-group input[type=file]{padding:7px;font-size:12px}.upload-status{font-size:11px;padding:5px 8px}.file-upload-hint{font-size:10px}}.delete-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;border-top:1px solid #e0e0e0;margin-left:-28px;margin-right:-28px;padding:20px 28px 28px}.delete-confirm-btn{padding:10px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;background:#660100;color:#fff;margin-right:16px}.delete-confirm-btn:hover{background:#4e0201}.upload-status{margin-top:8px;padding:8px 12px;border-radius:4px;font-size:13px;font-weight:500}.upload-status.uploading{background:#fff4e6;color:#ff9800;border:1px solid #ffe0b2}.upload-status.success{background:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.file-upload-hint{margin-top:6px;font-size:12px;color:#666;font-style:italic}.fl-form-group input[type=file]{padding:8px;border:2px dashed #ddd;border-radius:6px;cursor:pointer;background:#fafafa;transition:all .2s ease}.fl-form-group input[type=file]:hover:not(:disabled){border-color:#660100;background:#f5f5f5}.fl-form-group input[type=file]:disabled{opacity:.5;cursor:not-allowed}.ps-container{padding:2rem;max-width:1400px;margin:0 auto;font-family:inherit}.ps-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;margin-top:0;gap:1.5rem;flex-wrap:wrap}.ps-page-header .ps-header-content{flex:1}.ps-page-header .ps-title-section{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.ps-system-icon{width:2rem;height:2rem;color:#000;flex-shrink:0}.ps-page-header h1{margin:0;color:#000;font-size:2rem;font-weight:600}.ps-page-header .ps-header-description{margin:0;color:#666;font-size:1rem;text-align:left}.ps-container .ps-divider-container{position:relative;margin-left:-2rem;margin-right:-2rem;margin-bottom:1rem;width:calc(100% + 4rem);box-sizing:border-box}.ps-container .ps-divider{height:1px;background:#0000001a;width:100%;margin:0;display:block}.ps-add-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#7c2d12,#6b2510);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #7c2d1233;font-family:inherit}.ps-add-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #7c2d124d;background:linear-gradient(135deg,#6b2510,#5a1f0d)}.ps-controls{margin-bottom:2rem;display:flex;justify-content:space-between}.ps-search-container{position:relative;max-width:400px}.ps-search-container svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af}.ps-search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;color:#1f2937;background:#fff;font-family:inherit;transition:all .2s}.ps-search-input:focus{outline:none;border-color:#7c2d12;box-shadow:0 0 0 3px #7c2d121a}.ps-loading{padding:2.5rem 2rem}.ps-loading--skeleton{color:inherit}.ps-skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:ps-skeleton-loading 1.4s ease-in-out infinite;border-radius:8px}@keyframes ps-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.ps-card-skeleton{pointer-events:none}.ps-skeleton-pill{width:96px;height:28px;border-radius:999px}.ps-skeleton-coin{width:80px;height:80px;border-radius:50%;margin:0 auto .75rem}.ps-skeleton-line{height:.9rem;border-radius:4px}.ps-skeleton-line-1{width:100%}.ps-skeleton-line-2{width:70%}.ps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.ps-grid-skeleton{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:900px){.ps-grid-skeleton{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.ps-grid-skeleton{grid-template-columns:1fr}}.ps-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#fff;border-radius:12px;border:2px dashed #e5e7eb}.ps-empty svg{color:#d1d5db;margin-bottom:1rem}.ps-empty h3{margin:0 0 .5rem;color:#1f2937;font-size:1.25rem}.ps-empty p{margin:0 0 1.5rem;color:#6b7280;font-size:.95rem}.ps-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:all .3s ease;border:1px solid #e5e7eb;display:flex;flex-direction:column;gap:1rem}.ps-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.ps-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.ps-type-pill{display:inline-block;padding:.5rem 1rem;background:#7c2d12;color:#fff;border-radius:50px;font-size:.875rem;font-weight:600;text-transform:capitalize;box-shadow:0 2px 4px #0000001a;flex:1;text-align:center;letter-spacing:.3px}.ps-card-actions{display:flex;gap:.5rem;flex-shrink:0}.ps-icon-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s;color:#6b7280}.ps-icon-button:hover{background:#e5e7eb;color:#1f2937;transform:scale(1.05)}.ps-delete-button:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}.ps-value-display{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 0}.ps-coin{position:relative;width:120px;height:120px;background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);border-radius:50%;box-shadow:0 8px 16px #d977064d,inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0003;display:flex;align-items:center;justify-content:center;animation:ps-coin-float 3s ease-in-out infinite}.ps-coin:before{content:"";position:absolute;inset:10px;border:3px solid rgba(255,255,255,.3);border-radius:50%;pointer-events:none}.ps-coin:after{content:"";position:absolute;inset:20px;border:2px dashed rgba(255,255,255,.4);border-radius:50%;pointer-events:none}.ps-coin-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#fcd34d,#fbbf24);border-radius:50%;box-shadow:inset 0 2px 4px #0000001a}.ps-coin-value{font-size:2rem;font-weight:800;color:#78350f;text-shadow:0 1px 2px rgba(255,255,255,.5);font-family:inherit}@keyframes ps-coin-float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(5deg)}75%{transform:translateY(-5px) rotate(-5deg)}}.ps-points-label{font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:1px}.ps-description{flex:1;min-height:60px}.ps-description p{margin:0;color:#4b5563;font-size:.9rem;line-height:1.6}.ps-no-description{color:#9ca3af;font-style:italic}.ps-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #f3f4f6}.ps-created-date{font-size:.8rem;color:#9ca3af}.ps-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ps-modal-content{background:#fff;border-radius:12px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.ps-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.ps-modal-header h2{margin:0;font-size:1.5rem;color:#1f2937;font-weight:600}.ps-close-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:6px;font-size:1.25rem;color:#6b7280;cursor:pointer;transition:all .2s}.ps-close-button:hover{background:#e5e7eb;color:#1f2937}.ps-form{padding:1.5rem}.ps-form-group{margin-bottom:1.5rem}.ps-form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:600;color:#374151}.ps-required{color:#dc2626}.ps-form-group input,.ps-form-group textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;color:#1f2937;font-family:inherit;transition:all .2s;box-sizing:border-box}.ps-form-group input:focus,.ps-form-group textarea:focus{outline:none;border-color:#7c2d12;box-shadow:0 0 0 3px #7c2d121a}.ps-form-group textarea{resize:vertical;min-height:100px}.ps-disabled-input{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.ps-help-text{display:block;margin-top:.5rem;font-size:.8rem;color:#6b7280;font-weight:400}.ps-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #e5e7eb}.ps-cancel-button{padding:.625rem 1.25rem;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.ps-cancel-button:hover{background:#f9fafb;border-color:#9ca3af}.ps-submit-button{padding:.625rem 1.25rem;background:linear-gradient(135deg,#7c2d12,#6b2510);color:#fff;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #7c2d1233;font-family:inherit}.ps-submit-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #7c2d124d;background:linear-gradient(135deg,#6b2510,#5a1f0d)}@media(max-width:768px){.ps-container{padding:1rem}.ps-page-header{flex-direction:column;align-items:flex-start}.ps-page-header h1{font-size:1.5rem}.ps-page-header .ps-header-description{font-size:.9rem}.ps-system-icon{width:1.75rem;height:1.75rem}.ps-container .ps-divider-container{margin-left:-2rem;margin-right:-2rem;width:calc(100% + 4rem)}.ps-grid{grid-template-columns:1fr}.ps-coin{width:100px;height:100px}.ps-coin-inner{width:70px;height:70px}.ps-coin-value{font-size:1.75rem}.ps-modal-content{max-width:100%;margin:1rem}}@media(max-width:480px){.ps-type-pill{font-size:.75rem;padding:.4rem .75rem}.ps-card{padding:1rem}.ps-modal-actions{flex-direction:column}.ps-cancel-button,.ps-submit-button{width:100%}}.ps-delete-modal{max-width:480px}.ps-delete-content{padding:1.5rem;text-align:center}.ps-delete-icon{display:flex;justify-content:center;margin-bottom:1rem;color:#dc2626}.ps-delete-content h3{margin:0 0 1.5rem;font-size:1.25rem;color:#1f2937;font-weight:600}.ps-delete-preview{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;background:#f9fafb;border-radius:8px;margin-bottom:1.5rem}.ps-delete-preview .ps-type-pill{font-size:1rem;padding:.625rem 1.25rem}.ps-delete-value{display:flex;flex-direction:column;align-items:center;gap:.25rem}.ps-delete-points{font-size:2rem;font-weight:800;color:#1f2937;font-family:inherit}.ps-delete-value span:last-child{font-size:.875rem;color:#6b7280;text-transform:uppercase;letter-spacing:1px;font-weight:600}.ps-delete-warning{margin:0;font-size:.9rem;color:#6b7280;line-height:1.5}.ps-delete-confirm-button{padding:.625rem 1.25rem;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #dc262633;font-family:inherit}.ps-delete-confirm-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #dc26264d;background:linear-gradient(135deg,#b91c1c,#991b1b)}.ps-delete-confirm-button:active{transform:translateY(0)}.ph-container{padding:2rem;max-width:1600px;margin:0 auto;font-family:inherit}.ph-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;margin-top:0;gap:1.5rem;flex-wrap:wrap}.ph-page-header .ph-header-content{flex:1}.ph-page-header .ph-title-section{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.ph-history-icon{width:2rem;height:2rem;color:#000;flex-shrink:0}.ph-page-header h1{margin:0;color:#000;font-size:2rem;font-weight:600}.ph-page-header .ph-header-description{margin:0;color:#666;font-size:1rem;text-align:left}.ph-container .ph-divider-container{position:relative;margin-left:-2rem;margin-right:-2rem;margin-bottom:1rem;width:calc(100% + 4rem);box-sizing:border-box}.ph-container .ph-divider{height:1px;background:#0000001a;width:100%;margin:0;display:block}.ph-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1.5rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:flex-end}.ph-search-container{position:relative;flex:1 1 300px;margin-right:40px;min-width:250px}.ph-search-container svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af}.ph-search-input{width:100%;padding:.75rem 0rem .75rem 2.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;color:#1f2937;background:#fff;font-family:inherit;transition:all .2s}.ph-search-input:focus{outline:none;border-color:#7c2d12;box-shadow:0 0 0 3px #7c2d121a}.ph-filter-group{display:flex;flex-direction:column;gap:.4rem;flex:0 0 auto;min-width:120px}.ph-filter-group label{font-size:.875rem;font-weight:600;color:#374151}.ph-filter-select,.ph-date-input{padding:.625rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;color:#1f2937;background:#fff;font-family:inherit;transition:all .2s}.ph-filter-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2 4L6 8L10 4' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:12px}.ph-filter-select:focus,.ph-date-input:focus{outline:none;border-color:#7c2d12;box-shadow:0 0 0 3px #7c2d121a}.ph-clear-filters{padding:.625rem 1.25rem;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit;white-space:nowrap;flex:0 0 auto}.ph-clear-filters:hover{background:#e5e7eb;border-color:#9ca3af}.ph-table-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px 8px 0 0;margin-bottom:0}.ph-show-entries{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4b5563;font-family:inherit}.ph-show-entries select{padding:.375rem 2rem .375rem .75rem;border:1px solid #d1d5db;border-radius:6px;background-color:#f3f4f6;cursor:pointer;font-family:inherit;font-size:.875rem;color:#1f2937;font-weight:500;min-width:70px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234b5563' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:12px;transition:all .2s ease}.ph-show-entries select:hover{background-color:#e5e7eb;border-color:#9ca3af}.ph-show-entries select:focus{outline:none;border-color:#660100;box-shadow:0 0 0 3px #6601001a;background-color:#fff}.ph-showing-text{font-size:.875rem;color:#6b7280}.ph-loading{padding:2.5rem 2rem;display:flex;flex-direction:column;gap:1.25rem}.ph-loading--skeleton{color:inherit}.ph-skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:ph-skeleton-loading 1.4s ease-in-out infinite;border-radius:8px}@keyframes ph-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.ph-skeleton-header{max-width:320px;display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.ph-skeleton-title{height:1.4rem;width:70%}.ph-skeleton-subtitle{height:1rem;width:90%}.ph-skeleton-table{border-radius:12px;border:1px solid #e5e7eb;background:#fff;overflow:hidden}.ph-skeleton-row{display:grid;grid-template-columns:2fr 2fr 2fr 1fr;gap:.75rem;padding:.85rem 1.25rem}.ph-skeleton-row--header{background:#f9fafb}.ph-skeleton-cell{height:.9rem;border-radius:999px}.ph-table-container{overflow-x:auto;background:#fff;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 8px 8px;box-shadow:0 1px 3px #0000001a}.ph-history-table{width:100%;border-collapse:collapse;background:#fff;color:#1f2937;font-family:inherit}.ph-history-table thead{background-color:#f8f9fa;border-bottom:2px solid #e5e7eb}.ph-history-table th{padding:1rem;text-align:center;font-weight:600;font-size:.875rem;color:#1f2937;-webkit-user-select:none;user-select:none;white-space:nowrap}.ph-sortable{cursor:pointer;transition:background-color .2s;position:relative}.ph-sortable:hover{background-color:#f3f4f6}.ph-sort-icons{display:inline-flex;flex-direction:column;margin-left:.5rem;vertical-align:middle;line-height:.5;opacity:0;transition:opacity .2s}.ph-history-table th:hover .ph-sort-icons,.ph-history-table th .ph-sort-icons.ph-active-column{opacity:1}.ph-sort-icon{font-size:.625rem;color:#d1d5db;transition:color .2s;display:block;line-height:.5;margin-bottom:.2rem}.ph-sort-icon.ph-active{color:#7c2d12}.ph-history-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .15s}.ph-history-table tbody tr:hover{background-color:#f9fafb}.ph-history-table tbody tr:last-child{border-bottom:none}.ph-history-table td{padding:1rem;font-size:.9rem;color:#4b5563;text-align:center}.ph-empty-cell{text-align:center;padding:3rem!important}.ph-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ca3af}.ph-empty svg{margin-bottom:1rem;opacity:.5}.ph-empty h3{margin:0 0 .5rem;color:#6b7280;font-size:1.1rem}.ph-empty p{margin:0;font-size:.9rem}.ph-student-cell{display:flex;flex-direction:column;gap:.25rem;align-items:center}.ph-student-name{font-weight:600;color:#1f2937}.ph-student-id{font-size:.8rem;color:#9ca3af}.ph-unknown{color:#9ca3af;font-style:italic}.ph-type-pill{display:inline-block;padding:.375rem .875rem;background:#7c2d12;color:#fff;border-radius:50px;font-size:.8rem;font-weight:600;text-transform:capitalize;box-shadow:0 1px 3px #0000001a;margin:0 auto}.ph-type-pill-with-event{cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:transform .2s,box-shadow .2s}.ph-type-pill-with-event:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.ph-event-info-icon{flex-shrink:0;opacity:.9;transition:opacity .2s}.ph-type-pill-with-event:hover .ph-event-info-icon{opacity:1}.ph-coin-container{display:flex;justify-content:center;align-items:center;padding:.5rem 0}.ph-coin{position:relative;width:30px;height:30px;background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);border-radius:50%;box-shadow:0 2px 4px #d977064d,inset 0 1px 2px #ffffff4d,inset 0 -1px 2px #0003;display:flex;align-items:center;justify-content:center;animation:ph-coin-float 3s ease-in-out infinite}.ph-coin:before{content:"";position:absolute;inset:3px;border:1px solid rgba(255,255,255,.3);border-radius:50%;pointer-events:none}.ph-coin:after{content:"";position:absolute;inset:6px;border:1px dashed rgba(255,255,255,.4);border-radius:50%;pointer-events:none}.ph-coin-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:linear-gradient(135deg,#fcd34d,#fbbf24);border-radius:50%;box-shadow:inset 0 1px 2px #0000001a}.ph-coin-value{font-size:.65rem;font-weight:800;color:#78350f;text-shadow:0 1px 2px rgba(255,255,255,.5);font-family:inherit}@keyframes ph-coin-float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-3px) rotate(3deg)}75%{transform:translateY(-3px) rotate(-3deg)}}.ph-pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:1.5rem;background:#fff;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 8px 8px}.ph-page-button{padding:.5rem .75rem;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.ph-page-button:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.ph-page-button:disabled{opacity:.5;cursor:not-allowed}.ph-page-button.ph-active{background:linear-gradient(135deg,#7c2d12,#6b2510);color:#fff;border-color:#7c2d12}.ph-page-ellipsis{padding:.5rem .25rem;color:#9ca3af;font-size:.875rem}.react-hot-toast{z-index:10000!important}.ph-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.ph-modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.ph-modal-content.ph-event-modal{max-width:760px;border-radius:12px;overflow:hidden}.ph-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.ph-modal-content.ph-event-modal .ph-modal-header{background:linear-gradient(180deg,#fff,#fafafa);border-bottom:1px solid #eceff3}.ph-modal-header h2{margin:0;font-size:1.5rem;color:#1f2937;font-weight:600}.ph-modal-content.ph-event-modal .ph-modal-header h2{font-size:1.25rem;letter-spacing:-.01em}.ph-close-button{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s,color .2s}.ph-close-button:hover{background:#f3f4f6;color:#1f2937}.ph-event-details{padding:1.5rem}.ph-event-modal-body{padding:1.25rem 1.5rem 1.5rem}.ph-event-hero{padding-bottom:1rem;border-bottom:1px solid #eceff3;margin-bottom:1rem}.ph-event-title-row{display:flex;align-items:flex-start;gap:.75rem}.ph-event-title{margin:0;font-size:1.5rem;font-weight:700;color:#111827;line-height:1.2;letter-spacing:-.015em}.ph-event-description{margin:.75rem 0 0;color:#4b5563;line-height:1.6;font-size:.95rem;white-space:pre-wrap}.ph-event-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem}.ph-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .65rem;border-radius:999px;border:1px solid #e5e7eb;background:#f9fafb;color:#374151;font-size:.85rem;font-weight:600;line-height:1}.ph-badge--primary{border-color:#66010040;background:#66010012;color:#660100}.ph-badge-icon{width:16px;height:16px;flex-shrink:0;opacity:.9}.ph-event-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.ph-event-meta-card{display:flex;gap:.75rem;padding:.9rem;border:1px solid #e5e7eb;border-radius:10px;background:#fff;box-shadow:0 1px 2px #0000000a}.ph-event-meta-icon{width:36px;height:36px;border-radius:10px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#374151;flex-shrink:0}.ph-event-meta-icon svg{width:18px;height:18px}.ph-event-meta-content{min-width:0;display:flex;flex-direction:column;gap:.25rem}.ph-event-meta-label{font-size:.75rem;font-weight:700;color:#6b7280;letter-spacing:.08em;text-transform:uppercase}.ph-event-meta-value{color:#111827;font-size:.95rem;font-weight:600;line-height:1.4;word-break:break-word}.ph-event-link{color:#7c2d12;text-decoration:none;font-weight:700;font-size:.95rem;width:fit-content}.ph-event-link:hover{color:#6b2510;text-decoration:underline}.ph-event-detail-row{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.ph-event-detail-row:last-child{margin-bottom:0}.ph-event-detail-label{font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.ph-event-detail-value{font-size:1rem;color:#1f2937;line-height:1.5}.ph-event-rsvp-link{color:#7c2d12;text-decoration:none;word-break:break-all;transition:color .2s}.ph-event-rsvp-link:hover{color:#6b2510;text-decoration:underline}.ph-modal-actions{display:flex;justify-content:flex-end;padding:1.5rem;border-top:1px solid #e5e7eb;gap:.75rem}.ph-close-modal-button{padding:.625rem 1.25rem;background:#7c2d12;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s;font-family:inherit}.ph-close-modal-button:hover{background:#6b2510}@media(max-width:1024px){.ph-filters{flex-direction:column;align-items:stretch}.ph-search-container,.ph-filter-group{min-width:100%}.ph-table-container{overflow-x:scroll}.ph-history-table{min-width:800px}}.ph-header-actions{display:flex;align-items:flex-start;gap:.75rem}.ph-download-wrapper{position:relative}.ph-download-btn{display:flex;align-items:center;gap:.5rem;background-color:#fff;color:#374151;border:1px solid #d1d5db;padding:.625rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit;font-size:.875rem;white-space:nowrap}.ph-download-btn:hover{background-color:#f9fafb;border-color:#9ca3af}.ph-download-btn svg{flex-shrink:0}.ph-download-menu{position:absolute;right:0;top:calc(100% + .5rem);background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #00000026;z-index:100;min-width:200px;overflow:hidden}.ph-download-menu button{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;text-align:left;background:#fff;border:none;color:#374151;font-size:.875rem;cursor:pointer;transition:background-color .15s;font-family:inherit;font-weight:500}.ph-download-menu button:hover{background-color:#f3f4f6}.ph-download-menu button svg{flex-shrink:0}.ph-manage-periods-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#660100;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;height:fit-content}.ph-manage-periods-btn:hover{background:#7d0100;transform:translateY(-1px);box-shadow:0 4px 12px #66010033}.ph-manage-periods-btn svg{flex-shrink:0}.ph-grant-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#f59e0b;color:#111827;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;height:fit-content}.ph-grant-btn:hover{background:#d97706;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #d9770640}.ph-grant-btn svg{flex-shrink:0}.ph-period-modal{max-width:700px;max-height:85vh;overflow-y:auto}.ph-grant-modal{max-width:520px}.ph-grant-body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.ph-student-lookup-row{display:flex;gap:.5rem;align-items:stretch}.ph-student-lookup-input{flex:1;min-width:0}.ph-lookup-btn{flex-shrink:0;white-space:nowrap}.ph-matched-student{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.75rem;padding:.75rem 1rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px}.ph-matched-student-info{font-size:.9rem;color:#166534;font-weight:500}.ph-clear-student-btn{padding:.35rem .75rem;background:transparent;color:#15803d;border:1px solid #22c55e;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.ph-clear-student-btn:hover{background:#dcfce7}.ph-help-text{margin-top:.25rem;font-size:.75rem;color:#6b7280}.ph-period-modal .ph-modal-header{padding:1.5rem}.ph-period-form{background:#f8fafc;padding:1.5rem;border-radius:8px;margin:1rem 1.5rem 1.5rem}.ph-period-form h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#1f2937}.ph-form-group{margin-bottom:1rem}.ph-form-group label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.ph-form-input{width:100%;padding:.625rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:all .2s ease;box-sizing:border-box}.ph-form-input:focus{outline:none;border-color:#660100;box-shadow:0 0 0 3px #6601001a}.ph-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ph-form-actions{display:flex;gap:.75rem;margin-top:1rem}.ph-btn-primary{padding:.625rem 1.25rem;background:#660100;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.ph-btn-primary:hover{background:#7d0100;transform:translateY(-1px);box-shadow:0 4px 12px #66010033}.ph-btn-secondary{padding:.625rem 1.25rem;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.ph-btn-secondary:hover{background:#f3f4f6;border-color:#9ca3af}.ph-periods-list{margin-top:1.5rem;padding:0 1.5rem 1.5rem}.ph-periods-list h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#1f2937}.ph-no-periods{text-align:center;padding:2rem;color:#6b7280;font-size:.875rem}.ph-periods-items{display:flex;flex-direction:column;gap:.75rem}.ph-period-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s ease}.ph-period-item:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000d}.ph-period-item.ph-editing{border-color:#660100;background:#fef2f2;box-shadow:0 2px 8px #6601001a}.ph-period-info h4{margin:0 0 .25rem;font-size:.9375rem;font-weight:600;color:#1f2937}.ph-period-info p{margin:0;font-size:.8125rem;color:#6b7280}.ph-period-actions{display:flex;gap:.5rem}.ph-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s ease}.ph-icon-btn:hover{background:#f9fafb;border-color:#d1d5db}.ph-edit-btn svg{color:#2563eb}.ph-edit-btn:hover{background:#eff6ff;border-color:#2563eb}.ph-delete-btn svg{color:#dc2626}.ph-delete-btn:hover{background:#fef2f2;border-color:#dc2626}.ph-active-period{border:2px solid #15803d;background:linear-gradient(to right,#f0fdf4,#fff)}.ph-period-header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.ph-active-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;background:#15803d;color:#fff;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.ph-set-active-btn svg{color:#f59e0b}.ph-set-active-btn:hover{background:#fffbeb;border-color:#f59e0b}.ph-set-active-btn:hover svg{fill:#f59e0b}.ph-set-active-btn.ph-loading{cursor:not-allowed}.ph-spinner-container{display:flex;align-items:center;justify-content:center;gap:3px;height:16px}.ph-spinner-dot{width:4px;height:4px;background-color:currentColor;border-radius:50%;animation:ph-bounce 1.4s infinite ease-in-out both}.ph-spinner-dot:nth-child(1){animation-delay:-.32s}.ph-spinner-dot:nth-child(2){animation-delay:-.16s}@keyframes ph-bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@media(max-width:768px){.ph-container{padding:1rem}.ph-page-header{flex-direction:column;align-items:stretch}.ph-page-header h1{font-size:1.5rem}.ph-page-header .ph-header-description{font-size:.9rem}.ph-history-icon{width:1.75rem;height:1.75rem}.ph-container .ph-divider-container{margin-left:-2rem;margin-right:-2rem;width:calc(100% + 4rem)}.ph-header-actions{width:100%;margin-top:.75rem}.ph-download-wrapper{flex:1}.ph-download-btn{width:100%;justify-content:center}.ph-grant-btn{flex:1;justify-content:center}.ph-manage-periods-btn{flex:1}.ph-table-header{flex-direction:column;align-items:flex-start;gap:.75rem}.ph-showing-text{width:100%}.ph-pagination{flex-wrap:wrap}.ph-form-row{grid-template-columns:1fr}.ph-period-modal,.ph-modal-content.ph-event-modal{max-width:95%}.ph-event-modal-body{padding:1rem}.ph-event-title{font-size:1.25rem}.ph-event-meta-grid{grid-template-columns:1fr}}.sp-container{padding:2rem;max-width:1400px;margin:0 auto;font-family:inherit}.sp-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:2rem}.sp-header-content{flex:1}.sp-title-section{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.sp-icon{width:2.5rem;height:2.5rem;color:#d97706;flex-shrink:0}.sp-page-header h1{font-size:2rem;font-weight:700;color:#1f2937;margin:0}.sp-header-description{font-size:1rem;color:#6b7280;margin:0}.sp-total-points{flex-shrink:0}.sp-points-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);padding:1.5rem 2rem;border-radius:12px;box-shadow:0 8px 16px #d977064d,inset 0 2px 4px #ffffff4d;display:flex;flex-direction:column;align-items:center;gap:.25rem;box-sizing:border-box}.sp-points-value{font-size:2.5rem;font-weight:800;color:#78350f;line-height:1;text-shadow:0 1px 2px rgba(255,255,255,.5)}.sp-points-badge .sp-points-label{font-size:.875rem;color:#78350f;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.sp-tabs{margin-top:.5rem;display:inline-flex;gap:.25rem;padding:.25rem;border-radius:999px;background:#f3f4f6}.sp-tab{border:none;background:transparent;padding:.4rem 1rem;border-radius:999px;font-size:.9rem;font-weight:600;color:#4b5563;cursor:pointer;transition:all .15s ease}.sp-tab--active{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f;box-shadow:0 1px 3px #d9770659}.sp-divider{height:1px;background:linear-gradient(to right,transparent,#e5e7eb 20%,#e5e7eb 80%,transparent);margin:2rem 0}.sp-section{margin-bottom:3rem}.sp-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.sp-section-header h2{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.sp-section-header p{font-size:.875rem;color:#6b7280;margin:.25rem 0 0}.sp-period-dates{font-size:.875rem;color:#d97706;font-weight:600;margin:.25rem 0 0}.sp-toggle-history-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f;border:none;border-radius:8px;padding:.625rem 1.25rem;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #d9770633;text-shadow:0 1px 1px rgba(255,255,255,.3)}.sp-toggle-history-btn:hover{background:linear-gradient(135deg,#fcd34d,#fbbf24);transform:translateY(-1px);box-shadow:0 4px 8px #d977064d}.sp-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e5e5e5,#f0f0f0 75%);background-size:200% 100%;animation:sp-skeleton-loading 1.5s ease-in-out infinite;border-radius:6px}@keyframes sp-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.sp-skeleton-icon{width:2.5rem;height:2.5rem;flex-shrink:0;border-radius:8px}.sp-skeleton-title{width:140px;height:2rem}.sp-skeleton-badge{background:linear-gradient(90deg,#e5e7eb 25%,#d1d5db,#e5e7eb 75%)!important;background-size:200% 100%!important;animation:sp-skeleton-loading 1.5s ease-in-out infinite;box-shadow:none}.sp-skeleton-value{width:4rem;height:2.5rem;border-radius:6px}.sp-skeleton-label{width:5rem;height:.875rem;border-radius:4px}.sp-skeleton-section-title{width:120px;height:1.5rem;margin-bottom:.5rem}.sp-skeleton-section-desc{width:280px;height:1rem}.sp-skeleton-card{pointer-events:none}.sp-skeleton-card .sp-skeleton-pill{width:80px;height:28px;border-radius:999px}.sp-skeleton-coin{width:80px;height:80px;border-radius:50%;margin:0 auto}.sp-skeleton-desc{height:.875rem;border-radius:4px}.sp-skeleton-desc-1{width:100%}.sp-skeleton-desc-2{width:70%}.sp-skeleton-history-title{width:180px;height:1.5rem;margin-bottom:.35rem}.sp-skeleton-period{width:140px;height:1rem}.sp-skeleton-toggle-btn{width:140px;height:40px;border-radius:8px}.sp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.sp-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#7c2d12;border-radius:50%;animation:sp-spin .8s linear infinite}@keyframes sp-spin{to{transform:rotate(360deg)}}.sp-loading p{font-size:.9rem;color:#6b7280;margin:0}.sp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem;background:#f9fafb;border-radius:12px;border:2px dashed #d1d5db}.sp-empty svg{color:#9ca3af}.sp-empty h3{font-size:1.125rem;font-weight:600;color:#374151;margin:0}.sp-empty p{font-size:.9rem;color:#6b7280;margin:0}.sp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.sp-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:all .2s;box-shadow:0 1px 3px #0000000d}.sp-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.sp-card-header{display:flex;justify-content:space-between;align-items:center}.sp-type-pill{display:inline-block;padding:.375rem .875rem;border-radius:20px;color:#fff;font-size:.875rem;font-weight:600;text-transform:capitalize;box-shadow:0 2px 4px #0000001a}.sp-value-display{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 0}.sp-coin{position:relative;width:80px;height:80px;background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);border-radius:50%;box-shadow:0 8px 16px #d977064d,inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0003;display:flex;align-items:center;justify-content:center;animation:sp-coin-float 3s ease-in-out infinite}.sp-coin:before{content:"";position:absolute;inset:8px;border:2px solid rgba(255,255,255,.3);border-radius:50%;pointer-events:none}.sp-coin:after{content:"";position:absolute;inset:14px;border:1.5px dashed rgba(255,255,255,.4);border-radius:50%;pointer-events:none}.sp-coin-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:55px;height:55px;background:linear-gradient(135deg,#fcd34d,#fbbf24);border-radius:50%;box-shadow:inset 0 2px 4px #0000001a}.sp-coin-value{font-size:1.5rem;font-weight:800;color:#78350f;text-shadow:0 1px 2px rgba(255,255,255,.5);font-family:inherit}@keyframes sp-coin-float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-3px) rotate(3deg)}75%{transform:translateY(-3px) rotate(-3deg)}}.sp-value-display .sp-points-label{font-size:.875rem;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.sp-description{flex:1;padding-top:.5rem;border-top:1px solid #e5e7eb}.sp-description p{font-size:.9rem;color:#4b5563;margin:0;line-height:1.5}.sp-no-description{color:#9ca3af!important;font-style:italic}.sp-history-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.sp-history-table{width:100%;border-collapse:collapse}.sp-history-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.sp-history-table th{padding:1rem 1.25rem;text-align:left;font-size:.875rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.05em;vertical-align:middle}.sp-history-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .15s}.sp-history-table tbody tr:last-child{border-bottom:none}.sp-history-table tbody tr:hover{background:#f9fafb}.sp-history-table td{padding:1rem 1.25rem;font-size:.9rem;color:#4b5563;text-align:left;vertical-align:middle}.sp-date-cell{color:#6b7280;font-family:Courier New,monospace;font-size:.875rem}.sp-type-badge{display:inline-block;padding:.25rem .75rem;border-radius:16px;color:#fff;font-size:.8rem;font-weight:600;text-transform:capitalize;white-space:nowrap}.sp-points-amount{display:inline-block;padding:.25rem .75rem;background:#dcfce7;color:#15803d;border-radius:16px;font-weight:700;font-size:.875rem}.sp-event-cell{max-width:300px}.sp-event-info{display:flex;flex-direction:column;gap:.25rem}.sp-event-title{font-weight:600;color:#1f2937}.sp-event-date{font-size:.8rem;color:#6b7280}.sp-no-event{color:#9ca3af}.sp-row-clickable{cursor:pointer}.sp-row-clickable:hover{background:#fef3c7}.sp-modal-backdrop{position:fixed;inset:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:50}.sp-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0f172a59;max-width:480px;width:100%;margin:0 1.5rem;padding:1.5rem 1.75rem 1.75rem}.sp-modal-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.sp-modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#111827}.sp-modal-close-btn{border:none;background:transparent;font-size:1.25rem;cursor:pointer;color:#6b7280;padding:.1rem .25rem;border-radius:999px;line-height:1}.sp-modal-close-btn:hover{background:#f3f4f6;color:#111827}.sp-modal-body{display:flex;flex-direction:column;gap:.5rem;margin-top:.25rem}.sp-modal-meta{margin:0;font-size:.9rem;color:#4b5563}.sp-modal-label{font-weight:600;color:#111827}.sp-modal-description{margin:.5rem 0 0;font-size:.9rem;color:#374151;line-height:1.5}.sp-modal-link{display:inline-flex;margin-top:.75rem;font-size:.9rem;font-weight:600;color:#b45309;text-decoration:none}.sp-modal-link:hover{text-decoration:underline}@media(max-width:768px){.sp-container{padding:1rem}.sp-page-header{flex-direction:column;gap:1rem}.sp-title-section{flex-direction:column;align-items:flex-start}.sp-total-points{width:100%}.sp-points-badge{width:100%;flex-direction:row;justify-content:center;padding:1rem 1.5rem}.sp-points-value{font-size:2rem}.sp-grid{grid-template-columns:1fr}.sp-section-header{flex-direction:column;align-items:flex-start;gap:1rem}.sp-toggle-history-btn{width:100%}.sp-history-table-container{overflow-x:auto}.sp-history-table{min-width:480px}.sp-history-table th,.sp-history-table td{padding:.75rem .875rem;font-size:.85rem}.sp-coin{width:70px;height:70px}.sp-coin-inner{width:48px;height:48px}.sp-coin-value{font-size:1.25rem}}.office-hours-selector{width:100%}.office-hours-display{display:flex;flex-direction:column;gap:16px}.office-hours-display-value{padding:8px 0;color:#1a1a1a;line-height:1.6}.office-hours-days{display:flex;flex-direction:column;gap:12px}.office-hours-day-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.office-hours-day-toggle{min-width:100px;padding:8px 16px;border:1px solid #e0e0e0;border-radius:6px;background:#fff;color:#666;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center}.office-hours-day-toggle:hover:not(:disabled){border-color:#660100;color:#660100;background:#fff5f5}.office-hours-day-toggle.selected{background:#660100;color:#fff;border-color:#660100}.office-hours-day-toggle:disabled{opacity:.6;cursor:not-allowed}.office-hours-time-inputs{display:flex;align-items:center;gap:8px;flex:1}.office-hours-time-select{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;color:#1a1a1a;background:#fff;cursor:pointer;transition:all .2s ease;min-width:120px}.office-hours-time-select:focus{outline:none;border-color:#660100;box-shadow:0 0 0 3px #6601001a}.office-hours-time-select:disabled{opacity:.6;cursor:not-allowed}.office-hours-time-separator{color:#666;font-size:14px;font-weight:500}.office-hours-display-summary{display:flex;align-items:center;gap:8px;padding:12px;background:#f9f9f9;border-radius:6px;color:#666;font-size:14px;margin-top:8px}.office-hours-display-summary svg{color:#660100;flex-shrink:0}@media(max-width:768px){.office-hours-day-row{flex-direction:column;align-items:flex-start}.office-hours-time-inputs{width:100%;flex-direction:column;align-items:flex-start}.office-hours-time-select{width:100%}}.pms-settings-layout{display:flex;flex-direction:column;gap:1.75rem;text-align:left;color:#0f172a;padding:2rem;margin-left:2rem}.pms-settings-header{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 8px 24px #00000014;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.pms-settings-header-actions{display:flex;gap:.75rem}.pms-settings-primary-btn{background:#660100;color:#fff;border:none;border-radius:10px;padding:.75rem 1.75rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #6601004d}.pms-settings-primary-btn:disabled{opacity:.6;cursor:not-allowed}.pms-settings-primary-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 16px #66010066;background:#8f3237}.pms-settings-eyebrow{margin:0;text-transform:uppercase;font-weight:700;letter-spacing:.1em;color:#4a4a4a;font-size:.75rem;display:inline-block;background:#fecc0033;padding:.35rem .75rem;border-radius:6px}.pms-settings-header h1{margin:.5rem 0;font-size:2rem;color:#000;font-weight:700}.pms-settings-subtitle{margin:0;color:#4a4a4a;line-height:1.5;max-width:720px}.pms-permissions-body{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:1.5rem}.pms-permissions-staff-panel,.pms-permissions-detail-panel{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 12px #0000000f;border:1px solid #d0d3d4}.pms-panel-header{margin-bottom:1rem}.pms-panel-header p{margin:0;font-weight:700;color:#000;font-size:1.05rem}.pms-panel-header span{display:block;font-size:.85rem;color:#4a4a4a;font-weight:400}.pms-panel-hint{font-size:.85rem;color:#a7a8a9;margin-top:.35rem}.pms-panel-empty{padding:1.25rem;background:#f5f5f5;border-radius:12px;color:#4a4a4a;font-size:.95rem;border:1px dashed #d0d3d4}.pms-staff-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;max-height:520px;overflow-y:auto}.pms-staff-list-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.85rem 1rem;border-radius:12px;border:2px solid #d0d3d4;background:transparent;cursor:pointer;text-align:left;transition:all .2s ease}.pms-hidden-file-input{display:none}.pms-staff-list-item.active{border-color:#660100;background:#6601000d;box-shadow:0 2px 8px #66010026}.pms-staff-list-item:hover{border-color:#8f3237;background:#66010005}.pms-staff-avatar{width:44px;height:44px;border-radius:999px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;font-weight:700;color:#4a4a4a;overflow:hidden;border:2px solid #d0d3d4}.pms-staff-avatar img{width:100%;height:100%;object-fit:cover}.pms-staff-meta{flex:1}.pms-staff-name{margin:0;font-weight:600;color:#000}.pms-staff-status{margin:0;font-size:.8rem;color:#a7a8a9}.pms-permissions-detail-panel{display:flex;flex-direction:column;gap:1.5rem}.pms-detail-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.pms-detail-title-row{display:flex;align-items:center;gap:.9rem;flex-wrap:nowrap}.pms-detail-avatar-wrapper{position:relative;width:80px;height:80px;border-radius:999px;overflow:hidden;flex-shrink:0}.pms-detail-avatar{width:80px;height:80px;border-radius:999px;background:#f5f5f5;border:2px solid #d0d3d4;display:flex;align-items:center;justify-content:center;color:#4a4a4a;font-weight:700;overflow:hidden}.pms-detail-avatar img{width:100%;height:100%;object-fit:cover}.pms-detail-avatar-overlay{position:absolute;inset:0;background:#00000094;display:flex;align-items:center;justify-content:center;gap:8px;opacity:0;transition:opacity .2s ease}.pms-detail-avatar-wrapper:hover .pms-detail-avatar-overlay{opacity:1}.pms-detail-avatar-action{width:32px;height:32px;border-radius:999px;border:1px solid rgba(255,255,255,.8);background:#fff3;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.pms-detail-avatar-action:hover:not(:disabled){background:#ffffff4d}.pms-detail-avatar-action.danger:hover:not(:disabled){border-color:#fecaca;color:#fecaca}.pms-detail-avatar-action:disabled{opacity:.45;cursor:not-allowed}.pms-detail-title-row .pms-detail-eyebrow{margin-bottom:.2rem}.pms-detail-title-row h2{margin:0;line-height:1.1}.pms-detail-tabs{display:flex;gap:.75rem}.pms-detail-tab{border:1px solid #d0d3d4;background:#f5f5f5;color:#4a4a4a;border-radius:10px;padding:.55rem .95rem;font-weight:600;cursor:pointer}.pms-detail-tab.active{background:#660100;color:#fff;border-color:#660100}.pms-detail-eyebrow{margin:0;text-transform:uppercase;font-weight:700;letter-spacing:.08em;color:#4a4a4a;font-size:.8rem}.pms-detail-status{margin:0;font-size:.85rem;padding:.5rem 1rem;border-radius:8px;font-weight:600}.pms-detail-status--success{background:#fecc0033;color:#4a4a4a;font-weight:600}.pms-detail-status--error{background:#fecc0033;color:#8f3237}.pms-detail-empty{background:#f5f5f5;border:2px dashed #d0d3d4;border-radius:12px;padding:2.5rem 2rem;text-align:center;color:#4a4a4a}.pms-permissions-table-wrapper{overflow-x:auto}.pms-staff-profile-editor{display:flex;flex-direction:column;gap:1rem}.pms-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.pms-profile-grid label,.pms-profile-field{display:flex;flex-direction:column;gap:.4rem}.pms-profile-grid label span,.pms-profile-field span{font-weight:700;color:#374151;font-size:.92rem}.pms-profile-grid input,.pms-profile-field input,.pms-profile-field textarea{border:1px solid #d0d3d4;border-radius:10px;padding:.65rem .75rem;font-size:.95rem;font-family:inherit}.pms-profile-field-full{grid-column:1 / -1}.pms-permissions-table{width:100%;border-collapse:collapse}.pms-permissions-table th,.pms-permissions-table td{padding:1rem .75rem;border-bottom:1px solid #d0d3d4;vertical-align:top}.pms-permissions-table th{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#4a4a4a;font-weight:700;background:#f5f5f5}.pms-resource-name{margin:0;font-weight:700;color:#000}.pms-resource-desc{margin:.3rem 0 0;font-size:.85rem;color:#4a4a4a}.pms-permission-toggle{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#000}.pms-permission-toggle input{width:18px;height:18px;cursor:pointer;accent-color:#660100}.pms-permissions-save-row{display:flex;align-items:center;gap:1rem}.pms-save-hint{margin:0;color:#a7a8a9;font-size:.85rem}.pms-settings-loading,.pms-settings-error{background:#fff;border-radius:16px;padding:2.5rem;text-align:center;box-shadow:0 4px 12px #0000000f;border:1px solid #d0d3d4}.pms-settings-loading.compact{padding:1.5rem;box-shadow:none;background:#f5f5f5}.pms-settings-spinner{width:40px;height:40px;border:4px solid #d0d3d4;border-top-color:#660100;border-radius:50%;margin:0 auto 1rem;animation:pms-settings-spin .8s linear infinite}@keyframes pms-settings-spin{to{transform:rotate(360deg)}}.pms-settings-error button{margin-top:1.25rem;border:none;background:#660100;color:#fff;padding:.75rem 1.75rem;border-radius:10px;cursor:pointer;font-weight:700;box-shadow:0 4px 12px #6601004d;transition:all .2s ease}.pms-settings-error button:hover{background:#8f3237;transform:translateY(-2px);box-shadow:0 6px 16px #66010066}@media(max-width:768px){.pms-settings-layout{padding:1rem;margin-left:0}.pms-permissions-body,.pms-profile-grid{grid-template-columns:1fr}.pms-detail-header{flex-direction:column;align-items:flex-start}}.profile-container{padding:24px;max-width:100%;min-height:100%;display:flex;flex-direction:column;box-sizing:border-box}.profile-header{margin-bottom:24px;margin-left:calc(-24px - 2rem);margin-right:calc(-24px - 2rem);padding-left:calc(24px + 2rem);padding-right:calc(24px + 2rem);padding-bottom:16px;border-bottom:1px solid #e0e0e0;text-align:left}.profile-header-content{text-align:left}.profile-header-content h1{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 4px;text-align:left}.profile-header-subtitle{font-size:14px;color:#666;margin:0;text-align:left}.profile-content{flex:1;display:flex;flex-direction:column;gap:24px;min-height:0}.profile-main-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:32px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:row;gap:0;align-items:flex-start;box-sizing:border-box;flex-shrink:0}.profile-picture-section{display:flex;flex-direction:column;align-items:center;gap:20px;flex-shrink:0;padding-right:48px}.profile-separator{width:1px;background:#e0e0e0;align-self:stretch;margin:0 48px;flex-shrink:0}.profile-picture-wrapper{position:relative;width:180px;height:180px;border-radius:50%;overflow:hidden;cursor:pointer;transition:all .3s ease;border:3px solid #e0e0e0;background:#f5f5f5;flex-shrink:0}.profile-picture-wrapper:hover{border-color:#660100;transform:scale(1.02);box-shadow:0 4px 12px #66010026}.profile-picture-wrapper:hover .profile-picture-overlay{opacity:1}.profile-picture{width:100%;height:100%;object-fit:cover;display:block}.profile-picture-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#660100,#8b0000)}.profile-initials{font-size:4.5rem;font-weight:600;color:#fff;text-transform:uppercase}.profile-picture-overlay{position:absolute;inset:0;background:#0009;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;opacity:0;transition:opacity .3s ease;color:#fff}.profile-picture-overlay span{font-size:.85rem;font-weight:500}.profile-overlay-icon{width:44px;height:44px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#fff}.profile-overlay-icon:hover{background:#ffffff4d;transform:scale(1.1)}.profile-overlay-icon svg{color:#fff}.profile-picture-uploading{position:absolute;inset:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:10}.upload-spinner{width:40px;height:40px;border:4px solid rgba(102,1,0,.2);border-top-color:#660100;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.profile-picture-input{display:none}.profile-picture-info{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.profile-name{font-size:22px;font-weight:600;color:#1a1a1a;margin:0}.profile-picture-hint{font-size:13px;color:#666;margin:0;max-width:300px;text-align:center}.profile-info-section{display:flex;flex-direction:column;gap:24px;flex:1;min-width:0}.profile-section-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 20px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.profile-info-table{display:flex;flex-direction:column;gap:0}.profile-info-row{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:16px 0}.profile-info-row:not(:last-child){border-bottom:1px solid #f5f5f5}.profile-info-item{display:flex;flex-direction:column;gap:6px}.profile-info-item label{font-size:11px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;text-align:left}.profile-info-value{font-size:15px;color:#1a1a1a;font-weight:500;line-height:1.5;display:flex;align-items:center}.role-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600;text-transform:capitalize;width:fit-content}.role-badge.role-admin{background:#ef444426;color:#dc2626}.role-badge.role-staff{background:#3b82f626;color:#2563eb}.role-badge.role-student{background:#22c55e26;color:#16a34a}@media(max-width:768px){.profile-container{padding:16px}.profile-header{margin-left:calc(-16px - 2rem);margin-right:calc(-16px - 2rem);padding-left:calc(16px + 2rem);padding-right:calc(16px + 2rem)}.profile-main-card{padding:24px;gap:0;flex-direction:column}.profile-picture-section{align-items:center;padding-right:0;padding-bottom:24px}.profile-separator{width:100%;height:1px;margin:24px 0}.profile-picture-info{align-items:center;text-align:center}.profile-picture-wrapper{width:150px;height:150px}.profile-initials{font-size:3.5rem}.profile-info-row{grid-template-columns:1fr;gap:20px}}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001f;overflow:hidden;max-width:420px;width:90%;padding:0}.modal-content.delete-modal{max-width:420px;width:90%;padding:0;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001f;overflow:hidden}.delete-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px 20px;margin-bottom:0}.delete-modal .modal-header h3{color:#000;font-size:20px;font-weight:600;margin:0}.delete-modal .close-button{background:#660100;border:none;color:#fff;cursor:pointer;padding:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;flex-shrink:0}.delete-modal .close-button:hover{background:#4e0201;color:#fff}.delete-modal .close-button:active{background:#3a0101;color:#fff}.delete-modal-body{padding:0 28px;margin-bottom:24px}.delete-modal-body p{margin:0;color:#333;line-height:1.5;font-size:15px;text-align:left}.delete-modal .modal-actions{display:flex;justify-content:flex-end;margin-top:24px;border-top:1px solid #e0e0e0;margin-left:-28px;margin-right:-28px;padding:20px 28px 28px;gap:0}.delete-modal .confirm-delete-button{background:#660100;border:none;color:#fff;padding:10px 24px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s ease}.delete-modal .confirm-delete-button:hover{background:#4e0201}.profile-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.profile-section-header .profile-section-title{margin:0;padding-bottom:0;border-bottom:none}.profile-edit-button,.profile-save-button,.profile-cancel-button{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.profile-edit-button{background:#f5f5f5;color:#1a1a1a}.profile-edit-button:hover{background:#e8e8e8}.profile-edit-button:disabled{opacity:.5;cursor:not-allowed}.profile-edit-actions{display:flex;gap:8px}.profile-save-button{background:#660100;color:#fff}.profile-save-button:hover{background:#4e0201}.profile-save-button:disabled{opacity:.6;cursor:not-allowed}.profile-cancel-button{background:#f5f5f5;color:#666}.profile-cancel-button:hover{background:#e8e8e8}.profile-cancel-button:disabled{opacity:.5;cursor:not-allowed}.profile-staff-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;text-align:left}.profile-staff-field{display:flex;flex-direction:column;gap:8px;text-align:left}.profile-staff-field-full{grid-column:1 / -1}.profile-staff-field label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#374151;text-transform:none;letter-spacing:0}.profile-staff-field label svg{color:#660100}.profile-staff-input{width:100%;padding:10px 14px;border:1px solid #e0e0e0;border-radius:6px;font-size:15px;font-family:inherit;color:#1a1a1a;background:#fff;transition:all .2s ease;resize:vertical}.profile-staff-input:focus{outline:none;border-color:#660100;box-shadow:0 0 0 3px #6601001a}.profile-staff-input::placeholder{color:#999}.profile-staff-value{font-size:15px;color:#1a1a1a;line-height:1.6;padding:8px 0;text-align:left}.profile-link{color:#660100;text-decoration:none;word-break:break-all}.profile-link:hover{text-decoration:underline}.profile-not-set{color:#999;font-style:italic}.profile-fun-facts{display:flex;flex-direction:column;gap:16px}.profile-fun-fact-paragraph{margin:0;line-height:1.6;color:#1a1a1a}.profile-experience-list{list-style:none;padding:0;margin:0}.profile-experience-list li{font-size:15px;color:#1a1a1a;line-height:1.6;margin:0 0 8px;padding-left:20px;position:relative}.profile-experience-list li:before{content:"•";position:absolute;left:0;color:#1a1a1a;font-weight:700}.profile-loading{padding:24px;text-align:center;color:#666;font-size:14px}.profile-staff-field .office-hours-selector{margin-top:8px}.profile-staff-field .office-hours-display-value{padding:8px 0;color:#1a1a1a;line-height:1.6}@media(max-width:768px){.profile-staff-info{grid-template-columns:1fr}.profile-staff-field-full{grid-column:auto}.profile-section-header{flex-direction:column;align-items:flex-start;gap:12px}.profile-edit-actions{width:100%}.profile-save-button,.profile-cancel-button{flex:1;justify-content:center}}.meet-professors-container{padding:12px 24px 24px;max-width:1400px;margin:0 auto;min-height:100%}.meet-professors-header{margin-bottom:12px}.meet-professors-header-content{text-align:left}.meet-professors-title-section{display:flex;align-items:center;gap:12px;margin-bottom:4px}.meet-professors-icon{color:#660100}.meet-professors-header-content h1{font-size:32px;font-weight:700;color:#1a1a1a;margin:0}.meet-professors-description{font-size:15px;color:#666;margin:0 0 0 44px}.meet-professors-divider{margin-left:-24px;margin-right:-24px;width:calc(100% + 48px);height:1px;background:#e0e0e0;margin-bottom:24px}.meet-professors-search{margin-bottom:32px}.meet-professors-search-input{width:100%;max-width:500px;padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;font-size:15px;transition:all .2s ease}.meet-professors-search-input:focus{outline:none;border-color:#660100;box-shadow:0 0 0 3px #6601001a}.meet-professors-loading,.meet-professors-empty{text-align:center;padding:48px;color:#666;font-size:16px}.meet-professors-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e5e5e5,#f0f0f0 75%);background-size:200% 100%;animation:meet-professors-skeleton-loading 1.5s ease-in-out infinite;border-radius:6px}@keyframes meet-professors-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.meet-professors-skeleton-search{width:100%;max-width:500px;height:44px}.meet-professors-skeleton-card{pointer-events:none}.meet-professors-skeleton-card .meet-professors-skeleton-image{width:100%;aspect-ratio:1 / 1;border-radius:0}.meet-professors-skeleton-card-content{padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.meet-professors-skeleton-line{height:1rem;border-radius:4px}.meet-professors-skeleton-name{width:75%;height:1.5rem}.meet-professors-skeleton-title{width:50%;height:.875rem}.meet-professors-skeleton-btn{width:88px;height:36px;margin-top:.5rem;border-radius:8px}.meet-professors-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;align-items:stretch}.meet-professors-card{background:#fff;border:1px solid #e0e0e0;border-radius:16px;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;height:100%;min-height:0}.meet-professors-card:hover{box-shadow:0 12px 32px #00000026;transform:translateY(-4px)}.meet-professors-card-image{width:100%;aspect-ratio:1 / 1;overflow:hidden;background:#f5f5f5;position:relative;flex-shrink:0}.meet-professors-card-image img{width:100%;height:100%;object-fit:cover;display:block}.meet-professors-card-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#660100,#8b0000);display:flex;align-items:center;justify-content:center;color:#fff;font-size:4rem;font-weight:600}.meet-professors-card-content{padding:.875rem 1.25rem 1.25rem;min-height:170px;display:flex;flex-direction:column;flex:1;text-align:left}.meet-professors-card-name{font-size:20px;font-weight:700;color:#1a1a1a;margin:0 0 8px;line-height:1.3}.meet-professors-card-title{font-size:15px;color:#666;margin:0 0 16px;font-weight:500}.meet-professors-read-bio{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;margin:0 0 16px;background:transparent;border:1px solid #660100;border-radius:6px;color:#660100;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.meet-professors-read-bio:hover{background:#660100;color:#fff}.meet-professors-card-bio{margin-bottom:16px;padding-top:16px;border-top:1px solid #f0f0f0;animation:slideDown .3s ease;text-align:left}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.meet-professors-bio-section{margin-bottom:16px;text-align:left}.meet-professors-bio-section:last-child{margin-bottom:0}.meet-professors-bio-section strong{display:block;font-size:14px;font-weight:700;color:#374151;text-transform:none;letter-spacing:0;margin-bottom:8px}.meet-professors-bio-section p{font-size:14px;color:#333;line-height:1.6;margin:0}.meet-professors-bio-inline{margin:0}.meet-professors-bio-inline strong{display:inline;margin-right:4px}.meet-professors-bio-quote{font-style:italic;color:#555}.meet-professors-bio-facts{display:flex;flex-direction:column;gap:12px}.meet-professors-bio-paragraph{font-size:14px;color:#333;line-height:1.6;margin:0}.meet-professors-bio-experience{list-style:none;padding:0;margin:0}.meet-professors-bio-experience li{font-size:14px;color:#333;line-height:1.6;margin:0 0 8px;padding-left:20px;position:relative}.meet-professors-bio-experience li:before{content:"•";position:absolute;left:0;color:#333;font-weight:700}.meet-professors-card-contact{display:flex;align-items:center;justify-content:center;gap:16px;padding-top:16px;margin-top:auto;border-top:1px solid #f0f0f0}.meet-professors-contact-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f5f5f5;color:#666;transition:all .2s ease;text-decoration:none}.meet-professors-contact-icon:hover{background:#660100;color:#fff;transform:scale(1.1)}.meet-professors-contact-icon svg{width:18px;height:18px}@media(max-width:1280px){.meet-professors-container{padding:12px 20px 20px}.meet-professors-divider{margin-left:-20px;margin-right:-20px;width:calc(100% + 40px)}.meet-professors-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}}@media(max-width:1024px){.meet-professors-header{margin-bottom:12px}.meet-professors-header-content h1{font-size:28px}.meet-professors-description{margin-left:0;margin-top:4px}.meet-professors-divider,.meet-professors-search{margin-bottom:20px}.meet-professors-search-input{max-width:100%}.meet-professors-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.meet-professors-card-content{padding:.875rem 1.25rem 1.25rem}.meet-professors-card-name{font-size:18px}.meet-professors-card-title{font-size:14px}}@media(max-width:820px){.meet-professors-container{padding:10px 16px 16px}.meet-professors-divider{margin-left:-16px;margin-right:-16px;width:calc(100% + 32px)}.meet-professors-grid{grid-template-columns:1fr;gap:1.5rem}.meet-professors-read-bio{min-height:42px;font-size:14px}.meet-professors-card-contact{justify-content:flex-start;gap:12px}.meet-professors-contact-icon{width:38px;height:38px}}@media(max-width:600px){.meet-professors-title-section{gap:8px}.meet-professors-icon{width:24px;height:24px}.meet-professors-header-content h1{font-size:24px}.meet-professors-description{font-size:14px}.meet-professors-search-input{padding:11px 14px;font-size:14px}.meet-professors-card{border-radius:10px}.meet-professors-card-content{padding:.875rem 1rem 1rem}.meet-professors-card-name{font-size:17px;line-height:1.35}.meet-professors-card-title{margin-bottom:12px}.meet-professors-card-bio{margin-bottom:12px;padding-top:12px}.meet-professors-bio-section{margin-bottom:12px}.meet-professors-bio-section strong,.meet-professors-bio-section p,.meet-professors-bio-experience li,.meet-professors-bio-paragraph{font-size:13px;line-height:1.55}}@media(max-width:1200px){.meet-professors-grid{gap:1.5rem}}@media(max-width:768px){.meet-professors-grid{grid-template-columns:1fr;gap:1.5rem}}.login-page{position:fixed;inset:0;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:2rem;padding-top:max(2rem,env(safe-area-inset-top,0));padding-bottom:max(2rem,env(safe-area-inset-bottom,0));padding-left:max(2rem,env(safe-area-inset-left,0));padding-right:max(2rem,env(safe-area-inset-right,0));background:#facc15 url(/background2.png) center center / cover no-repeat fixed;font-family:inherit;overflow:auto;box-sizing:border-box}.login-card{width:100%;max-width:440px;background:#f6f5f2;border-radius:24px;padding:2rem;box-shadow:0 20px 60px #0000001a,0 0 1px #0000000f;text-align:left;border:1px solid rgba(0,0,0,.06);position:relative;z-index:1}.login-card__header h1{margin:.35rem 0 .5rem;font-size:2.25rem;color:#1a1a1a;font-weight:700;letter-spacing:-.02em}.login-logo{display:block;height:64px;width:auto;margin-bottom:.35rem;object-fit:contain}.login-subtitle{margin:0;color:#4a4a4a;line-height:1.5;font-size:.95rem}.login-form{margin-top:1.25rem;display:flex;flex-direction:column;gap:.75rem}.login-form label{font-weight:600;color:#1a1a1a;font-size:.9rem;margin-bottom:.25rem}.login-form input{border:2px solid #e2e0dc;border-radius:10px;padding:.9rem 1.1rem;font-size:1rem;transition:all .2s ease;background:#fff;color:#1a1a1a}.login-form input::placeholder{color:#9ca3af}.login-form input:focus{border-color:#660100;outline:none;box-shadow:0 0 0 4px #6601001f;background:#fffefc}.login-submit{margin-top:.5rem;border:none;border-radius:12px;background:#660100;color:#fff;font-weight:700;padding:1rem 1.5rem;cursor:pointer;font-size:1rem;transition:all .2s ease;box-shadow:0 4px 12px #66010040;letter-spacing:.02em}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-submit:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 20px #66010059;background:#8f3237}.login-submit:not(:disabled):active{transform:translateY(0);box-shadow:0 2px 8px #66010040}.login-info{color:#0f5132;background:#10b9811a;border:1px solid rgba(16,185,129,.25);border-radius:10px;padding:.85rem 1.1rem;font-size:.9rem;font-weight:500}.login-error{color:#660100;background:#66010014;border:1px solid rgba(102,1,0,.2);border-radius:10px;padding:.85rem 1.1rem;font-size:.9rem;font-weight:500}.login-help{margin-top:1.25rem;font-size:.9rem;color:#4a4a4a;text-align:center;line-height:1.5}.login-link{background:none;border:none;padding:0;margin:0;color:#660100;font-weight:700;cursor:pointer;text-decoration:none}.login-link:hover{text-decoration:underline;color:#8f3237}@media(max-width:480px){.login-page{padding:1rem}.login-card{padding:2rem 1.5rem;border-radius:20px}.login-card__header h1{font-size:1.85rem}.login-form{gap:.85rem}}.set-password-page{position:fixed;inset:0;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:2rem;padding-top:max(2rem,env(safe-area-inset-top,0));padding-bottom:max(2rem,env(safe-area-inset-bottom,0));padding-left:max(2rem,env(safe-area-inset-left,0));padding-right:max(2rem,env(safe-area-inset-right,0));background:#facc15 url(/background2.png) center center / cover no-repeat fixed;font-family:inherit;overflow:auto;box-sizing:border-box}.set-password-card{width:100%;max-width:440px;background:#f6f5f2;border-radius:24px;padding:2rem;box-shadow:0 20px 60px #0000001a,0 0 1px #0000000f;text-align:left;border:1px solid rgba(0,0,0,.06);position:relative;z-index:1}.set-password-logo{display:block;height:64px;width:auto;margin-bottom:.35rem;object-fit:contain}.set-password-card__header h1{margin:.35rem 0 .5rem;font-size:2.25rem;color:#1a1a1a;font-weight:700;letter-spacing:-.02em}.set-password-subtitle{margin:0;color:#4a4a4a;line-height:1.5;font-size:.95rem}.set-password-form{margin-top:1.25rem;display:flex;flex-direction:column;gap:.75rem}.set-password-form .form-group{display:flex;flex-direction:column;gap:.5rem}.set-password-form label{font-weight:600;color:#1a1a1a;font-size:.9rem}.set-password-form input{border:2px solid #e2e0dc;border-radius:10px;padding:.9rem 1.1rem;font-size:1rem;transition:all .2s ease;background:#fff;color:#1a1a1a}.set-password-form input::placeholder{color:#9ca3af}.set-password-form input:focus{border-color:#660100;outline:none;box-shadow:0 0 0 4px #6601001f;background:#fffefc}.set-password-email-readonly{background:#f3f4f6!important;color:#4b5563!important;cursor:default}.set-password-back-link{margin-top:.75rem;border:none;background:none;padding:0;color:#660100;font-weight:600;font-size:.9rem;cursor:pointer;text-align:left;align-self:flex-start}.set-password-back-link:hover{text-decoration:underline;color:#8f3237}.password-requirements{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;padding:1rem 1.2rem;margin:.5rem 0}.requirements-title{font-weight:600;color:#1a1a1a;font-size:.85rem;margin:0 0 .5rem}.password-requirements ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.password-requirements li{font-size:.85rem;color:#6b7280;padding-left:1.5rem;position:relative;transition:all .2s ease}.password-requirements li:before{content:"○";position:absolute;left:0;color:#d0d3d4;font-weight:700;transition:all .2s ease}.password-requirements li.valid{color:#059669;font-weight:500}.password-requirements li.valid:before{content:"✓";color:#059669}.set-password-submit{margin-top:.5rem;border:none;border-radius:12px;background:#660100;color:#fff;font-weight:700;padding:1rem 1.5rem;cursor:pointer;font-size:1rem;transition:all .2s ease;box-shadow:0 4px 12px #66010040;letter-spacing:.02em}.set-password-submit:disabled{opacity:.6;cursor:not-allowed}.set-password-submit:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 20px #66010059;background:#8f3237}.set-password-submit:not(:disabled):active{transform:translateY(0);box-shadow:0 2px 8px #66010040}.set-password-secondary-action{margin-top:.25rem;border:none;background:none;padding:.35rem 0;color:#660100;font-weight:700;font-size:.9rem;cursor:pointer;text-align:left;align-self:flex-start;text-decoration:underline;text-underline-offset:2px}.set-password-secondary-action:hover:not(:disabled){color:#8f3237}.set-password-secondary-action:disabled{opacity:.55;cursor:not-allowed;text-decoration:none}.set-password-error{color:#660100;background:#66010014;border:1px solid rgba(102,1,0,.2);border-radius:10px;padding:.85rem 1.1rem;font-size:.9rem;font-weight:500;margin:.5rem 0}.set-password-info{color:#0f5132;background:#10b9811a;border:1px solid rgba(16,185,129,.25);border-radius:10px;padding:.85rem 1.1rem;font-size:.9rem;font-weight:500;margin:.5rem 0}.set-password-resend{margin-top:.25rem;border:none;background:transparent;color:#660100;font-weight:700;font-size:.95rem;padding:0;cursor:pointer;text-align:left}.set-password-resend:hover:not(:disabled){text-decoration:underline;color:#8f3237}.set-password-resend:disabled{opacity:.6;cursor:not-allowed;text-decoration:none}.set-password-help{margin-top:1.25rem;font-size:.9rem;color:#4a4a4a;text-align:center;line-height:1.5}.set-password-link{color:#660100;font-weight:700;text-decoration:none;transition:all .2s ease}.set-password-link:hover{text-decoration:underline;color:#8f3237}.set-password-back-button{width:100%;margin-top:1.5rem;border:2px solid #660100;border-radius:12px;background:transparent;color:#660100;font-weight:600;padding:.9rem 1.5rem;cursor:pointer;font-size:1rem;transition:all .2s ease}.set-password-back-button:hover{background:#660100;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #66010033}.set-password-actions{margin-top:1.5rem}.success-icon{width:64px;height:64px;margin:.75rem auto 1rem;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;font-weight:700;box-shadow:0 8px 16px #10b9814d;animation:successPulse .6s ease-out}@keyframes successPulse{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite}.skeleton-text{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite;border-radius:4px;display:inline-block}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:480px){.set-password-page{padding:1rem}.set-password-card{padding:2rem 1.5rem;border-radius:20px}.set-password-card__header h1{font-size:1.85rem}.set-password-form{gap:.85rem}}.unauthorized{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f8fafc;padding:2rem;text-align:center}.unauthorized-card{background:#fff;padding:2.5rem;border-radius:16px;max-width:480px;width:100%;box-shadow:0 30px 60px #0f172a1f}.unauthorized-card h1{margin-bottom:1rem;font-size:2rem;color:#0f172a}.unauthorized-card p{color:#475569;margin-bottom:1.5rem;line-height:1.6}.unauthorized-btn{display:inline-block;background:#facc15;color:#0f172a;padding:.85rem 1.5rem;border-radius:999px;font-weight:600;text-decoration:none;transition:transform .15s ease}.unauthorized-btn:hover{transform:translateY(-2px)}#root{width:100%;margin:0 auto;padding:0;text-align:center;font-family:var(--font-sans);height:100vh;height:100dvh;overflow:hidden;box-sizing:border-box}.app-root{display:flex;width:100%;min-height:100vh;min-height:100dvh;background:#fff}.app-main{margin-left:265px;flex:1;display:flex;flex-direction:column;width:calc(100% - 265px);max-width:calc(100vw - 265px);min-height:0;overflow:hidden;box-sizing:border-box;background:#fff}.app-main-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem 2rem 2rem;padding-bottom:max(2rem,env(safe-area-inset-bottom,0))}.sidebar.collapsed+.app-main{margin-left:36px;width:calc(100% - 36px);max-width:calc(100vw - 36px);overflow-x:hidden}@media(min-width:769px)and (max-width:1024px){.app-main{margin-left:0!important;width:100%!important;max-width:100%!important}.sidebar.closed+.app-main,.sidebar.collapsed+.app-main,.sidebar:not(.collapsed)+.app-main{margin-left:0!important;width:100%!important;max-width:100%!important}}@media(max-width:768px){.app-main{margin-left:0!important;width:100%!important;max-width:100%!important;transition:margin-left .3s ease}.app-main-content{padding:1rem;padding-top:max(1rem,env(safe-area-inset-top,0));padding-bottom:max(1rem,env(safe-area-inset-bottom,0));padding-left:max(1rem,env(safe-area-inset-left,0));padding-right:max(1rem,env(safe-area-inset-right,0))}.sidebar.collapsed+.app-main,.sidebar:not(.collapsed)+.app-main{margin-left:0!important;width:100%!important;max-width:100%!important}}@media(max-width:480px){.app-main-content{padding:.75rem}.sidebar.collapsed+.app-main,.sidebar:not(.collapsed)+.app-main{margin-left:0!important;width:100%!important;max-width:100%!important}}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-top:1rem;margin-left:24px!important}.quick-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--card-bg, #f8fafc);border-radius:8px;color:var(--panel-fg, #0f1724);text-decoration:none;border:1px solid rgba(15,23,42,.06);transition:transform .12s ease,box-shadow .12s ease}.quick-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0f172a0f}.quick-icon{font-size:1.6rem}.quick-title{font-weight:600}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.auth-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#0f172a}.auth-loading__spinner{width:42px;height:42px;border:4px solid rgba(15,23,42,.1);border-top-color:#facc15;border-radius:50%;animation:auth-spin .85s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}