*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.sidebar[data-v-b605e61a]{width:240px;height:100vh;background:#f8f9fc;border-right:1px solid #eef0f5;display:flex;flex-direction:column;padding:20px 0;position:fixed;left:0;top:0;z-index:100}.logo-area[data-v-b605e61a]{display:flex;align-items:center;gap:10px;padding:0 24px;margin-bottom:30px}.logo-icon[data-v-b605e61a]{font-size:24px}.logo-text[data-v-b605e61a]{font-size:20px;font-weight:700;background:linear-gradient(135deg,#2563eb,#3b82f6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.menu-group[data-v-b605e61a]{margin-bottom:20px}.group-title[data-v-b605e61a]{font-size:12px;color:#94a3b8;padding:0 24px;margin-bottom:8px}.menu-item[data-v-b605e61a]{display:flex;align-items:center;gap:12px;padding:12px 24px;color:#64748b;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s;border-right:3px solid transparent}.menu-item[data-v-b605e61a]:hover{background:#eef2ff;color:#3b82f6}.menu-item.active[data-v-b605e61a]{background:#e0e7ff;color:#2563eb;border-right-color:#2563eb}.icon[data-v-b605e61a]{font-size:18px;width:24px;text-align:center}.header[data-v-da0a7eb6]{height:64px;background:#fff;border-bottom:1px solid #eef0f5;display:flex;justify-content:space-between;align-items:center;padding:0 32px;position:sticky;top:0;z-index:90}.page-title[data-v-da0a7eb6]{font-size:16px;font-weight:600;color:#1e293b;display:flex;align-items:center}.page-title[data-v-da0a7eb6]:before{content:"";display:inline-block;width:6px;height:6px;background:#3b82f6;border-radius:50%;margin-right:10px}.header-right[data-v-da0a7eb6]{display:flex;align-items:center;gap:16px}.btn-buy[data-v-da0a7eb6]{background:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .2s}.btn-buy[data-v-da0a7eb6]:hover{background:#2563eb}.btn-share[data-v-da0a7eb6]{background:#fff;color:#64748b;border:1px solid #e2e8f0;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.btn-share[data-v-da0a7eb6]:hover{border-color:#cbd5e1;color:#475569}.divider[data-v-da0a7eb6]{width:1px;height:24px;background:#e2e8f0;margin:0 8px}.user-profile[data-v-da0a7eb6]{display:flex;align-items:center;gap:10px}.avatar[data-v-da0a7eb6]{width:32px;height:32px;background:#e0e7ff;color:#3b82f6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.username[data-v-da0a7eb6]{font-size:14px;color:#334155;font-weight:500}.btn-logout[data-v-da0a7eb6]{font-size:12px;color:#94a3b8;background:none;border:none;cursor:pointer}.btn-logout[data-v-da0a7eb6]:hover{color:#ef4444}.main-layout[data-v-2b1f577b]{display:flex;min-height:100vh;background:#f8f9fc}.main-content[data-v-2b1f577b]{flex:1;margin-left:240px;display:flex;flex-direction:column}.page-content[data-v-2b1f577b]{padding:24px 32px;flex:1;overflow-y:auto}.fade-enter-active[data-v-2b1f577b],.fade-leave-active[data-v-2b1f577b]{transition:opacity .2s ease}.fade-enter-from[data-v-2b1f577b],.fade-leave-to[data-v-2b1f577b]{opacity:0}.sidebar[data-v-cacddd53]{width:240px;height:100vh;background:#1e293b;display:flex;flex-direction:column;padding:20px 0;position:fixed;left:0;top:0;z-index:100}.logo-area[data-v-cacddd53]{display:flex;align-items:center;gap:10px;padding:0 24px;margin-bottom:30px}.logo-icon[data-v-cacddd53]{font-size:24px}.logo-text[data-v-cacddd53]{font-size:20px;font-weight:700;background:linear-gradient(135deg,#60a5fa,#a78bfa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.menu-group[data-v-cacddd53]{margin-bottom:20px}.group-title[data-v-cacddd53]{font-size:12px;color:#64748b;padding:0 24px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.menu-item[data-v-cacddd53]{display:flex;align-items:center;gap:12px;padding:12px 24px;color:#cbd5e1;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s;border-right:3px solid transparent}.menu-item[data-v-cacddd53]:hover{background:#ffffff0d;color:#f1f5f9}.menu-item.active[data-v-cacddd53]{background:#60a5fa1a;color:#60a5fa;border-right-color:#60a5fa}.icon[data-v-cacddd53]{font-size:18px;width:24px;text-align:center}.header[data-v-7f5f8efe]{height:64px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;padding:0 32px;position:sticky;top:0;z-index:90}.page-title[data-v-7f5f8efe]{font-size:18px;font-weight:600;color:#1e293b;display:flex;align-items:center}.page-title[data-v-7f5f8efe]:before{content:"";display:inline-block;width:6px;height:6px;background:#60a5fa;border-radius:50%;margin-right:10px}.app-name[data-v-7f5f8efe]{font-size:16px;color:#64748b;margin-left:16px;font-weight:500}.header-right[data-v-7f5f8efe]{display:flex;align-items:center;gap:16px}.invite-code-section[data-v-7f5f8efe]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f8f9fc;border-radius:8px;border:1px solid #e2e8f0}.invite-label[data-v-7f5f8efe]{font-size:13px;color:#64748b;font-weight:500}.invite-code[data-v-7f5f8efe]{font-size:14px;color:#1e293b;font-weight:600;font-family:Courier New,monospace}.btn-copy[data-v-7f5f8efe]{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;font-size:14px}.btn-copy[data-v-7f5f8efe]:hover{background:#e2e8f0}.user-profile[data-v-7f5f8efe]{display:flex;align-items:center;gap:12px}.avatar[data-v-7f5f8efe]{width:40px;height:40px;background:linear-gradient(135deg,#60a5fa,#a78bfa);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.user-info[data-v-7f5f8efe]{display:flex;flex-direction:column;gap:2px}.username[data-v-7f5f8efe]{font-size:14px;color:#1e293b;font-weight:600}.user-role[data-v-7f5f8efe]{font-size:12px;color:#64748b}.btn-logout[data-v-7f5f8efe]{font-size:13px;color:#64748b;background:none;border:none;cursor:pointer;padding:6px 12px;border-radius:6px;transition:all .2s}.btn-logout[data-v-7f5f8efe]:hover{color:#ef4444;background:#fee2e2}.admin-layout[data-v-d5f8b604]{display:flex;min-height:100vh;background:#f8f9fc}.main-content[data-v-d5f8b604]{flex:1;margin-left:240px;display:flex;flex-direction:column}.page-content[data-v-d5f8b604]{padding:24px 32px;flex:1;overflow-y:auto}.fade-enter-active[data-v-d5f8b604],.fade-leave-active[data-v-d5f8b604]{transition:opacity .2s ease}.fade-enter-from[data-v-d5f8b604],.fade-leave-to[data-v-d5f8b604]{opacity:0}.toast-container[data-v-a64917b7]{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;padding:12px 24px;border-radius:50px;box-shadow:0 10px 30px #00000026;display:flex;align-items:center;min-width:300px;max-width:90%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast-content[data-v-a64917b7]{display:flex;align-items:center;gap:12px;width:100%}.icon[data-v-a64917b7]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-weight:700;font-size:14px}.message[data-v-a64917b7]{font-size:15px;font-weight:500;flex:1}.success[data-v-a64917b7]{background:#fffffff2;border:1px solid #e0e0e0;color:#333}.success .icon[data-v-a64917b7]{background:#4caf50;color:#fff}.error[data-v-a64917b7]{background:#fffffff2;border:1px solid #ffcdd2;color:#d32f2f}.error .icon[data-v-a64917b7]{background:#f44336;color:#fff}.info[data-v-a64917b7]{background:#fffffff2;border:1px solid #e0e0e0;color:#333}.info .icon[data-v-a64917b7]{background:#2196f3;color:#fff}.toast-enter-active[data-v-a64917b7],.toast-leave-active[data-v-a64917b7]{transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.toast-enter-from[data-v-a64917b7],.toast-leave-to[data-v-a64917b7]{opacity:0;transform:translate(-50%,-20px)}