*{box-sizing:border-box;margin:0;padding:0}:root{--glass-bg:#ffffff14;--glass-border:#ffffff2e;--glass-shadow:0 8px 32px #0000005e;--blur:blur(12px);--purple:#7c3aed;--cyan:#06b6d4;--pink:#ec4899;--gold:#f59e0b;--green:#10b981}body{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:linear-gradient(135deg,#0f0c29 0%,#302b63 50%,#24243e 100%);min-height:100vh;font-family:Segoe UI,system-ui,sans-serif}#root{min-height:100vh}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}.glass-dark{-webkit-backdrop-filter:var(--blur);box-shadow:var(--glass-shadow);background:#00000040;border:1px solid #ffffff1a;border-radius:16px}button{cursor:pointer;border:none;font-family:inherit}input,textarea,select{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;outline:none;padding:8px 12px;font-family:inherit}input::placeholder,textarea::placeholder{color:#fff6}input:focus,textarea:focus,select:focus{border-color:var(--cyan);background:#ffffff26}select option{color:#fff;background:#302b63}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:16px 16px 0;padding:16px 32px;display:flex}.header-title{align-items:center;gap:12px;display:flex}.header-title h1{background:linear-gradient(135deg,#06b6d4,#7c3aed,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:700}.header-icon{font-size:2rem}.tab-nav{gap:8px;display:flex}.tab-btn{color:#ffffffb3;background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;padding:8px 20px;font-size:.9rem;font-weight:600;transition:all .2s}.tab-btn:hover{color:#fff;background:#ffffff26}.tab-btn.active{color:#fff;background:#7c3aed80;border-color:#7c3aedcc}.app-main{flex:1;padding:16px}.dashboard{flex-direction:column;gap:20px;display:flex}.dashboard-stats{justify-content:space-around;gap:0;padding:20px;display:flex}.stat-item{flex-direction:column;align-items:center;gap:4px;display:flex}.stat-value{color:#fff;font-size:2rem;font-weight:700}.stat-label{color:#fff9;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.section-title{color:#ffffff80;text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px;font-size:.85rem}.member-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.member-card{cursor:grab;flex-direction:column;align-items:center;gap:12px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.member-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0006}.drag-ghost{opacity:.4}.member-avatar{border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.member-emoji{font-size:2.5rem}.member-info{text-align:center;width:100%}.member-name{color:#fff;font-size:1.1rem;font-weight:700}.member-level{color:#fff9;margin:2px 0 6px;font-size:.75rem}.member-xp{color:#ffffffb3;margin-top:4px;font-size:.8rem}.xp-bar-bg{background:#ffffff1a;border-radius:3px;width:100%;height:6px;overflow:hidden}.xp-bar-fill{border-radius:3px;height:100%;transition:width .5s}.member-actions{gap:8px;width:100%;display:flex}.btn-primary{color:#fff;border-radius:8px;flex:1;padding:8px 12px;font-size:.85rem;font-weight:600;transition:opacity .2s,transform .1s}.btn-primary:hover{opacity:.85;transform:scale(1.02)}.btn-secondary{color:#fffc;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;flex:1;padding:8px 12px;font-size:.85rem;font-weight:600;transition:background .2s}.btn-secondary:hover{background:#ffffff2e}.btn-danger{color:#ef4444;background:#ef444433;border:1px solid #ef444466;border-radius:6px;padding:4px 10px;font-size:.9rem;transition:background .2s}.btn-danger:hover{background:#ef444459}.btn-back{color:#fffc;background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;margin-bottom:16px;padding:8px 16px;font-size:.9rem;transition:background .2s}.btn-back:hover{background:#ffffff2e}.quick-btn{color:#fff;background:#ffffff1a;border:1px solid #ffffff26;border-radius:6px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .15s}.quick-btn:hover{background:#fff3}.dashboard-bottom{grid-template-columns:1fr 1fr;gap:16px;display:grid}.chart-section,.missions-section{padding:20px}.chart-section h3,.missions-section h3{color:#ffffffe6;margin-bottom:14px;font-size:1rem}.mission-progress-list{flex-direction:column;gap:12px;display:flex}.mission-item{background:#ffffff0a;border-radius:8px;padding:10px}.mission-item.done{background:#10b98114}.mission-row{justify-content:space-between;margin-bottom:6px;font-size:.85rem;display:flex}.mission-name{color:#fff;font-weight:600}.mission-xp{color:#fff9;font-size:.8rem}.progress-bg{background:#ffffff14;border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-fill{border-radius:4px;height:100%;transition:width .5s}.progress-pct{color:#ffffff80;text-align:right;margin-top:2px;font-size:.75rem}.empty-hint{color:#fff6;text-align:center;padding:16px;font-size:.85rem}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{width:100%;max-width:400px;padding:28px}.modal h3{margin-bottom:20px;font-size:1.2rem}.modal-form{flex-direction:column;gap:14px;display:flex}.modal-form label{color:#ffffffb3;flex-direction:column;gap:6px;font-size:.85rem;display:flex}.modal-form input,.modal-form select{width:100%}.quick-amounts{flex-wrap:wrap;gap:6px;display:flex}.modal-actions{gap:10px;margin-top:4px;display:flex}.mission-editor{flex-direction:column;gap:20px;display:flex}.mission-create{padding:24px}.mission-create h3{margin-bottom:16px;font-size:1rem}.mission-form{flex-direction:column;gap:12px;display:flex}.mission-name-input{width:100%;font-size:1rem}.mission-goal-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mission-goal-row label{color:#ffffffb3;white-space:nowrap;font-size:.85rem}.mission-goal-input{width:100px}.preset-btns{flex-wrap:wrap;gap:6px;display:flex}.missions-list h3{color:#ffffffe6;margin-bottom:14px;font-size:1rem}.mission-card{margin-bottom:12px;padding:16px;transition:transform .15s}.mission-card.mission-done{border-color:#10b98166}.mission-card-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.mission-edit-name{flex:1;font-size:.95rem;font-weight:600}.mission-card-meta{color:#fff9;white-space:nowrap;align-items:center;gap:8px;font-size:.8rem;display:flex}.mission-goal-edit{color:#fff9;align-items:center;gap:10px;font-size:.8rem;display:flex}.mission-goal-small{width:80px;padding:4px 8px;font-size:.85rem}.mission-collected{margin-left:auto}.member-detail{max-width:700px;margin:0 auto}.detail-card{padding:28px}.detail-header{align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.detail-avatar-wrap{flex-direction:column;align-items:center;gap:10px;display:flex}.detail-avatar{border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;display:flex}.detail-emoji{font-size:3.5rem}.emoji-picker{flex-wrap:wrap;gap:4px;max-width:180px;display:flex}.emoji-btn{background:#ffffff12;border-radius:4px;padding:4px;font-size:1.2rem;transition:background .15s}.emoji-btn:hover{background:#ffffff2e}.detail-info{flex:1}.detail-name-input{color:#fff;background:0 0;border:none;border-bottom:2px solid #fff3;border-radius:0;width:100%;margin-bottom:8px;padding:4px 0;font-size:1.6rem;font-weight:700}.detail-name-input:focus{border-bottom-color:var(--cyan)}.detail-level{color:#fff9;margin-bottom:10px;font-size:.9rem}.detail-xp-bar{flex-direction:column;gap:4px;display:flex}.xp-next{color:#ffffff80;font-size:.75rem}.detail-add-xp{border-top:1px solid #ffffff1a;margin-bottom:20px;padding-top:20px}.detail-add-xp h4{color:#ffffffb3;margin-bottom:12px;font-size:.9rem}.add-xp-row{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.xp-input{width:90px}.add-xp-row select{flex:1;min-width:160px}.detail-missions h4{color:#ffffffb3;margin-bottom:12px;font-size:.9rem}.detail-mission-item{align-items:center;gap:10px;margin-bottom:8px;font-size:.85rem;display:flex}.detail-mission-item span:first-child{color:#fffc;min-width:140px}.mission-xp-small{color:#ffffff80;text-align:right;min-width:70px;font-size:.75rem}@media (width<=768px){.app-header{margin:8px 8px 0;padding:12px 16px}.header-title h1{font-size:1.1rem}.app-main{padding:8px}.dashboard-bottom{grid-template-columns:1fr}.member-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.detail-header{text-align:center;flex-direction:column;align-items:center}}