@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--primary: #0ea5e9;--primary-hover: #0284c7;--bg: #f5f5f7;--card-bg: rgba(255, 255, 255, .85);--text: #1a1a2e;--text-muted: #6b7280;--glass-border: rgba(0, 0, 0, .08);--gold-gradient: linear-gradient(135deg, #0ea5e9, #38bdf8);--sports-bg: #ffedd5;--sports-text: #c2410c;--sports-border: #fdba74;--culture-bg: #f0fdf4;--culture-text: #15803d;--culture-border: #86efac}body{margin:0;padding:0;background-color:var(--bg);color:var(--text);font-family:Outfit,sans-serif;min-height:100vh;background-image:radial-gradient(ellipse 130% 90% at 8% 0%,rgba(14,165,233,.06) 0%,transparent 50%),radial-gradient(ellipse 110% 75% at 100% 100%,rgba(56,189,248,.05) 0%,transparent 58%);background-attachment:fixed}.container{max-width:1280px;margin:0 auto;padding:2rem 2rem 4rem}h1,h2,h3{letter-spacing:-.5px}h1,.hero-title{font-weight:800;color:var(--text)}.logo{font-weight:800;background:var(--gold-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}h1{font-size:2.5rem;margin-bottom:2rem;text-align:center}.hero-title{font-size:3.5rem;margin-bottom:3rem}.logo{font-size:1.8rem}.card{background:var(--card-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:1.25rem;padding:1.75rem;box-shadow:0 4px 20px #00000012;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s ease}.card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0000001a;border-color:#4f46e533}.glass{background:#ffffffe6;border:1px solid var(--glass-border);box-shadow:0 2px 12px #0000000f}.form-group{display:flex;gap:.75rem;margin-bottom:2rem}input,select,textarea{width:100%;background:#fff;border:1px solid #d1d5db;border-radius:.75rem;padding:.85rem 1.25rem;color:var(--text);font-family:inherit;font-size:1rem;outline:none;box-sizing:border-box;transition:all .2s ease}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e526}.form-item{margin-bottom:1.5rem}.form-item label{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:.45rem;font-weight:600;text-transform:uppercase;letter-spacing:.8px}.form-note{font-size:.85rem;color:#b45309;background:#fef3c7;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1.5rem}.locked{opacity:.5;cursor:not-allowed;background:#f3f4f6!important;border-color:#e5e7eb!important}button,button.primary{background:var(--gold-gradient);color:#fff;border:none;border-radius:.75rem;padding:.75rem 1.5rem;font-weight:700;font-size:1rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #4f46e540;letter-spacing:.3px;white-space:nowrap;min-height:44px}button:hover,button.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4f46e559;filter:brightness(1.08)}button:active{transform:translateY(1px);box-shadow:0 1px 6px #4f46e533}button:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.4);box-shadow:none;transform:none}.ghost-btn,.ghost,.logout-btn,.profile-btn{background:transparent;border:1.5px solid #d1d5db;color:var(--text);box-shadow:none;font-weight:600;border-radius:.75rem;padding:.75rem 1.25rem;min-height:44px}.ghost-btn:hover,.ghost:hover,.logout-btn:hover,.profile-btn:hover{background:#f3f4f6;border-color:#9ca3af;transform:translateY(-1px);box-shadow:none}.ghost-sm,.ghost-btn-sm{background:transparent;border:1.5px solid #d1d5db;color:var(--text-muted);box-shadow:none;font-weight:600;padding:.4rem .85rem;font-size:.82rem;border-radius:.5rem;min-height:34px}.ghost-sm:hover,.ghost-btn-sm:hover{background:#f3f4f6;border-color:#9ca3af;transform:none;box-shadow:none}.primary-sm{background:var(--gold-gradient);color:#fff;padding:.4rem .85rem;font-size:.82rem;border-radius:.5rem;min-height:34px;box-shadow:0 1px 6px #4f46e533}.primary-sm:hover{box-shadow:0 3px 12px #4f46e54d}.danger,.danger-sm{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff}.danger{padding:.75rem 1.5rem;min-height:44px;border-radius:.75rem}.danger-sm{padding:.4rem .85rem;font-size:.82rem;border-radius:.5rem;min-height:34px}.danger:hover,.danger-sm:hover{box-shadow:0 4px 16px #ef444459}.main-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.header-tabs{background:#f3f4f6;padding:.3rem;border-radius:2rem;border:1px solid #e5e7eb}.tab-btn{background:transparent;color:var(--text-muted);border:none;box-shadow:none;padding:.5rem 1.25rem;border-radius:1.5rem;font-size:.9rem;font-weight:600;text-transform:none;min-height:auto}.tab-btn:hover{color:var(--text);transform:none;box-shadow:none}.tab-btn.active{background:#fff;color:var(--primary);box-shadow:0 1px 6px #0000001a}.header-actions{display:flex;align-items:center;gap:.75rem}.header-actions button,.profile-btn,.logout-btn{padding:.4rem .9rem;font-size:.82rem;min-height:36px;border-radius:.6rem}.full-width{width:100%}.center-text{text-align:center}.flex-between{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.flex-gap{display:flex;gap:.75rem;align-items:center}.section{margin-bottom:4rem}.section-title{font-size:1.4rem;font-weight:700;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;color:var(--text)}.pulse-dot{width:10px;height:10px;background:#10b981;border-radius:50%;box-shadow:0 0 #10b98199;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #10b98199}70%{transform:scale(1);box-shadow:0 0 0 8px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.active-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.dashboard-main-grid{display:grid;grid-template-columns:1fr;gap:2.5rem}@media (min-width: 1024px){.dashboard-main-grid{grid-template-columns:1.2fr .8fr;align-items:start}}.circle-list,.res-list{display:flex;flex-direction:column;gap:.75rem}.circle-item{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:1.25rem;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;transition:all .2s;min-height:180px}.circle-info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;align-items:flex-start;cursor:pointer}.circle-info strong{font-size:1.1rem;line-height:1.4;word-break:break-all}.circle-item{position:relative;overflow:hidden}.circle-item:before{content:"";position:absolute;top:0;left:0;bottom:0;width:5px;background:transparent;z-index:2}.circle-item.sports:before{background:var(--sports-border)}.circle-item.culture:before{background:var(--culture-border)}.circle-item:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 8px #0000000f}.res-item{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:.9rem 1.1rem;display:flex;justify-content:space-between;align-items:center;transition:all .2s}.res-item:hover{background:#f9fafb;border-color:#d1d5db}.circle-name{font-weight:700;font-size:1rem;color:var(--text)}.category-tag,.member-tag{display:inline-flex;width:fit-content;font-size:.7rem;padding:.1rem .4rem;border-radius:4px;font-weight:700;white-space:nowrap}.logo-container{display:flex;align-items:center;gap:.4rem;justify-content:center}.logo-img{width:80px;height:80px;border-radius:12px;object-fit:cover}.logo-text{font-size:3rem;font-weight:800;letter-spacing:-.025em;color:#15803d}.user-list-main{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap}.user-list-circles{font-size:.8rem;opacity:.7;font-weight:400}@media (max-width: 640px){.admin-user-table thead{display:none}.admin-user-table tr{display:grid;grid-template-columns:1fr 90px 50px;align-items:center;padding:.6rem 0;gap:.5rem;border-bottom:1px solid rgba(0,0,0,.05)!important}.admin-user-table td{padding:0!important;min-width:0}.admin-user-table td:not(:nth-child(2)){overflow:visible}.admin-user-table td:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-user-table .mobile-label{display:none}.user-list-main{display:flex;flex-direction:column;gap:.1rem;min-width:0}.user-list-circles{font-size:.7rem;opacity:.6;overflow:hidden;text-overflow:ellipsis}.admin-user-table td:nth-child(1){display:none}}.category-tag{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.category-tag.sports,span.category-tag[data-cat=運動部]{background:var(--sports-bg);color:var(--sports-text);border-color:var(--sports-border)}.category-tag.culture,span.category-tag[data-cat=文化部]{background:var(--culture-bg);color:var(--culture-text);border-color:var(--culture-border)}.member-tag{background:#e0e7ff;color:#3730a3;border:none}.active-card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:1.1rem 1.25rem;min-height:4.5rem;box-shadow:0 2px 8px #0000000d;cursor:pointer;transition:all .2s}.active-card:hover{box-shadow:0 6px 16px #0000001a;transform:translateY(-3px)}.active-card .location,.active-card .time{margin:.25rem 0 0;font-size:.9rem;color:var(--text-muted)}.timeline{display:flex;flex-direction:column;gap:1.5rem;position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:6px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--primary),transparent)}.timeline-item{position:relative;background:#fff;padding:1.25rem;border-radius:1rem;border:1px solid #e5e7eb}.timeline-item .dot{position:absolute;left:-2rem;top:1.5rem;width:10px;height:10px;background:#fff;border:2px solid var(--primary);border-radius:50%}.notification-container{position:fixed;top:2rem;right:2rem;z-index:1000;display:flex;flex-direction:column;gap:1rem}.notification{background:#fff;border:1px solid #e5e7eb;box-shadow:0 8px 24px #0000001f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1rem 1.25rem;border-left:4px solid var(--primary);border-radius:.75rem;min-width:280px;color:var(--text);animation:slideIn .35s cubic-bezier(.175,.885,.32,1.275)}@keyframes slideIn{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:200}.modal-content{width:90%;max-width:450px;animation:modalScale .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes modalScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fav-btn,.fav-btn-inline{background:transparent;border:none;font-size:1.5rem;cursor:pointer;padding:0;color:#d1d5db;transition:all .3s;box-shadow:none;min-height:auto}.fav-btn:hover{transform:scale(1.1);color:#9ca3af}.fav-btn.active,.fav-btn-inline.active{color:#f59e0b}.empty-msg{color:var(--text-muted);text-align:center;padding:3rem 1rem;font-size:1rem;background:#f9fafb;border-radius:1rem;border:1px dashed #d1d5db}table{width:100%;border-collapse:separate;border-spacing:0}th{padding:.85rem 1rem;text-align:left;font-size:.8rem;text-transform:uppercase;color:var(--primary);border-bottom:2px solid #e0e7ff;letter-spacing:.5px}td{padding:.85rem 1rem;border-bottom:1px solid #f3f4f6;vertical-align:middle;color:var(--text)}tr:hover td{background:#f9fafb}.center-vh{min-height:100dvh;min-height:100vh;display:flex;align-items:center;justify-content:center}.search-input{width:100%;box-sizing:border-box;margin-bottom:1rem}.mini-form{display:flex;flex-direction:column;gap:.75rem}.tab-btn-sm{background:transparent;color:var(--text-muted);border:none;box-shadow:none;padding:.5rem .75rem;border-radius:1rem;font-size:.85rem;font-weight:600;text-transform:none;opacity:.65;letter-spacing:0;min-height:auto}.tab-btn-sm:hover{color:var(--text);transform:none;box-shadow:none;opacity:1}.tab-btn-sm.active{opacity:1;color:var(--primary);border-bottom:2px solid var(--primary);border-radius:0}.dashboard-header{margin-bottom:1.5rem}.dashboard-header .logo{font-size:1.5rem;margin-bottom:0}.dashboard-tabs{display:flex;gap:.5rem;margin-left:auto;margin-right:.5rem;flex-wrap:wrap;align-items:center;justify-content:flex-end}.admin-tabs{display:flex;gap:.75rem;margin-left:1.5rem;flex-wrap:wrap;align-items:center}.modal-content.glass{background:#fff;padding:1.5rem;border-radius:1rem;border:1px solid #e5e7eb;box-shadow:0 20px 60px #00000026;max-height:90dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}.circle-actions{display:flex;flex-wrap:nowrap;align-items:center;gap:.5rem;margin-top:auto;justify-content:flex-end}@media (max-width: 480px){.circle-actions{flex-wrap:wrap}}.circle-actions .circle-action-btn{min-width:5rem;padding:.4rem .7rem;font-size:.8rem;min-height:34px;border-radius:.5rem;box-sizing:border-box;justify-content:center}.circle-actions .category-tag{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 .8rem;font-size:.8rem;border-radius:.5rem;box-sizing:border-box;white-space:nowrap}.category-tag.representative{background:var(--sports-bg);color:var(--sports-text);border:1px solid var(--sports-border);border-radius:0}.category-tag.pending{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.category-tag.success{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.category-tag.danger{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}button{touch-action:manipulation}@media (max-width: 640px){html{-webkit-text-size-adjust:100%}body{background-attachment:scroll}.container{max-width:100%;padding:1rem max(.75rem,env(safe-area-inset-left)) 1.5rem max(.75rem,env(safe-area-inset-right));padding-top:max(.75rem,env(safe-area-inset-top));padding-bottom:max(1rem,env(safe-area-inset-bottom))}h1{font-size:1.65rem;margin-bottom:1.25rem}.hero-title{font-size:2rem;margin-bottom:1.5rem}.logo-text{font-size:1.25rem}.logo-img{width:32px;height:32px}.card{padding:1.15rem 1.1rem}.section{margin-bottom:2.5rem}.section-title{font-size:1.2rem;margin-bottom:1rem;flex-wrap:wrap}.main-header{flex-wrap:wrap;gap:.75rem;align-items:stretch;margin-bottom:1.5rem}.main-header:not(.dashboard-header){flex-direction:column;align-items:center}.main-header:not(.dashboard-header)>.logo{width:100%;text-align:center}.dashboard-header .logo{font-size:1.25rem;text-align:center;width:100%}.dashboard-tabs{margin-left:0;margin-right:0;width:100%;justify-content:center}.tab-btn-sm{flex:1 1 auto;min-width:0;justify-content:center;padding:.55rem .4rem;font-size:.8rem}.header-actions{width:100%;justify-content:center;flex-wrap:wrap;gap:.5rem}.header-actions .ghost-btn,.header-actions .profile-btn,.header-actions .logout-btn{min-height:40px;padding:.4rem .8rem;font-size:.82rem}.admin-tabs{margin-left:0;width:100%;justify-content:center}.header-tabs{width:100%;justify-content:center}.tab-btn{padding:.45rem .85rem;font-size:.8rem}input,select,textarea{font-size:16px}.active-grid{grid-template-columns:1fr;gap:.85rem}.circle-item{flex-direction:column;align-items:stretch;gap:.65rem;padding:.9rem 1rem}.circle-info{width:100%}.circle-actions{width:100%;justify-content:flex-start}.circle-actions .circle-action-btn{min-height:40px;min-width:0;flex:1 1 30%}.res-item{flex-direction:column;align-items:stretch!important;gap:.65rem}.res-item>div{white-space:normal!important}.notification-container{left:max(.5rem,env(safe-area-inset-left));right:max(.5rem,env(safe-area-inset-right));top:max(.5rem,env(safe-area-inset-top));width:auto}.notification{min-width:0;max-width:100%;padding:.9rem 1rem}.modal-overlay{padding:max(.75rem,env(safe-area-inset-top)) max(.5rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.5rem,env(safe-area-inset-left));align-items:flex-end}.modal-content{width:100%;max-width:none;margin:0 auto}.modal-content.glass{max-height:88vh;max-height:min(88dvh,100%);border-radius:1rem 1rem 0 0}th,td{padding:.6rem .45rem;font-size:.8rem}.form-item label{font-size:.8rem}}@media (max-width: 640px) and (hover: hover){.card:hover{transform:translateY(-2px)}}