:root{--dashboard-bg:#f5f8fb;--dashboard-card:#fff;--dashboard-muted:#6b7280;--dashboard-accent:#0f766e;--dashboard-primary:#2563eb;--dashboard-glass:hsla(0,0%,100%,.75);--dashboard-border:#eef4f6;--dashboard-shadow-sm:0 1px 2px rgba(15,23,42,.04);--dashboard-shadow:0 8px 30px rgba(15,23,42,.04);--dashboard-shadow-lg:0 12px 40px rgba(2,6,23,.08)}.dashboard-card{background:var(--dashboard-card);border-radius:12px;box-shadow:var(--dashboard-shadow);border:1px solid var(--dashboard-border);transition:all .2s ease}.dashboard-card:hover{box-shadow:var(--dashboard-shadow-lg)}.stat-tile{position:relative;background:linear-gradient(180deg,#fff,#fbfdff);padding:14px 18px;border-radius:12px;box-shadow:0 6px 18px rgba(2,6,23,.03);display:flex;flex-direction:column;justify-content:center;transition:all .2s ease}.stat-tile:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(2,6,23,.06)}.stat-tile .number{font-weight:800;font-size:24px;line-height:1;color:#0f172a}.stat-tile .label{font-size:13px;color:var(--dashboard-muted);margin-top:6px;font-weight:500}.stat-tile.highlight{border:1px solid rgba(16,185,129,.12);box-shadow:0 10px 30px rgba(16,185,129,.08);padding-left:24px;position:relative}.stat-tile.highlight:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:6px;border-radius:12px 0 0 12px;background:linear-gradient(180deg,#34d399,#059669);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.22)}.school-logo{width:44px;height:44px;border-radius:8px;background:linear-gradient(180deg,#eef6ff,#e6f7ff);color:var(--dashboard-primary);justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.event-list-item,.school-logo{display:flex;align-items:center}.event-list-item{justify-content:space-between;padding:12px 0;border-bottom:1px dashed #f0f4f8}.event-list-item:last-child{border-bottom:none}.resource-list-item{padding:10px 0;border-bottom:1px dashed #f0f4f8;cursor:pointer;transition:all .2s ease}.resource-list-item:hover{padding-left:8px;color:var(--dashboard-primary)}.resource-list-item:last-child{border-bottom:none}.btn-dashboard-primary{background:linear-gradient(90deg,#0f62ff,#2563eb);color:#fff;padding:8px 16px;border-radius:8px;font-weight:700;font-size:14px;border:none;cursor:pointer;box-shadow:0 6px 18px rgba(37,99,235,.12);transition:all .2s ease}.btn-dashboard-primary:hover{box-shadow:0 8px 24px rgba(37,99,235,.18);transform:translateY(-1px)}.btn-dashboard-ghost{background:#fff;border:1px solid #e6eefc;color:var(--dashboard-primary);padding:8px 16px;border-radius:8px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-dashboard-ghost:hover{background:#f8fafc;border-color:var(--dashboard-primary)}.btn-dashboard-outline{background:transparent;border:1px solid #e6eefc;color:var(--dashboard-primary);padding:8px 16px;border-radius:8px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-dashboard-outline:hover{background:#f8fafc}.qr-wrapper{width:84px;height:84px;display:flex;align-items:center;justify-content:center;margin:12px auto 0}.membership-verified{color:#059669;font-weight:700;font-size:14px}.text-muted{color:#6b7280}.status-pill{padding:6px 12px;border-radius:999px;font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:6px}.status-pill.approved{background:#f1fdf7;color:#059669}.status-pill.pending{background:#fef3c7;color:#d97706}.status-pill.rejected{background:#fef2f2;color:#dc2626}.progress-bar-wrapper{width:100%;height:12px;background:#eef6f0;border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.6)}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#22c55e,#10b981);transition:width .5s ease;border-radius:999px}.dashboard-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:8px 36px 8px 12px;border-radius:8px;border:1px solid #e6eefc;background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%236b7280' d='M6 8L0 0h12z'/></svg>") no-repeat right 10px center;background-size:12px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.02);cursor:pointer;font-size:14px;font-weight:500}.dashboard-select:focus{outline:none;box-shadow:0 6px 18px rgba(37,99,235,.06),0 0 0 4px rgba(37,99,235,.06);border-color:var(--dashboard-primary)}.dashboard-search{padding:10px 16px;border-radius:12px;background:#fff;border:1px solid #eef6ff;width:100%;font-size:14px;transition:all .2s ease}.dashboard-search:focus{outline:none;border-color:var(--dashboard-primary);box-shadow:0 6px 18px rgba(37,99,235,.06),0 0 0 4px rgba(37,99,235,.06)}.dashboard-search::-moz-placeholder{color:var(--dashboard-muted)}.dashboard-search::placeholder{color:var(--dashboard-muted)}.sidebar-nav-item{padding:10px 14px;border-radius:10px;color:#0f172a;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:10px}.sidebar-nav-item:hover{background:#f8fafc}.sidebar-nav-item.active{background:#eef6ff;color:var(--dashboard-primary)}.dashboard-grid-3col{grid-template-columns:280px 1fr 340px}.dashboard-grid-2col,.dashboard-grid-3col{display:grid;gap:20px;max-width:1600px;margin:0 auto;padding:24px}.dashboard-grid-2col{grid-template-columns:280px 1fr}@media (max-width:1280px){.dashboard-grid-3col{grid-template-columns:260px 1fr 300px;gap:16px}.dashboard-grid-2col{grid-template-columns:260px 1fr;gap:16px}}@media (max-width:1024px){.dashboard-grid-2col,.dashboard-grid-3col{grid-template-columns:1fr;gap:12px;padding:12px!important}.dashboard-left-sidebar{display:none!important}.dashboard-right-sidebar{display:block}.dashboard-card{padding:16px!important;border-radius:10px}.dashboard-main-content{padding:0!important}}@media (max-width:768px){.dashboard-grid-3col{gap:8px;padding:8px!important}.stat-tile{padding:10px 14px;border-radius:10px}.stat-tile .number{font-size:18px}.stat-tile .label{font-size:11px;margin-top:4px}.stat-tile.highlight{padding-left:18px}.stat-tile.highlight:before{width:4px;top:6px;bottom:6px}.dashboard-card{padding:12px!important;border-radius:10px;box-shadow:0 4px 12px rgba(15,23,42,.03)}.card-title{font-size:16px}.card-header{margin-bottom:12px}.school-logo{width:32px;height:32px;font-size:11px;border-radius:6px}.event-list-item,.resource-list-item{padding:8px 0}.btn-dashboard-ghost,.btn-dashboard-outline,.btn-dashboard-primary{padding:6px 12px;font-size:13px;border-radius:6px}.sidebar-nav-item{padding:8px 10px;border-radius:8px;font-size:14px}.status-pill{padding:4px 10px;font-size:11px}.qr-wrapper{width:72px;height:72px}body{font-size:14px}.small-text,.text-muted{font-size:12px!important}.dashboard-search{padding:8px 12px;font-size:13px;border-radius:8px}}@media (max-width:480px){.dashboard-grid-3col{gap:6px;padding:6px!important}.dashboard-card{padding:10px!important}.stat-tile{padding:8px 12px}.stat-tile .number{font-size:16px}.stat-tile .label{font-size:10px}.card-title{font-size:14px}.stat-grid-mobile{gap:6px!important}}.text-muted{color:#6b7280!important}.small-text{font-size:13px;color:#6b7280}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-title{font-size:18px;font-weight:700;color:#0f172a;margin:0}*{transition:background-color .2s ease,border-color .2s ease}@media (max-width:768px){.sidebar-nav-item,a,button,input[type=button],input[type=submit]{min-height:44px}}.btn-dashboard-ghost,.btn-dashboard-outline,.btn-dashboard-primary,.sidebar-nav-item,button{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent}@media (max-width:1024px){.dashboard-left-sidebar{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--dashboard-primary);outline-offset:2px}