:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--page-padding: 30px;--card-radius: 24px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 28px;--ios-blue: #0071e3;--ios-blue-strong: #0063cc;--ios-blue-soft: #e9f3ff;--ios-bg: #f5f5f7;--ios-surface: rgba(255, 255, 255, .78);--ios-surface-strong: #ffffff;--ios-line: rgba(15, 23, 42, .08);--ios-line-strong: rgba(15, 23, 42, .14);--ios-text: #111827;--ios-subtle: #5f6b7b;--shadow-soft: 0 18px 44px rgba(15, 23, 42, .08);--shadow-card: 0 10px 24px rgba(15, 23, 42, .06);--shadow-focus: 0 0 0 3px rgba(0, 113, 227, .14);--control-height: 40px;--control-height-sm: 34px;--table-head-size: 12px;--table-row-padding-y: 13px;--ease-ios: cubic-bezier(.22, 1, .36, 1);--dur-fast: .18s;--dur-normal: .26s}@media(max-width:900px){:root{--page-padding: 20px;--card-radius: 20px}}:root{color-scheme:light;font-family:SF Pro Text,SF Pro Display,PingFang SC,Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--ink-900: var(--ios-text);--ink-700: #1f2937;--ink-500: var(--ios-subtle);--ink-400: #8b92a2;--surface: var(--ios-bg);--surface-strong: var(--ios-surface-strong);--surface-glass: var(--ios-surface);--line: var(--ios-line);--line-strong: var(--ios-line-strong);--primary: var(--ios-blue);--primary-strong: var(--ios-blue-strong);--primary-soft: var(--ios-blue-soft);--danger: #ef4444;--success: #22c55e;--el-font-family: "SF Pro Text", "SF Pro Display", "PingFang SC", "Helvetica Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--el-border-radius-base: var(--radius-sm);--el-border-radius-small: 10px;--el-color-primary: var(--primary);--el-color-primary-light-3: #2f88eb;--el-color-primary-light-5: #5da7f2;--el-color-primary-light-7: #8bc2f7;--el-color-primary-light-8: #b5dafb;--el-color-primary-light-9: #e3f1ff;--el-bg-color-page: transparent;--el-fill-color-blank: #ffffff;--el-fill-color-light: #f3f4f6;--el-border-color: var(--line);--el-border-color-light: var(--line);--el-text-color-primary: var(--ink-900);--el-text-color-regular: var(--ink-700);--el-text-color-secondary: var(--ink-500)}*{box-sizing:border-box}html,body{width:100%;min-height:100%}html{font-size:clamp(14px,.35vw + 12px,16px)}body{margin:0;color:var(--ink-900);background:radial-gradient(1200px 520px at 85% -15%,rgba(0,113,227,.1),transparent 55%),radial-gradient(900px 440px at -10% 110%,rgba(99,102,241,.08),transparent 50%),var(--surface);overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#app{min-height:100vh;height:100vh}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-strong)}.layout-shell{min-height:100vh;height:100vh}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.card{background:linear-gradient(145deg,#ffffffe0,#ffffffb3);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.72);border-radius:var(--card-radius);padding:var(--space-6);box-shadow:var(--shadow-card)}.section-title{font-size:clamp(26px,3vw,40px);font-weight:720;letter-spacing:-.03em;line-height:1.08}.section-subtitle,.page-subtitle{color:var(--ink-500);font-size:14px;line-height:1.55}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}.page-title-wrap{display:grid;gap:4px}.page-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.page-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--ink-500);gap:10px;padding:24px;border-radius:16px}.page-load-error{margin:4px 0 2px;padding:0;border-radius:18px;background:linear-gradient(180deg,#ffffffdb,#ffffffb8);border:1px solid rgba(15,23,42,.07);box-shadow:0 8px 20px #0f172a0d,inset 0 1px #ffffff8c}.page-load-error .el-result__icon{margin-bottom:8px}.page-load-error .el-result__title p{font-size:18px;letter-spacing:-.01em;font-weight:620;color:var(--ink-900)}.page-load-error .el-result__subtitle p{max-width:620px;margin:0 auto;color:var(--ink-500);line-height:1.5;font-size:14px}.page-load-error .el-result__extra{margin-top:10px}.page-load-error .el-button{min-width:116px;height:36px;border-radius:999px}.toolbar-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.app-shell{height:100vh;display:grid;grid-template-columns:286px minmax(0,1fr);overflow:hidden}.sidebar{height:100vh;position:sticky;top:0;display:flex;flex-direction:column;gap:var(--space-6);padding:22px 18px;background:linear-gradient(170deg,#ffffffdb,#ffffff9e);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-right:1px solid rgba(255,255,255,.8);box-shadow:4px 0 20px #0f172a0a}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:8px 8px 2px;font-size:36px;font-weight:760;letter-spacing:-.03em;color:#2d5be3}.sidebar-logo{width:30px;height:30px}.logo-grid{width:36px;height:36px;display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.logo-grid span{border-radius:8px;background:currentColor}.sidebar-menu{display:flex;flex-direction:column;gap:8px;min-height:0;overflow-y:auto;padding-right:4px}.sidebar-menu__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.sidebar-menu__title{padding:0 10px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--ink-400)}.sidebar-link{display:flex;align-items:center;gap:12px;padding:12px 14px;min-height:46px;border-radius:14px;color:#2f3a4f;transition:background var(--dur-fast) var(--ease-ios),color var(--dur-fast) var(--ease-ios),transform var(--dur-fast) var(--ease-ios),box-shadow var(--dur-fast) var(--ease-ios)}.sidebar-link:hover{color:#16387f;background:#0071e317}.sidebar-link.is-active{color:#0f3e8d;background:linear-gradient(140deg,#0071e32e,#0071e314);box-shadow:inset 0 0 0 1px #0071e31f;font-weight:650}.sidebar-footer{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:12px}.sidebar-user{display:flex;align-items:center;gap:12px}.sidebar-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;display:grid;place-items:center;font-weight:700;color:#1e40af;background:linear-gradient(145deg,#dbeafe,#eef6ff);border:1px solid rgba(59,130,246,.2)}.sidebar-avatar img{width:100%;height:100%;object-fit:cover}.sidebar-user__name{font-weight:650;letter-spacing:-.01em}.sidebar-user__role{font-size:12px;color:var(--ink-500)}.sidebar-logout{width:100%}.content-shell{min-width:0;min-height:0;height:100vh;display:flex;flex-direction:column;overflow:hidden}.topbar{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 30px;position:sticky;top:0;z-index:20;flex-shrink:0;background:linear-gradient(160deg,#ffffffc7,#ffffff9e);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.8);box-shadow:0 8px 20px #0f172a0a}.topbar-left{display:flex;flex-direction:column;gap:1px}.topbar-title{margin:0;font-size:18px;line-height:1.2;font-weight:640;letter-spacing:-.02em}.topbar-subtitle{margin:0;color:var(--ink-500);font-size:11px;opacity:.9}.page-container{flex:1;min-height:0;overflow:auto;padding:var(--page-padding);scrollbar-gutter:stable}.page-container>.stack{max-width:1360px;margin:0 auto}.auth-shell{min-height:100%;display:flex;align-items:center;justify-content:center;padding:28px 24px;background:radial-gradient(900px 420px at 50% -5%,rgba(0,113,227,.16),transparent 65%),var(--surface)}@media(max-height:840px){.auth-shell{align-items:flex-start}}.auth-card{width:min(560px,94vw);border-radius:var(--radius-xl);overflow:hidden;border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow-soft);background:#ffffffe6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.auth-card__header{padding:34px 30px;color:#fff;text-align:center;background:linear-gradient(145deg,#1176f0,#0059c8 55%,#0048a6)}.auth-card__title{margin-top:10px;font-size:34px;font-weight:760;letter-spacing:-.03em}.auth-card__subtitle{margin-top:2px;color:#ffffffd6;font-size:14px}.auth-card__body{padding:28px}.auth-brand{display:grid;place-items:center;gap:8px}.auth-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-actions{display:flex;flex-direction:column;gap:12px}.auth-link-row{text-align:center;color:var(--ink-500);font-size:14px}.auth-link-row--right{text-align:right;font-size:13px}.auth-link{color:#1664d9;font-weight:600}.auth-link--spaced{margin-left:4px}.auth-submit{width:100%}.auth-helper-text{margin-top:4px;font-size:12px;color:var(--ink-500)}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:4px}.table-toolbar__filters{flex:1;min-width:0}.table-toolbar__actions{display:flex;align-items:center;gap:var(--space-2)}.table-pagination{display:flex;justify-content:flex-end}.card-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card-item{padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--line);background:linear-gradient(145deg,#fffc,#ffffff9e);transition:transform var(--dur-fast) var(--ease-ios),box-shadow var(--dur-fast) var(--ease-ios),border-color var(--dur-fast) var(--ease-ios)}.card-item:hover{transform:translateY(-1px);box-shadow:0 14px 20px #0f172a12;border-color:#0071e333}.status-dot{width:10px;height:10px;border-radius:999px;display:inline-block;margin-right:8px}.notification-popover{gap:10px;padding:8px;border-radius:18px;border:1px solid rgba(148,163,184,.2);background:linear-gradient(165deg,#fffffff5,#f8fafcdb);box-shadow:0 18px 40px #0f172a1f}.notification-popover__head{display:flex;justify-content:space-between;align-items:center;gap:12px}.notification-popover__title{font-weight:650;font-size:15px;letter-spacing:-.01em}.notification-popover__heading{display:flex;flex-direction:column;gap:2px}.notification-popover__subtitle{font-size:12px;color:var(--ink-400)}.notification-popover__mark{font-weight:600}.notification-popover__list{gap:10px;max-height:320px;overflow-y:auto;padding:2px}.notification-popover__item{padding:12px;display:flex;align-items:center;gap:14px}.notification-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px}.notification-chip__label{font-size:11px;font-weight:700;border-radius:999px;padding:3px 8px}.notification-popover__item-main{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.notification-popover__item-title{font-weight:650;font-size:13px;line-height:1.3}.notification-popover__item-body{color:var(--ink-500);font-size:13px;line-height:1.35}.notification-popover__item-foot{display:flex;justify-content:flex-start;align-items:center}.notification-popover__time{color:var(--ink-400);font-size:12px}.notification-popover__item-action{display:flex;align-items:center}.notification-popover__action{border-radius:999px;padding:4px 10px;font-weight:600;background:#0071e314;border-color:#0071e333;color:#0f3e8d}.notification-popover__action:hover{background:#0071e324;border-color:#0071e34d}.notification-popover__footer{display:flex;justify-content:center;padding:4px 0 2px}.notification-popover__footer-link{width:100%;text-align:center;color:var(--primary);font-weight:600;padding:8px 10px;border-radius:12px;background:#0f172a0a;border:1px solid rgba(148,163,184,.2);transition:background var(--dur-fast) var(--ease-ios),border-color var(--dur-fast) var(--ease-ios)}.notification-popover__footer-link:hover{background:#0f172a14;border-color:#94a3b852}.notification-popover--compact .notification-popover__list{max-height:none}.divider-compact{margin:4px 0}.feed-filters{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.feed-grid{display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.post-card{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius-lg)}.post-card.is-clickable{cursor:pointer}.post-card--list{flex-direction:row;gap:var(--space-4)}.post-card--list .media-grid{width:220px;min-width:220px}.post-card__body{display:flex;flex-direction:column;gap:8px;padding-top:12px}.post-card__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.post-card__meta,.post-card__recap{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--ink-500)}.post-card__title{font-size:18px;font-weight:700;letter-spacing:-.01em}.post-card__excerpt{color:var(--ink-500);font-size:14px}.post-stats{display:inline-flex;align-items:center;gap:12px;font-size:12px;color:var(--ink-500)}.post-stats span{display:inline-flex;align-items:center;gap:4px}.media-grid{display:grid;gap:6px;position:relative}.media-thumb,.media-thumb .el-image__inner{width:100%;height:180px;object-fit:cover;border-radius:14px}.media-overlay{position:absolute;right:12px;bottom:12px;border-radius:999px;padding:4px 10px;background:#0f172ab3;color:#fff;font-size:12px;font-weight:700}.media-fallback{display:grid;place-items:center;height:180px;color:var(--ink-400);border-radius:14px;background:#0f172a0f}.profile-card{display:grid;grid-template-columns:120px 1fr;gap:var(--space-6);align-items:center}.profile-avatar{width:100px;height:100px;border-radius:50%;overflow:hidden;position:relative;display:grid;place-items:center;font-size:36px;font-weight:700;color:#1d4ed8;border:1px solid rgba(59,130,246,.25);background:linear-gradient(145deg,#dbeafe,#eff6ff)}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar--editable{cursor:pointer;transition:transform var(--dur-fast) var(--ease-ios),box-shadow var(--dur-fast) var(--ease-ios)}.profile-avatar--editable:hover{transform:translateY(-2px);box-shadow:0 14px 24px #0071e333}.profile-avatar__input{position:absolute;inset:0;opacity:0;width:100%;height:100%;z-index:2;cursor:pointer}.profile-avatar__action{position:absolute;right:7px;bottom:7px;display:inline-flex;align-items:center;gap:6px;pointer-events:none;padding:4px 9px 4px 6px;border-radius:999px;font-size:11px;font-weight:700;color:#1f2937;background:#fffffff2;border:1px solid rgba(15,23,42,.08);box-shadow:0 8px 16px #0f172a24}.profile-avatar__action-dot{width:16px;height:16px;border-radius:999px;background:var(--primary);position:relative}.profile-avatar__action-dot:after{content:"";position:absolute;inset:4px;border-radius:2px;background:#fff;transform:rotate(45deg)}.profile-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.profile-label{font-size:12px;color:var(--ink-500)}.profile-value{margin-top:4px;font-size:16px;font-weight:620}.welcome-banner{background:linear-gradient(140deg,#0f7bef,#005cc8 60%,#004ca9);color:#fff;border-radius:var(--radius-lg);padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);box-shadow:0 18px 34px #0057bc38}.welcome-title{font-size:30px;font-weight:720;letter-spacing:-.02em}.welcome-subtitle{margin-top:4px;color:#ffffffd6}.event-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.event-card{padding:18px 20px;border:1px solid var(--line);box-shadow:0 10px 24px #0f172a0f}.el-button{height:var(--control-height);min-height:var(--control-height);padding:0 16px;border-radius:999px;font-weight:610;letter-spacing:-.01em;border-color:#0f172a1f;transition:transform var(--dur-fast) var(--ease-ios),box-shadow var(--dur-fast) var(--ease-ios),border-color var(--dur-fast) var(--ease-ios),background-color var(--dur-fast) var(--ease-ios),color var(--dur-fast) var(--ease-ios)}.el-button--small{height:var(--control-height-sm);min-height:var(--control-height-sm);padding:0 12px;font-size:12px}.el-button--large{height:44px;min-height:44px;padding:0 20px}.el-button:hover{transform:translateY(-1px)}.el-button:active{transform:translateY(0)}.el-button--primary{border:none;color:#fff;box-shadow:0 8px 18px #0071e345;background:linear-gradient(140deg,#0f7bef,#0067d7 62%,#005cc1)}.el-button--primary:hover{box-shadow:0 12px 24px #0071e352}.el-button--default,.el-button.is-plain{color:#1f2937;border-color:#0f172a24;background:#ffffffb8}.el-button--default:hover,.el-button.is-plain:hover{border-color:#0071e361;background:#fffffff2}.el-button--danger.el-button--plain{color:#d03050;border-color:#d0305052;background:#fff0f4cc}.el-button [class*=el-icon]+span,.el-button span+[class*=el-icon]{margin-left:6px}.el-input__wrapper,.el-textarea__inner,.el-select__wrapper,.el-date-editor.el-input,.el-date-editor.el-input__wrapper{border-radius:14px!important;background:#ffffffe0;box-shadow:0 1px #ffffffe6 inset}.el-input__wrapper,.el-select__wrapper,.el-date-editor.el-input__wrapper,.el-input-number,.el-input-number .el-input__wrapper,.el-input-number__decrease,.el-input-number__increase{min-height:var(--control-height)}.el-input__wrapper,.el-select__wrapper,.el-textarea__inner,.el-date-editor,.el-input-number,.el-input-number__decrease,.el-input-number__increase{border:1px solid var(--line);transition:border-color var(--dur-fast) var(--ease-ios),box-shadow var(--dur-fast) var(--ease-ios)}.el-input__wrapper:hover,.el-select__wrapper:hover,.el-textarea__inner:hover,.el-date-editor:hover,.el-input-number:hover{border-color:#0071e347}.el-input__wrapper.is-focus,.el-select__wrapper.is-focused,.el-textarea__inner:focus,.el-input-number:focus-within,.el-date-editor.is-active,.el-date-editor:focus-within{border-color:#0071e373;box-shadow:var(--shadow-focus)}.el-form-item__label{font-weight:600;color:#3f4b62}.el-card,.el-popover,.el-dropdown-menu,.el-dialog,.el-drawer,.el-tooltip__popper,.el-select-dropdown{border-radius:var(--radius-md)!important}.el-dialog,.el-drawer,.el-popover{background:#ffffffeb;border:1px solid rgba(255,255,255,.84);box-shadow:var(--shadow-soft);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.el-table{--el-table-header-bg-color: rgba(247, 248, 252, .9);--el-table-tr-bg-color: transparent;--el-table-row-hover-bg-color: rgba(0, 113, 227, .06);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--line);background:#ffffffd6}.el-table th.el-table__cell{font-weight:650;color:#42516d;font-size:var(--table-head-size);letter-spacing:.05em;text-transform:uppercase;padding-top:11px;padding-bottom:11px}.el-table td.el-table__cell{color:#27364f;padding-top:var(--table-row-padding-y);padding-bottom:var(--table-row-padding-y)}.el-tag{border-radius:999px;font-weight:600;padding-inline:10px}.el-alert{border-radius:14px;border:1px solid transparent}.el-alert--error{background:#fef2f2e6;border-color:#ef444438}.el-alert--success{background:#f0fdf4f5;border-color:#22c55e38}.el-badge__content.is-dot{width:8px;height:8px;border:2px solid #fff}.el-pagination{--el-pagination-button-height: 34px;--el-pagination-hover-color: var(--primary)}.el-pagination .btn-next,.el-pagination .btn-prev,.el-pagination .el-pager li{border-radius:999px}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{border-radius:999px;background:#6b72803d;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#6b72805c;background-clip:padding-box}.card,.card-item,.sidebar-link,.el-button,.el-input__wrapper,.el-select__wrapper,.el-textarea__inner,.el-table__row{animation:fadeInUp var(--dur-normal) var(--ease-ios)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1080px){.app-shell{grid-template-columns:254px 1fr}.topbar{padding:12px 20px}}@media(max-width:900px){body{overflow:auto}.app-shell{height:auto;grid-template-columns:1fr;overflow:visible}.sidebar{position:static;height:auto;padding:14px 14px 8px;overflow:visible;border-right:none;border-bottom:1px solid var(--line)}.sidebar-brand{font-size:30px}.sidebar-menu{max-height:none}.content-shell{height:auto;overflow:visible}.topbar{position:static;min-height:62px;padding:10px 14px}.page-container{overflow:visible;flex:none;padding:var(--page-padding)}.auth-card__header,.auth-card__body{padding:20px}.auth-grid-2,.profile-card{grid-template-columns:1fr}.profile-card{justify-items:start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}