.sidebar{z-index:1000;background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;height:100vh;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:4px 0 20px #00000005;width:230px!important;min-width:230px!important;overflow:visible!important}.sidebar.collapsed{width:76px!important;min-width:76px!important;overflow:visible!important}.logo-wrapper,.nav-menu,.class-list,.sidebar-footer{width:100%;margin:0!important}.logo-wrapper{justify-content:center;align-items:center;display:flex;padding:32px 0!important}.sidebar-toggle{cursor:pointer;z-index:101;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;line-height:1;transition:right .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:32px;right:-12px;box-shadow:0 2px 8px #0000001a;color:#64748b!important;width:24px!important;height:48px!important;font-size:14px!important}.sidebar.collapsed .sidebar-toggle{color:#64748b!important;width:24px!important;height:48px!important;padding:0!important;font-size:14px!important;right:-12px!important}.logo-wrapper{justify-content:center!important;align-items:center!important;width:100%!important;padding:32px 0!important;display:flex!important}.logo-container{cursor:pointer;white-space:nowrap;gap:12px;justify-content:center!important;align-items:center!important;display:flex!important}.logo-icon{align-items:center;font-size:32px;display:flex}.logo-container h1{color:#1e293b;font-size:20px;font-weight:800;margin:0!important}.nav-menu{flex:1;overflow:hidden}.menu-header{color:#999;text-transform:uppercase;letter-spacing:1px;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:14px;font-weight:600;display:flex}.manage-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px}.nav-menu,.sidebar-footer{flex-direction:column;flex:1;display:flex;padding:0!important}.menu-header{color:#94a3b8;text-transform:uppercase;letter-spacing:1px;margin:0;font-size:11px;font-weight:800;padding:32px 24px 8px!important}.class-list{width:100%;margin:0;padding:0;list-style:none}.class-list li,.nav-item{cursor:pointer;color:#1e293b;box-sizing:border-box;gap:15px;width:100%;font-size:16px;font-weight:800;align-items:center!important;padding:12px 24px!important;display:flex!important}.sidebar.collapsed .menu-header{justify-content:center;display:flex;padding:12px 0!important}.sidebar.collapsed .class-list li,.sidebar.collapsed .nav-item{justify-content:center!important;width:100%!important;padding:12px 0!important}.sidebar.collapsed .class-icon,.sidebar.collapsed .nav-item .icon{justify-content:center;align-items:center;font-size:20px;display:flex;margin:0!important}.user-profile-area{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff6;border:1px solid #fff9;border-radius:16px;align-items:center;gap:10px;margin:10px;padding:12px;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 15px -3px #0000000d}.user-profile-area:hover{background:#fff9;border-color:#fffc;box-shadow:0 8px 20px -5px #0000001a}.user-avatar{background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:22px;display:flex;position:relative;box-shadow:0 3px 8px #00000014}.sync-indicator-dot{z-index:2;border:2px solid #fff;border-radius:50%;width:9px;height:9px;transition:all .3s;position:absolute;bottom:-2px;right:-2px}.sync-indicator-dot.synced{background:#10b981}.sync-indicator-dot.pending{background:#f59e0b}.sync-indicator-dot.syncing{background:#3b82f6;animation:1.2s infinite sync-breathing}@keyframes sync-breathing{0%{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}to{opacity:.7;transform:scale(.9)}}.user-info{flex-direction:column;flex:1;min-width:0;display:flex}.user-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:800;overflow:hidden}.user-school{color:#64748b;white-space:nowrap;font-size:10px}.user-actions-row{flex-direction:column;gap:4px;width:100%;display:flex}.profile-action-btn{cursor:pointer;background:#0000000a;border:1px solid #0000000d;border-radius:8px;justify-content:flex-start;align-items:center;gap:8px;width:100%;padding:6px 12px;transition:all .2s;display:flex}.profile-action-btn .btn-icon{font-size:14px}.profile-action-btn .btn-text{color:#475569;font-size:11px;font-weight:700}.profile-action-btn.sync:hover{background:#3b82f614;border-color:#3b82f633}.profile-action-btn.logout:hover{background:#ef44440d;border-color:#ef444433}.profile-action-btn.sync.syncing .btn-icon{animation:1.2s linear infinite sync-spin}@keyframes sync-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-sync-progress{opacity:.8;background:#3b82f6;height:3px;transition:width .4s;position:absolute;bottom:0;left:0}.sidebar.collapsed .user-profile-area{justify-content:center;align-items:center;padding:10px 0}.sidebar.collapsed .user-actions-row{display:none}.sidebar.collapsed .profile-identity-row{justify-content:center;padding:0}.add-class-btn{color:#94a3b8;margin-top:8px;border:1px dashed #e2e8f0!important}.add-class-btn:hover{border-color:var(--primary)!important;color:var(--primary)!important;background:#fbbf240d!important}.pg-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #ffffff4d;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.pg-card.hoverable:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00000014}.pg-card.selected{border:2px solid var(--primary);background:#ff9f1c0d}.pg-btn{border-radius:calc(var(--radius) * .6);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #0000000d}.pg-btn:active{transform:scale(.95)}.pg-btn:disabled{opacity:.5;cursor:not-allowed}.pg-btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;box-shadow:0 4px 12px #ff9f1c4d}.pg-btn-secondary{background:var(--secondary);color:#fff}.pg-btn-ghost{color:var(--text-main);border:1px solid var(--border);box-shadow:none;background:0 0}.pg-btn-outline{color:var(--primary);border:2px solid var(--primary);box-shadow:none;background:0 0}.pg-btn-batch{background:var(--card-bg);border:1px solid var(--primary);color:var(--primary)}.pg-btn-batch.active{background:var(--primary);color:#fff}.full-width{width:100%}.size-small{padding:6px 12px;font-size:12px}.size-large{padding:14px 28px;font-size:16px}.pet-card{cursor:pointer;flex-direction:column;gap:12px;padding:16px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.pet-card:hover{transform:translateY(-8px)}.pet-visual{background:var(--card-bg);border-radius:var(--radius);justify-content:center;align-items:center;height:140px;display:flex;position:relative;overflow:hidden}.stage-baby .pet-icon{transform:scale(.7)}.stage-growing .pet-icon{transform:scale(.9)}.stage-mature .pet-icon{filter:drop-shadow(0 0 10px #ff9f1c4d);transform:scale(1.1)}.pet-sprite-container{justify-content:center;align-items:center;display:flex;position:relative}.pet-icon{object-fit:contain;width:100px;height:100px;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.bounce-animate{animation:.6s infinite alternate bounce}@keyframes bounce{0%{transform:translateY(0)scale(1)}to{transform:translateY(-10px)scale(.95)}}.heart-effect{font-size:24px;animation:1s ease-out forwards floatUp;position:absolute;top:-20px}@keyframes floatUp{0%{opacity:0;transform:translateY(0)scale(0)}50%{opacity:1;transform:translateY(-20px)scale(1.2)}to{opacity:0;transform:translateY(-40px)scale(1)}}.pet-egg{flex-direction:column;align-items:center;gap:12px;display:flex}.egg-icon{filter:drop-shadow(0 4px 8px #0000001a);font-size:48px}.adopt-btn{background:var(--secondary);color:#fff;border-radius:8px;padding:6px 12px;font-size:14px}.student-name{justify-content:space-between;align-items:center;margin-bottom:2px;font-size:16px;font-weight:700;display:flex}.pet-stats{color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:8px;margin-bottom:8px;font-size:14px;display:flex}.points{font-weight:600}.harvest-btn{z-index:8;white-space:nowrap;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0003;background:var(--primary)!important;color:#fff!important;padding:8px 16px!important;font-size:14px!important;font-weight:800!important}.max-level .pet-visual{border:2px dashed var(--primary);background:linear-gradient(135deg,#ff9f1c1a,#ffd70033)}.max-level .pet-icon{filter:drop-shadow(0 0 15px #ff9f1c80);opacity:.7}.badge-counter{color:var(--primary);z-index:5;background:#fff;border:1px solid #f3f4f6;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:800;transition:all .2s;display:flex;position:absolute;bottom:12px;right:12px;box-shadow:0 4px 10px #0000001a}.badge-counter:hover{background:var(--primary);color:#fff;transform:scale(1.1)}.pet-layer-egg{pointer-events:none;opacity:.8;z-index:10;font-size:60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stage-egg .pet-icon-v2{filter:drop-shadow(0 4px 10px #0000000d);transform:scale(.85)}.points-remaining{color:#6b7280;margin-left:auto;font-size:11px;font-weight:600}.pet-stats{align-items:center;margin-top:4px;display:flex}.stats-left{align-items:center;gap:6px;display:flex}.badge-mini-tag{color:#f59e0b;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:1px 6px;font-size:11px;font-weight:800;transition:all .2s}.badge-mini-tag:hover{background:#fef3c7;border-color:#f59e0b}.points-remaining{white-space:nowrap}.badge-top-fixed{color:#f59e0b;cursor:pointer;z-index:5000;background:#fffffff2;border:1px solid #f3f4f6;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:800;transition:all .2s;position:absolute;top:6px;right:6px;box-shadow:0 4px 12px #00000014}.badge-top-fixed:hover{background:#fffbeb;border-color:#f59e0b;transform:scale(1.1)}.pet-card-v2{background:#fff;border:none;border-radius:20px;flex-direction:column;height:100%;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 15px #0000000a,0 10px 40px #0000000f;padding:0!important;overflow:visible!important}.pet-card-v2:hover{transform:translateY(-6px);box-shadow:0 12px 25px #0000000f,0 20px 60px #00000014}.pet-visual-v2{background:linear-gradient(#f0f2f5 0%,#e2e8f0 100%);border-bottom:none;border-radius:20px 20px 0 0;justify-content:center;align-items:center;height:200px;display:flex;position:relative;box-shadow:inset 0 2px 10px #00000008}.pet-main-container{justify-content:center;align-items:center;display:flex;position:relative}.pet-icon-v2{object-fit:contain;filter:drop-shadow(0 4px 12px #0000000d);width:170px;height:170px;transition:transform .3s}.student-info-v2{flex:1;padding:12px 16px}.info-top-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.student-name-v2{color:#111827;font-size:16px;font-weight:800}.pet-clan-tag{color:#6366f1;background:#eef2ff;border-radius:10px;padding:2px 8px;font-size:10px}.status-row-v2{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.lv-tag{color:#f59e0b;font-size:12px;font-weight:800}.pts-left{color:#9ca3af;font-size:11px}.prog-container-v2{border-radius:3px;height:6px;position:relative;overflow:hidden}.prog-bg-v2{background:#e2e8f0;border-radius:4px;width:100%;height:100%;position:absolute;top:0;left:0}.pts-left-v3{color:#64748b;text-align:right;letter-spacing:-.02em;margin-top:8px;font-size:11px;font-weight:500}.prog-bar-v2{z-index:2;background:linear-gradient(90deg,#f59e0b,#fbbf24);transition:width .5s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:0;bottom:0;left:0}.float-score{z-index:100;pointer-events:none;text-shadow:0 4px 10px #0000001a;font-size:32px;font-weight:900;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.float-score.plus{color:#10b981;animation:1s ease-out forwards floatUpPlus}.float-score.minus{color:#ef4444;animation:1s ease-out forwards floatUpMinus}@keyframes floatUpPlus{0%{opacity:0;transform:translate(-50%,20px)}30%{opacity:1}to{opacity:0;transform:translate(-50%,-100px)}}@keyframes floatUpMinus{0%{opacity:0;transform:translate(-50%,-20px)}30%{opacity:1}to{opacity:0;transform:translate(-50%,60px)}}.pet-egg-layer{opacity:.8;font-size:80px;position:absolute}.harvest-btn-v2{z-index:10;position:absolute;bottom:12px;box-shadow:0 4px 12px #f59e0b66;background:#f59e0b!important;padding:6px 16px!important;font-size:13px!important}.pet-empty-state-v2{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}.pet-empty-state-v2:hover{transform:scale(1.05)}.empty-state-aura{z-index:1;background:radial-gradient(circle,#fbbf2433 0%,#0000 70%);border-radius:50%;width:120px;height:120px;animation:3s ease-in-out infinite adoptPulse;position:absolute}.empty-pet-placeholder{z-index:2;background:#fff;border:2px dashed #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:all .3s;display:flex;position:relative}.pet-empty-state-v2:hover .empty-pet-placeholder{border-style:solid;border-color:#fbbf24;box-shadow:0 10px 25px #fbbf2433}.ghost-egg-img{opacity:.15;filter:grayscale()blur(.5px);width:50px;height:50px;transition:all .3s}.pet-empty-state-v2:hover .ghost-egg-img{opacity:.4;filter:grayscale(.2)blur();transform:scale(1.1)}.plus-sign{color:#fbbf24;opacity:.4;font-size:20px;font-weight:800;transition:all .3s;position:absolute;top:10px;right:10px}.pet-empty-state-v2:hover .paw-icon{opacity:.5;filter:grayscale(0);transform:translateY(-2px)}.adopt-text{color:#94a3b8;letter-spacing:2px;z-index:2;margin-top:16px;font-size:14px;font-weight:800;transition:all .3s}.pet-empty-state-v2:hover .adopt-text{color:#fbbf24}@keyframes adoptPulse{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:.5;transform:scale(1.3)}}.pet-card-v2.level-up-pulse{z-index:20;animation:1.5s ease-out infinite levelUpGlow;border-color:#f59e0b!important}@keyframes levelUpGlow{0%{box-shadow:0 0 #f59e0b00}50%{box-shadow:0 0 30px #f59e0b99}to{box-shadow:0 0 #f59e0b00}}.level-up-tag{color:#fff;z-index:1000;white-space:nowrap;pointer-events:none;background:#f59e0b;border-radius:20px;padding:4px 20px;font-size:14px;font-weight:900;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #f59e0b66}.totem-banner{z-index:2000;background:linear-gradient(135deg,#ea580c,#f97316)}.status-left-v2{align-items:center;gap:8px;display:flex}.coin-tag{color:#d97706;font-size:11px;font-weight:700}.pet-visual-v2.clan-mythical:after{content:"✨";opacity:.2;font-size:32px;animation:4s linear infinite mythSparkle;position:absolute;top:10px;right:10px}@keyframes mythSparkle{0%{opacity:0;transform:translate(-50px,-50px)rotate(0)}50%{opacity:.4}to{opacity:0;transform:translate(150px,150px)rotate(360deg)}}.pet-visual-v2.clan-mountain:before{content:"";opacity:.6;background:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1440 320\"><path fill=\"%23FFFFFF\" fill-opacity=\"0.6\" d=\"M0,224L48,213.3C96,203,192,181,288,181.3C384,181,480,203,576,224C672,245,768,267,864,250.7C960,235,1056,181,1152,165.3C1248,149,1344,171,1392,181.3L1440,192L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z\"></path></svg>") 0 0/50% 100%;width:200%;height:50px;animation:20s linear infinite moveCloud;position:absolute;bottom:0}@keyframes moveCloud{0%{transform:translate(0)}to{transform:translate(-50%)}}.pet-visual-v2.clan-cyber:after{content:"";pointer-events:none;background:linear-gradient(#0000 50%,#22d3ee0d 50%) 0 0/100% 4px;position:absolute;inset:0}.stage-baby img{transform:scale(.8)}.stage-teen img{transform:scale(.95)}.stage-mature img{transform:scale(1.1)}.pet-icon-v2{filter:contrast(1.05)brightness(1.02)drop-shadow(0 4px 15px #00000014);isolation:isolate}.pet-visual-v2:not(.clan-cyber) .pet-icon-v2{filter:contrast(1.2)brightness(1.1)saturate(1.1);mix-blend-mode:multiply!important}.pet-visual-v2.clan-cyber .pet-icon-v2{border-radius:12px;box-shadow:0 0 15px #22d3ee33}.pet-whisper-bubble{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#1e1b4b;white-space:nowrap;z-index:1000;pointer-events:none;background:#fffffff2;border:1px solid #e2e8f0;border-radius:12px;padding:8px 16px;font-size:13px;font-weight:800;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards whisperPop;position:absolute;top:-20px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #0000001a}.bubble-arrow{border-top:6px solid #fff;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}@keyframes whisperPop{0%{opacity:0;transform:translate(-50%,10px)scale(.8)}to{opacity:1;transform:translate(-50%)scale(1)}}.pet-jumping{animation:.5s petJump}@keyframes petJump{0%,to{transform:translateY(0)}40%{transform:translateY(-30px)scale(1.05)}60%{transform:translateY(0)scale(.95)}}.level-up-animate{z-index:50;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards smoothLevelUp}@keyframes smoothLevelUp{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.hatching-ready-shake{cursor:pointer;filter:drop-shadow(0 0 15px #fbbf2466);animation:.4s ease-in-out infinite hatchShake}@keyframes hatchShake{0%,to{transform:rotate(0)scale(1)}25%{transform:rotate(-8deg)translate(-3px)}75%{transform:rotate(8deg)translate(3px)}}.hatch-badge{color:#fff;z-index:10;white-space:nowrap;background:#f59e0b;border-radius:20px;padding:4px 14px;font-size:11px;font-weight:900;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards badgePop;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #f59e0b66}@keyframes badgePop{0%{opacity:0;transform:translate(-50%,10px)scale(.5)}to{opacity:1;transform:translate(-50%)scale(1)}}.hatching-ready-shake:hover{filter:drop-shadow(0 0 25px #fbbf24cc);transform:scale(1.05)}.size-small .pet-visual-v2{height:140px}.size-small .pet-icon-v2{width:110px;height:110px}.size-small .student-info-v2{padding:8px 10px}.size-small .student-name-v2{font-size:14px}.size-small .pet-clan-tag{padding:2px 6px;font-size:9px}.size-small .lv-tag,.size-small .coin-tag{font-size:11px}.size-small .pts-left{font-size:10px}.size-small .empty-state-aura{width:90px;height:90px}.size-small .empty-pet-placeholder{width:60px;height:60px}.size-small .paw-icon{font-size:24px}.size-small .adopt-text{margin-top:8px;font-size:12px}.size-small .level-up-tag{padding:6px 12px;font-size:14px}.size-large .pet-visual-v2{height:280px}.size-large .pet-icon-v2{width:240px;height:240px}.size-large .student-info-v2{padding:16px 20px}.size-large .student-name-v2{font-size:20px}.size-large .pet-clan-tag{padding:4px 10px;font-size:12px}.size-large .lv-tag,.size-large .coin-tag{font-size:14px}.size-large .pts-left{font-size:13px}.size-large .empty-state-aura{width:150px;height:150px}.size-large .empty-pet-placeholder{width:110px;height:110px}.size-large .paw-icon{font-size:48px}.size-large .adopt-text{margin-top:16px;font-size:18px}.size-large .level-up-tag{padding:10px 24px;font-size:20px}.profile-btn-mini{cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;margin-left:6px;font-size:14px;transition:all .2s;display:flex;box-shadow:0 2px 4px #0000000d}.profile-btn-mini:hover{color:#fff;background:#1e293b;transform:scale(1.1)}.student-name-v2{align-items:center;display:flex}.pg-badge{border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:13px;font-weight:600;line-height:normal;display:inline-flex}.pg-badge-primary{color:var(--primary);background:#ff9f1c1a}.pg-badge-secondary{color:var(--secondary);background:#2ec4b61a}.pg-badge-muted{color:var(--text-muted);background:#f1f2f6}.student-profile-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ffffff80;border-radius:30px;flex-direction:column;width:90%;max-width:850px;padding:30px;display:flex;box-shadow:0 30px 60px #00000026}.profile-header{border-bottom:2px solid #f1f5f9;justify-content:space-between;align-items:flex-start;margin-bottom:25px;padding-bottom:20px;display:flex}.profile-title-area h2{color:#1e293b;margin:0;font-size:24px;font-weight:800}.profile-title-area p{color:#64748b;margin:5px 0 0;font-size:14px}.close-btn{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;transition:all .2s;display:flex}.close-btn:hover{color:#1e293b;background:#e2e8f0;transform:rotate(90deg)}.profile-grid{grid-template-columns:1fr;gap:25px;margin-bottom:25px;display:grid}.profile-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:20px}.profile-section h3{color:#334155;align-items:center;gap:8px;margin:0 0 15px;font-size:16px;font-weight:700;display:flex}.stats-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#bae6fd}.stats-row{gap:15px;display:flex}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:15px;flex-direction:column;flex:1;align-items:center;gap:5px;padding:15px;display:flex;box-shadow:0 4px 10px #0000000d}.stat-card.highlight{color:#fff;background:#1e293b;border-color:#334155}.stat-card.highlight .label{color:#94a3b8}.stat-card.highlight .val{color:#f8fafc;font-weight:800}.stat-card .label{color:#64748b;font-size:12px;font-weight:600}.section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.history-list-compact{flex-direction:column;gap:8px;max-height:200px;padding-right:5px;display:flex;overflow-y:auto}.history-item-mini{background:#fff;border:1px solid #f1f5f9;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 15px;font-size:13px;display:flex}.history-item-mini.charge{border-left:4px solid #10b981}.history-item-mini .time{color:#94a3b8;width:80px;font-size:12px}.history-item-mini .reason{color:#334155;flex:1;font-weight:600}.history-item-mini .points{color:#059669;font-weight:800}.status-success{color:#059669;background:#ecfdf5;border-radius:20px;padding:2px 8px;font-size:11px}.profile-footer{border-top:2px solid #f1f5f9;justify-content:center;padding-top:20px;display:flex}.history-list-compact::-webkit-scrollbar{width:4px}.history-list-compact::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.empty-text{text-align:center;color:#94a3b8;padding:20px;font-size:13px}.modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:10000;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:24px;flex-direction:column;max-width:95%;max-height:95vh;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.evaluation-modal-large{flex-direction:column;width:95%;max-width:960px;height:85vh;display:flex}.modal-header-large{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.modal-title-wrap{color:#1f2937;align-items:center;gap:12px;font-size:22px;font-weight:700;display:flex}.student-names-tag{color:#f59e0b;background:#fef3c7;border-bottom:2px dashed #f59e0b;border-radius:10px;padding:4px 14px}.close-btn-round{color:#9ca3af;background:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;transition:all .2s;display:flex}.close-btn-round:hover{color:#4b5563;background:#e5e7eb}.modal-body-eval{flex:1;display:flex;overflow:hidden}.category-sidebar{background:#f9fafb;border-right:1px solid #f3f4f6;flex-direction:column;gap:8px;width:200px;padding:24px 0;display:flex}.cat-tab{color:#6b7280;text-align:left;align-items:center;gap:14px;padding:14px 28px;font-weight:600;transition:all .2s;display:flex}.cat-tab.active{background:var(--primary);color:#fff}.cat-tab:hover:not(.active){background:#f3f4f6}.points-grid-container{flex-direction:column;flex:1;padding:32px;display:flex;overflow-y:auto}.points-items-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;display:grid}.point-item-card{text-align:center;cursor:pointer;border:1px solid #e5e7eb;border-radius:20px;flex-direction:column;align-items:center;gap:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.point-item-card:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:0 10px 30px #ff9f1c26}.item-icon-circle{background:#ff9f1c1a;border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;display:flex}.item-label-text{color:#374151;font-size:16px;font-weight:600}.item-points-tag{border-radius:8px;padding:4px 10px;font-size:13px;font-weight:800;display:inline-block}.item-points-tag.plus{color:#ea580c;background:#fff7ed}.item-points-tag.minus{color:#dc2626;background:#fef2f2}.manual-deduct-footer{color:#9ca3af;border-top:1px solid #f3f4f6;justify-content:center;margin-top:32px;padding-top:24px;font-size:14px;display:flex}.management-modal{flex-direction:column;width:95%;max-width:1040px;height:85vh;display:flex}.modal-body-mgmt{flex:1;display:flex;overflow:hidden}.mgmt-sidebar{background:#f9fafb;border-right:1px solid #f3f4f6;flex-direction:column;width:260px;display:flex}.sidebar-header{color:#374151;justify-content:space-between;align-items:center;padding:24px;font-size:16px;font-weight:700;display:flex}.class-items-list{flex:1;padding:12px;overflow-y:auto}.class-item-row{cursor:pointer;color:#4b5563;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:14px 18px;font-weight:500;transition:all .2s;display:flex}.class-item-row.active{background:var(--primary);color:#fff;box-shadow:0 4px 15px #ff9f1c40}.mgmt-main{background:#fff;flex-direction:column;flex:1;padding:40px;display:flex;overflow:hidden}.mgmt-main-header{margin-bottom:32px}.mgmt-main-header h3{font-size:24px;font-weight:800}.add-student-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:24px;margin-bottom:32px;padding:36px}.add-label{color:#111827;align-items:center;gap:10px;margin-bottom:20px;font-size:18px;font-weight:700;display:flex}.add-student-form{gap:20px;display:flex}.add-student-form input{background:#fff;border:2px solid #e5e7eb;border-radius:16px;flex:1;padding:16px 24px;font-size:16px;transition:all .2s}.add-student-form input:focus{border-color:var(--primary);background:#fff}.btn-add-confirm{background:var(--primary);color:#fff;border-radius:14px;width:52px;height:52px;font-size:28px;box-shadow:0 4px 12px #ff9f1c4d}.students-list-container{flex:1;margin-top:10px;padding-right:10px;overflow-y:auto}.students-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.student-list-item{background:#fff;border:1px solid #f3f4f6;border-radius:16px;align-items:center;gap:14px;padding:14px;transition:all .2s;display:flex;position:relative}.student-list-item:hover{border-color:var(--primary);background:#fffbeb}.student-avatar{color:#fff;background:#6366f1;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:700;display:flex}.student-detail{flex:1;min-width:0}.s-name{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.s-id{color:#9ca3af;margin-top:2px;font-size:12px}.student-actions{opacity:0;gap:8px;transition:opacity .2s;display:flex}.student-list-item:hover .student-actions{opacity:1}.btn-icon-mini{color:#6b7280;background:#fff;border:1px solid #f3f4f6;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:all .2s;display:flex}.btn-icon-mini:hover{color:#1f2937;background:#f3f4f6;transform:translateY(-2px)}.row-actions{gap:12px;margin-left:8px;display:flex}.row-actions button{padding:4px;font-size:16px;transition:transform .2s}.row-actions button:hover{transform:scale(1.2)}.adoption-modal{flex-direction:column;width:90%;max-width:800px;max-height:85vh;padding:32px;display:flex;overflow-y:auto}.pet-selection-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px;margin-top:32px;display:grid}.pet-option{background:#f9fafb;border:2px solid #0000;border-radius:20px;flex-direction:column;gap:16px;padding:24px;display:flex}.pet-option:hover{border-color:var(--primary);background:#fffbeb;transform:translateY(-5px)}.pet-option img{width:100px;height:100px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.hatching-ritual{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#0f172ae6!important}.ritual-loading-content{text-align:center;color:#fff;flex-direction:column;align-items:center;gap:24px;display:flex}.magic-seal-ring{border:2px dashed #10b98166;border-radius:50%;width:240px;height:240px;animation:8s linear infinite seal-rotate;position:absolute}.magic-seal-ring:after{content:"";border:1px solid #10b98133;border-radius:50%;animation:12s linear infinite reverse seal-rotate;position:absolute;inset:-10px}.egg-shaking-visual{z-index:10;justify-content:center;align-items:center;display:flex;position:relative}.ritual-egg-image{object-fit:contain;filter:drop-shadow(0 0 40px #10b98199);width:240px;height:240px;animation:.25s linear infinite egg-shiver}@keyframes seal-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes egg-shiver{0%,to{transform:rotate(-5deg)scale(1)}50%{transform:rotate(5deg)scale(1.1)}}.reveal-ritual{-webkit-backdrop-filter:blur(30px)!important;backdrop-filter:blur(30px)!important;background:radial-gradient(circle,#10b9814d,#0f172af2)!important}.hatch-success-card{text-align:center;background:#ffffffe6;border-radius:40px;width:440px;padding:48px;position:relative;overflow:hidden;box-shadow:0 50px 100px -20px #00000080}.glass-glow{-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);border:1px solid #ffffff80}.revelation-header{margin-bottom:32px}.ritual-tag{letter-spacing:4px;color:#10b981;text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:900;display:block}.revelation-visual{justify-content:center;align-items:center;height:220px;margin-bottom:32px;display:flex;position:relative}.pet-aura-glow{background:var(--aura-color,#10b981);filter:blur(60px);opacity:.4;border-radius:50%;width:180px;height:180px;animation:3s ease-in-out infinite alternate aura-pulse;position:absolute}.floating-pet{z-index:10;width:180px;height:180px;animation:.8s cubic-bezier(.34,1.56,.64,1) ritual-zoom;position:relative}@keyframes ritual-zoom{0%{opacity:0;transform:scale(0)rotate(-45deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes aura-pulse{0%{opacity:.3;transform:scale(.8)}to{opacity:.6;transform:scale(1.2)}}.success-msg{color:#475569;margin-bottom:32px;font-size:16px;line-height:1.6}.student-name{color:#1e293b;font-weight:800}.pet-name{font-weight:900}.ritual-confirm-btn{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:20px;width:100%;padding:18px;font-size:16px;font-weight:800;transition:all .3s;box-shadow:0 15px 30px -10px #10b98180}.ritual-confirm-btn:hover{transform:translateY(-4px);box-shadow:0 20px 40px -10px #10b98199}.confetti-effect{pointer-events:none;width:100%;font-size:24px;animation:3s ease-out forwards confetti-fall;position:absolute;top:20px;left:0}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-50px)}to{opacity:0;transform:translateY(100px)}}.glass-overlay{-webkit-backdrop-filter:blur(12px)saturate(180%);background:#0f172a66;transition:all .4s}.pro-modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #fff6;border-radius:32px;width:480px;padding:40px;animation:.4s cubic-bezier(.34,1.56,.64,1) modalScaleUp;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,0 0 0 1px #0000000d,inset 0 0 0 1px #fff6}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-header-pro{text-align:center;margin-bottom:32px}.modal-header-pro .icon{filter:drop-shadow(0 4px 8px #ff9f1c4d);margin-bottom:12px;font-size:40px;display:block}.modal-header-pro h3{color:#1f2937;letter-spacing:-.5px;margin-bottom:8px;font-size:26px;font-weight:800}.modal-header-pro p{color:#6b7280;font-size:15px}.pro-form{flex-direction:column;gap:24px;display:flex}.input-field{flex-direction:column;gap:8px;display:flex}.input-field label{color:#4b5563;margin-left:4px;font-size:14px;font-weight:700}.input-field input{color:#1f2937;background:#fff;border:2px solid #f3f4f6;border-radius:18px;width:100%;padding:16px 20px;font-size:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-field input:focus{border-color:var(--primary);background:#fff;transform:translateY(-2px);box-shadow:0 0 0 4px #ff9f1c1a}.modal-actions-pro{flex-direction:column;gap:12px;margin-top:12px;display:flex}.btn-confirm-pro{background:var(--primary);color:#fff;border-radius:18px;width:100%;padding:18px;font-size:16px;font-weight:800;transition:all .3s;box-shadow:0 10px 20px -5px #ff9f1c66}.btn-confirm-pro:hover{filter:brightness(1.05);transform:translateY(-3px);box-shadow:0 15px 25px -5px #ff9f1c80}.btn-confirm-pro:active{transform:translateY(-1px)}.btn-cancel-pro{color:#9ca3af;background:0 0;border-radius:16px;width:100%;padding:14px;font-size:14px;font-weight:600;transition:all .2s}.btn-cancel-pro:hover{color:#4b5563;background:#f9fafb}.confirm-overlay{z-index:20000;background:#0f172a99}.confirm-modal-content{text-align:center;background:#fff;border-radius:28px;width:400px;padding:32px;box-shadow:0 30px 60px -12px #0006}.badge-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;max-height:400px;margin-bottom:24px;padding:8px;display:grid;overflow-y:auto}.badge-item{text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:16px;transition:all .3s;display:flex;border:4px solid #f3f4f6!important}.badge-item:hover{transform:translateY(-5px);border-color:var(--primary)!important}.pet-option-visual{background:#f8f9fa;justify-content:center;align-items:center;height:120px;display:flex;position:relative;overflow:hidden}.badge-pet-icon{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;padding:12px;display:flex}.badge-pet-icon img{object-fit:contain;width:100%;height:100%}.badge-name{color:#111827;font-size:14px;font-weight:800}.badge-date{color:#9ca3af;margin-top:4px;font-size:11px}.badge-lvl{margin-top:8px;font-size:10px!important}.empty-badges{text-align:center;color:#9ca3af;grid-column:1/-1;padding:40px}.confirm-icon-wrap{margin-bottom:20px;font-size:48px}.confirm-title{color:#1f2937;margin-bottom:12px;font-size:20px;font-weight:800}.confirm-message{color:#6b7280;margin-bottom:32px;font-size:15px;line-height:1.6}.confirm-actions{gap:12px;display:flex}.confirm-actions button{border-radius:16px;flex:1;padding:14px;font-size:15px;font-weight:700;transition:all .2s}.confirm-btn-cancel{color:#4b5563;background:#f3f4f6}.confirm-btn-cancel:hover{background:#e5e7eb}.confirm-btn-ok.danger{color:#fff;background:#ef4444}.confirm-btn-ok.danger:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.scale-in{animation:.3s cubic-bezier(.34,1.56,.64,1) modalScaleUp}.mgmt-tabs{background:#f3f4f6;border-radius:12px;gap:8px;margin-bottom:24px;padding:4px;display:flex}.mgmt-tabs button{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:8px;flex:1;padding:8px;font-size:14px;font-weight:700;transition:all .2s}.mgmt-tabs button.active{color:var(--primary);background:#fff;box-shadow:0 2px 6px #0000000d}.group-mini-select{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:4px 8px;font-family:inherit;font-size:12px}.group-mgmt-item{background:#f9fafb;border:1px solid #f3f4f6;border-radius:16px;margin-bottom:12px;padding:16px}.group-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.group-name{color:#111827;font-weight:800}.group-student-names{color:#6b7280;font-size:12px;line-height:1.5}.add-group-bar{justify-content:flex-end;margin-bottom:16px;display:flex}.group-actions button{cursor:pointer;background:0 0;border:none;padding:4px}.evaluation-modal{background:#fff;border-radius:24px;width:90%;max-width:800px;padding:0;overflow:hidden}.eval-modal-inner{flex-direction:column;display:flex}.eval-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.eval-student-info{align-items:center;gap:16px;display:flex}.eval-avatar-stack{align-items:center;display:flex}.mini-avatar{background:var(--primary);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-left:-8px;font-size:14px;font-weight:700;display:flex}.mini-avatar:first-child{margin-left:0}.mini-avatar.more{background:#9ca3af}.eval-names{color:#1f2937;font-weight:700}.eval-tabs{gap:12px;padding:24px 32px 0;display:flex}.eval-tab-item{cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:10px 24px;font-weight:700;transition:all .2s}.eval-tab-item.active.plus{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.eval-tab-item.active.minus{color:#dc2626;background:#fef2f2;border-color:#fecaca}.eval-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;padding:24px 32px;display:grid}.eval-item-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:16px;justify-content:space-between;align-items:center;padding:14px 20px;transition:all .2s;display:flex}.eval-item-card.plus{background:#f0fdf4;border-color:#d1fae5}.eval-item-card.minus{background:#fef2f2;border-color:#fee2e2}.eval-item-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.eval-item-label{color:#374151;align-items:center;gap:8px;font-weight:600;display:flex}.eval-item-val{font-family:monospace;font-weight:800}.plus .eval-item-val{color:#059669}.minus .eval-item-val{color:#dc2626}.eval-item-card.custom-add{color:#9ca3af;background:0 0;border-style:dashed;justify-content:center}.eval-footer-stats{background:#f9fafb;gap:24px;padding:20px 32px;display:flex}.stat-pill{color:#6b7280;font-size:14px}.stat-pill strong{color:#111827;margin-left:4px}.evaluation-modal-v2{background:#fff;border-radius:28px;flex-direction:column;width:90%;max-width:850px;display:flex;overflow:hidden;box-shadow:0 12px 40px #00000026}.eval-header-v2{background:#f9fafb;border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.eval-user-info{align-items:center;gap:16px;display:flex}.eval-avatars{align-items:center;display:flex}.mini-avatar-v2{background:var(--primary);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-left:-10px;font-weight:700;display:flex}.mini-avatar-v2:first-child{margin-left:0}.mini-avatar-v2.more{background:#9ca3af}.eval-names-v2{color:#111827;font-size:18px;font-weight:700}.eval-main-nav{display:flex}.main-nav-btn{cursor:pointer;color:#6b7280;background:#f3f4f6;border:none;flex:1;padding:18px;font-size:18px;font-weight:800;transition:all .2s}.main-nav-btn.plus.active{color:#15803d;background:#dcfce7}.main-nav-btn.minus.active{color:#b91c1c;background:#fee2e2}.eval-body-v2{background:#fff;flex-direction:column;display:flex}.eval-sub-tabs{border-bottom:1px solid #f3f4f6;gap:12px;padding:16px 32px;display:flex;overflow-x:auto}.sub-tab-btn{color:#6b7280;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:100px;padding:8px 20px;font-weight:600;transition:all .1s}.sub-tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px #0096ff33}.eval-grid-v2{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;max-height:480px;padding:32px;display:grid;overflow-y:auto}.eval-rule-card{cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:20px;align-items:center;gap:16px;padding:16px 20px;transition:all .2s;display:flex}.eval-rule-card:hover{border-color:#d1d5db;transform:translateY(-3px);box-shadow:0 8px 20px #0000000f}.plus .rule-points-v2{color:#10b981;font-weight:800}.minus .rule-points-v2{color:#ef4444;font-weight:800}.rule-icon-v2{font-size:24px}.rule-info-v2{text-align:left;flex-direction:column;display:flex}.rule-label-v2{color:#374151;font-size:15px;font-weight:600}.eval-footer-v2{background:#f9fafb;border-top:1px solid #f3f4f6;padding:20px 32px}.footer-pill-v2{color:#6b7280;font-size:14px}.footer-pill-v2 strong{color:#111827}.empty-rules-v2{text-align:center;color:#9ca3af;grid-column:1/-1;padding:40px;font-style:italic}.roster-modal{background:#fff;border-radius:20px;flex-direction:column;width:95%;max-width:1200px;height:85vh;display:flex;overflow:hidden;box-shadow:0 20px 50px #0000001a}.roster-header{background:#fff;border-bottom:2px solid #f3f4f6;justify-content:space-between;align-items:center;padding:20px 30px;display:flex}.roster-title-area{align-items:center;gap:40px;display:flex}.roster-header-actions{gap:12px;display:flex}.close-btn-roster{color:#9ca3af;cursor:pointer;background:0 0;border:none;font-size:28px}.roster-sidebar{background:#f9fafb;border-right:1px solid #e5e7eb;flex-direction:column;width:260px;display:flex}.sidebar-roster-top{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px;display:flex}.sidebar-roster-top h3{color:#374151;font-size:16px}.btn-mini-add{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-weight:700;display:flex}.roster-class-list{flex:1;padding:10px;overflow-y:auto}.roster-class-item{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:12px 16px;transition:all .2s;display:flex}.roster-class-item:hover{background:#f3f4f6}.roster-class-item.active{color:#2563eb;background:#ebf5ff;font-weight:600}.roster-class-item .actions{gap:4px;display:none}.roster-class-item:hover .actions{display:flex}.roster-class-item .actions button{cursor:pointer;background:0 0;border:none;padding:2px;font-size:12px}.sidebar-roster-tabs{border-top:1px solid #e5e7eb;flex-direction:column;gap:4px;padding:10px;display:flex}.sidebar-roster-tabs button{text-align:left;cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:8px;padding:12px 16px;font-weight:500}.sidebar-roster-tabs button.active{color:#111827;background:#fff;box-shadow:0 2px 4px #0000000d}.roster-main{background:#fff;flex:1;padding:30px;overflow-y:auto}.roster-table-container{width:100%}.roster-table{border-collapse:collapse;text-align:left;width:100%}.roster-table th{color:#6b7280;border-bottom:1px solid #f3f4f6;padding:16px;font-size:14px;font-weight:600}.roster-table td{color:#374151;border-bottom:1px solid #f3f4f6;padding:16px;font-size:14px}.col-pts{color:var(--primary);font-weight:700}.pet-tag-roster{align-items:center;gap:8px;display:flex}.pet-name{color:#c2410c;background:#fff7ed;border-radius:4px;padding:2px 8px;font-size:12px}.btn-change-pet{color:#f97316;cursor:pointer;background:0 0;border:none;font-size:12px}.text-btn{cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:13px}.text-btn.edit{color:#2563eb}.text-btn.del{color:#ef4444}.inner-modal{z-index:1000}.input-group-roster{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.input-group-roster label{color:#374151;font-size:14px;font-weight:500}.input-group-roster input,.input-group-roster select{border:1px solid #d1d5db;border-radius:8px;padding:10px;font-size:14px}.groups-roster-view{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.group-card-roster{border:1px solid #e5e7eb;border-radius:12px;padding:20px}.gc-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.gc-members{color:#6b7280;font-size:14px;line-height:1.5}.celebration-overlay{background:#0009;justify-content:center;align-items:center;display:flex}.celebration-modal{text-align:center;background:#fff;border-radius:24px;width:90%;max-width:400px;padding:40px;box-shadow:0 0 40px #ffd70033}.confetti-effect{margin-bottom:20px;font-size:40px}.reward-glow-badge{filter:drop-shadow(0 0 15px #ffd70099);margin:24px 0;font-size:60px;animation:2s infinite pulseGrad}@keyframes pulseGrad{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.celebration-modal h2{color:#111827;margin-bottom:12px}.celebration-modal p{color:#4b5563;line-height:1.6}.celebration-modal .hint{color:#9ca3af;margin-bottom:24px;font-size:14px}.mini-modal{background:#fff;border-radius:28px;max-width:90vw;padding:32px;width:440px!important}.modal-actions-roster{flex-direction:row-reverse;justify-content:flex-start;gap:12px;margin-top:24px;display:flex}.modal-actions-roster button{min-width:100px}.pet-option img{mix-blend-mode:multiply;filter:contrast(1.1)brightness(1.1);transition:transform .3s}.pet-option:hover img{transform:scale(1.15)}.modal-close-btn-v2{color:#9ca3af;cursor:pointer;z-index:2000;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:16px;right:16px}.modal-close-btn-v2:hover{color:#fff;background:#ef4444;transform:rotate(90deg);box-shadow:0 4px 12px #ef44444d}.clan-tabs-bar{scrollbar-width:thin;-webkit-overflow-scrolling:touch;flex-shrink:0;gap:12px;margin-top:12px;margin-bottom:24px;padding:16px 8px;display:flex;overflow-x:auto}.clan-tab-btn{color:#546e7a;cursor:pointer;white-space:nowrap;background:#eceff1;border:1px solid #cfd8dc;border-radius:20px;padding:8px 18px;font-size:14px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000000d}.clan-tab-btn.active{color:#fff;background:#111827;border-color:#111827;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.pet-option-visual{aspect-ratio:1;background:#fff;border-radius:16px;justify-content:center;align-items:center;width:100%;margin-bottom:12px;display:flex;position:relative;overflow:visible}.rarity-tag{color:#fff;z-index:5;border-radius:8px;padding:4px 8px;font-size:10px;font-weight:800;position:absolute;top:-4px;right:-4px;box-shadow:0 4px 8px #0000001a}.rarity-tag.common{background:#10b981}.rarity-tag.rare{background:#3b82f6}.rarity-tag.epic{background:#8b5cf6}.rarity-tag.legendary{background:#f59e0b}.pet-option.rarity-rare{border-color:#60a5fa}.pet-option.rarity-epic{border-color:#a78bfa}.pet-option.rarity-legendary{background:#fffbeb;border-color:#fbbf24}.pet-name-label{color:#1f2937;font-size:14px;font-weight:800}.student-edit-modal-pro{background:#fff;border-radius:32px;flex-direction:column;width:90%;max-width:500px;max-height:90vh;padding:32px;display:flex;position:relative;overflow-y:auto;box-shadow:0 40px 80px #0003}.modal-header-pro-v2{text-align:center;margin-bottom:25px}.avatar-placeholder{background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 15px;font-size:32px;display:flex}.modal-header-pro-v2 h3{color:#1e293b;margin:0;font-size:22px;font-weight:800}.modal-header-pro-v2 p{color:#64748b;margin:5px 0 0;font-size:14px}.pro-form-v2{flex-direction:column;gap:20px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:15px;display:grid}.pet-select-preview,.pet-select-empty{cursor:pointer;background:#fff;border:2px dashed #e2e8f0;border-radius:14px;align-items:center;gap:12px;margin-top:10px;padding:12px;transition:all .2s;display:flex}.pet-select-preview:hover,.pet-select-empty:hover{background:#f0f9ff;border-color:#3b82f6}.p-preview-img-wrap{background:#f1f5f9;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.p-preview-img-wrap img{object-fit:contain;width:100%;height:100%}.p-emoji{font-size:24px}.p-preview-info{flex-direction:column;display:flex}.p-name{color:#1e293b;font-weight:700}.p-change-tip{color:#3b82f6;font-size:11px;font-weight:600}.pet-select-empty{color:#94a3b8;flex-direction:column;padding:20px;font-size:14px}.pet-select-empty span{font-size:32px}.modal-actions-pro-v2{grid-template-columns:1fr 1fr;gap:12px;margin-top:10px;display:grid}.btn-save-pro{background:linear-gradient(135deg,#ff9f1c,coral)!important;box-shadow:0 4px 15px #ff7f504d!important}.pro-form-v2 .input-field label{color:#94a3b8;letter-spacing:.05em;margin-bottom:8px;font-size:13px;font-weight:800;display:block}.pro-form-v2 input,.pro-form-v2 select{color:#1e293b;appearance:none;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;outline:none;width:100%;padding:12px 18px;font-size:15px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.pro-form-v2 select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394A3B8' stroke-width='3'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5' /%3E%3C/svg%3E");background-position:right 15px center;background-repeat:no-repeat;background-size:14px;padding-right:40px}.pro-form-v2 input:focus,.pro-form-v2 select:focus{background:#fff;border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 0 0 4px #3b82f61a}.pro-form-v2 input::placeholder{color:#cbd5e1}.form-row{grid-template-columns:1fr 1fr;align-items:end;gap:20px;display:grid}.modal-actions-pro-v2{gap:16px;margin-top:24px;padding-bottom:8px;display:flex}.modal-actions-pro-v2 button{white-space:nowrap;justify-content:center;align-items:center;padding:14px 20px;font-size:15px;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.modal-actions-pro-v2 .btn-save-pro{color:#fff;border:none;border-radius:16px;flex:1;box-shadow:0 10px 20px #ff7f504d;background:linear-gradient(135deg,#ff9f1c,coral)!important}.modal-actions-pro-v2 .btn-save-pro:active{transform:scale(.96)}.modal-actions-pro-v2 .variant-ghost{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:16px;flex:1}.modal-actions-pro-v2 .variant-ghost:hover{color:#1e293b;background:#e2e8f0}.pet-pick-section{background:#f8fafc;border:1px solid #f1f5f9;border-radius:20px;padding:20px}.pg-progress-container{background:var(--border);border-radius:999px;width:100%;height:8px;overflow:hidden}.pg-progress-bar{border-radius:inherit;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.pg-progress-bar-primary{background:linear-gradient(90deg, var(--primary), var(--primary-light))}.pg-progress-bar-secondary{background:var(--secondary)}.eval-overlay-v3{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1100;background:#0006;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.eval-container-v3{background:#fff;border-radius:24px;width:900px;height:600px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000026}.eval-sidebar-v3{background:#f9fafb;border-right:1px solid #e5e7eb;flex-direction:column;width:280px;padding:32px 24px;display:flex}.sidebar-pet-viz{background:#fff;border:1px solid #f3f4f6;border-radius:20px;justify-content:center;align-items:center;height:180px;margin-bottom:24px;display:flex;position:relative;box-shadow:inset 0 2px 10px #00000005}.sidebar-pet-img{object-fit:contain;width:140px;height:140px}.sidebar-pet-placeholder{font-size:60px}.sidebar-clan-badge{color:#fff;background:#6366f1;border-radius:12px;padding:4px 12px;font-size:11px;font-weight:600;position:absolute;bottom:-10px;box-shadow:0 4px 10px #6366f14d}.sidebar-student-info h3{color:#111827;margin-bottom:4px;font-size:18px;font-weight:800}.student-id-sub{color:#9ca3af;margin-bottom:20px;font-size:12px}.sidebar-stats-box{margin-bottom:24px}.stats-header{color:#f59e0b;justify-content:space-between;margin-bottom:8px;font-size:12px;font-weight:700;display:flex}.stat-card{text-align:center;background:#fff;border:1px solid #f3f4f6;border-radius:16px;padding:12px}.stat-card .label{color:#9ca3af;margin-bottom:4px;font-size:10px;display:block}.stat-card .val{color:#111827;font-size:18px;font-weight:900}.eval-content-v3{background:#fff;flex-direction:column;flex:1;display:flex}.content-header-v3{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;gap:20px;padding:24px 32px;display:flex}.eval-custom-titles{flex:1}.eval-main-title{color:#111827;margin:0;font-size:20px;font-weight:800}.eval-sub-title{color:#6b7280;margin:4px 0 0;font-size:13px}.header-tabs-v3{gap:24px;display:flex}.tab-link{color:#9ca3af;cursor:pointer;background:0 0;border-bottom:3px solid #0000;padding:4px 0;font-size:18px;font-weight:800;transition:all .2s}.tab-link.active{color:#111827;border-color:#f59e0b}.close-x-btn{color:#9ca3af;cursor:pointer;background:0 0;font-size:28px;line-height:1}.content-category-nav{background:#fdfdfd;border-bottom:1px solid #f9fafb;gap:10px;padding:16px 32px;display:flex;overflow-x:auto}.cat-nav-btn{color:#4b5563;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:600;transition:all .2s}.cat-nav-btn.active{color:#fff;background:#111827;border-color:#111827}.content-grid-v3{flex:1;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;padding:20px 32px;display:grid;overflow-y:auto}.score-action-btn{cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;align-items:center;gap:10px;min-height:44px;padding:8px 12px;transition:all .2s ease-in-out;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.score-action-btn:before{content:"";background:0 0;width:100%;height:4px;position:absolute;top:0;left:0}.score-action-btn.plus:before{background:#10b981}.score-action-btn.minus:before{background:#ef4444}.score-action-btn:hover{border-color:#e5e7eb;transform:translateY(-4px);box-shadow:0 12px 24px -6px #0000001a}.score-action-btn.plus:hover{background:#f0fdf4;border-color:#10b981}.score-action-btn.minus:hover{background:#fef2f2;border-color:#ef4444}.action-details{flex:1;justify-content:space-between;align-items:center;gap:6px;display:flex}.action-icon{flex-shrink:0;font-size:20px}.action-label{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.action-val{background:#0000000d;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:13px;font-weight:900}.plus .action-val{color:#059669}.minus .action-val{color:#dc2626}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes growIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.content-type-nav{gap:12px;padding:12px 32px;display:flex}.type-btn-v3{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:12px;padding:8px 20px;font-size:14px;font-weight:700;transition:all .2s}.type-btn-v3.active{color:#fff;background:#10b981;box-shadow:0 4px 12px #10b9814d}.type-btn-v3.minus.active{color:#fff;background:#ef4444;box-shadow:0 4px 12px #ef44444d}.handbook-container{flex:1;padding:24px 32px;overflow-y:auto}.handbook-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:24px;display:grid}.handbook-item{opacity:.5;filter:grayscale(.8);flex-direction:column;align-items:center;gap:10px;transition:all .3s;display:flex}.handbook-item.owned{opacity:1;filter:grayscale(0);transform:scale(1.05)}.handbook-icon-wrap{background:#f9fafb;border:1px solid #f3f4f6;border-radius:20px;justify-content:center;align-items:center;width:90px;height:90px;display:flex;position:relative}.handbook-item.owned .handbook-icon-wrap{background:#fffbeb;border:2px solid #f59e0b;box-shadow:0 8px 20px #f59e0b26}.handbook-item.harvested .handbook-icon-wrap{background:#ecfdf5;border:2px solid #10b981;box-shadow:0 8px 20px #10b98126}.handbook-icon{object-fit:contain;width:70px;height:70px}.owned-sticker{color:#fff;background:#f59e0b;border-radius:8px;padding:2px 8px;font-size:9px;font-weight:800;position:absolute;top:-8px;box-shadow:0 2px 6px #f59e0b66}.owned-sticker.harvested-sticker{background:#10b981;box-shadow:0 2px 6px #10b98166}.handbook-info{text-align:center;flex-direction:column;align-items:center;display:flex}.p-name{color:#111827;margin-bottom:2px;font-size:13px;font-weight:800}.p-clan{color:#9ca3af;font-size:10px;font-weight:600}.sidebar-footer-stats{grid-template-columns:1fr;gap:10px;margin-top:auto;display:grid}.stat-card{justify-content:space-between;align-items:center;display:flex;text-align:left!important;padding:8px 12px!important}.stat-card.gold{background:#fffbeb;border-color:#f59e0b33}.stat-card.gold .val{color:#f59e0b}.help-modal{max-width:95vw;width:550px!important}.help-content{max-height:70vh;padding:24px 0;overflow-y:auto}.help-section{margin-bottom:24px}.help-section h3{color:#111827;margin-bottom:12px;font-size:16px;font-weight:800}.help-section p,.help-section li{color:#4b5563;margin-bottom:8px;font-size:13px;line-height:1.7}.stage-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0;display:grid}.stage-item{text-align:center;background:#f9fafb;border:1px solid #f3f4f6;border-radius:12px;padding:10px 4px}.stage-item span{margin-bottom:4px;font-size:14px;font-weight:800;display:block}.stage-item p{color:#9ca3af;margin:0;font-size:10px}.help-footer{border-top:1px solid #f3f4f6;justify-content:flex-end;padding-top:16px;display:flex}.records-container-pro{flex-direction:column;height:100%;padding:10px;display:flex}.records-header-pro{margin-bottom:20px}.records-header-pro h3{color:#1e293b;margin:0;font-size:20px;font-weight:800}.records-header-pro p{color:#94a3b8;margin:4px 0 0;font-size:13px}.records-scroll-area{background:#fff;border:1px solid #f1f5f9;border-radius:20px;flex:1;padding:10px;overflow-y:auto}.pro-records-table{border-collapse:collapse;width:100%}.pro-records-table th{text-align:left;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;border-bottom:2px solid #f8fafc;padding:12px 15px;font-size:12px}.pro-records-table td{color:#475569;border-bottom:1px solid #f8fafc;padding:16px 15px;font-size:14px}.col-time{color:#94a3b8;font-size:13px}.col-item-name strong{color:#1e293b;font-weight:700}.col-cost{color:#f59e0b;font-family:Inter,sans-serif;font-weight:800}.empty-records{text-align:center;color:#cbd5e1;padding:60px 0;font-style:italic}.garden-view{padding:24px}.garden-header{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.garden-title-main{color:#1e293b;white-space:nowrap;align-items:center;gap:8px;margin:0;font-size:19px;font-weight:700;display:flex}.student-count-sub{color:#94a3b8;letter-spacing:0;font-size:13px;font-weight:400}.student-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;padding-top:16px;display:grid}.student-grid.size-small{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:15px}.student-grid.size-large{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:30px}.header-left{flex:1;align-items:center;gap:24px;display:flex}.search-bar-wrap{flex:1;max-width:300px}.search-input{background:#fffc;border:1px solid #eee;border-radius:20px;outline:none;width:100%;padding:10px 16px;font-size:14px;transition:all .2s}.search-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 4px 12px #ff9f1c1a}.header-actions{align-items:center;gap:12px;display:flex}.sort-select{color:#666;cursor:pointer;background:#fff;border:1px solid #eee;border-radius:10px;padding:8px 12px;font-size:14px}.btn-batch{color:#666;background:#f5f5f5;border-radius:20px;padding:8px 16px;font-weight:500}.btn-batch.active{color:#fff;background:#333}.btn-evaluate-batch{background:var(--primary);color:#fff;border-radius:20px;padding:8px 16px;font-weight:600;box-shadow:0 4px 12px #ff9f1c4d}.selection-indicator{z-index:10;background:#fffc;border:2px solid #ddd;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.selection-indicator.checked{background:var(--primary);border-color:var(--primary);color:#fff}.pet-card.selected{border:2px solid var(--primary);background:#ff9f1c0d}.student-id-tag{color:#999;margin-left:6px;font-size:12px;font-weight:400}.empty-state{text-align:center;height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-icon{margin-bottom:24px;font-size:80px}.btn-help-trigger{opacity:.7;margin-left:-10px;transition:opacity .2s;color:#6b7280!important;font-size:13px!important}.btn-help-trigger:hover{opacity:1}.view-mode-toggle{background:#e2e8f0;border-radius:12px;padding:4px;display:flex}.view-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .2s}.view-btn.active{color:var(--primary);background:#fff;box-shadow:0 2px 8px #0000000d}.size-select-embedded{color:#64748b;cursor:pointer;text-align:center;background:#fff;border:none;border-left:1px solid #cbd5e1;border-radius:0 8px 8px 0;outline:none;margin-left:2px;padding:6px 6px 6px 12px;font-size:13px;font-weight:600}.group-view-container{flex-direction:column;gap:40px;margin-top:10px;display:flex}.group-section{flex-direction:column;display:flex}.group-header-bar{border-bottom:2px dashed #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.group-id-badge{background:var(--primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;font-weight:900;display:flex;box-shadow:0 4px 10px #ff9f1c4d}.group-title-row{align-items:center;gap:12px;display:flex}.group-name-text{background:linear-gradient(135deg,#ff9f1c,#ffd60a);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800}.group-header-info{flex:1;align-items:center;gap:0;display:flex}.group-meta-stats{border-left:1px solid #e2e8f0;gap:16px;margin-left:24px;padding-left:24px;display:flex}.meta-item{color:#94a3b8;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.meta-item .m-icon{color:var(--primary);justify-content:center;align-items:center;font-size:14px;font-style:normal;display:flex}.group-batch-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.group-batch-btn:hover{border-color:var(--primary);color:var(--primary);background:#f8fafc;transform:translateY(-2px);box-shadow:0 4px 10px #ff9f1c26}:root{--stage-color-1:#cbd5e1;--stage-color-2:#10b981;--stage-color-3:#22c55e;--stage-color-4:#f59e0b;--stage-color-5:#8b5cf6}.aura-tree-wrapper{z-index:100;background:#fff;border:1px solid #f1f5f9;border-radius:20px;max-width:800px;margin:0 auto 24px;transition:all .6s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:0 10px 40px #0000000d}.is-compact{border-radius:30px;max-width:450px;padding:8px 16px}.aura-tree-capsule{cursor:pointer;align-items:center;gap:12px;height:36px;display:flex}.capsule-icon{font-size:18px}.capsule-track{background:#f1f5f9;border-radius:3px;flex:1;height:6px;overflow:hidden}.capsule-fill{border-radius:3px;height:100%;transition:width 1s}.capsule-text{color:#64748b;white-space:nowrap;font-size:12px;font-weight:800}.capsule-pts{color:#10b981;margin-left:4px}.capsule-arrow{color:#94a3b8;margin-left:4px;font-size:10px}.is-expanded{border-radius:40px;padding:30px 40px}.is-compact .aura-tree-expanded-content{opacity:0;display:none}.is-expanded .aura-tree-expanded-content{flex-direction:column;align-items:center;animation:.4s ease-out forwards fadeIn;display:flex}.is-expanded .aura-tree-capsule{width:auto;position:absolute;top:20px;right:25px}.is-expanded .capsule-track,.is-expanded .capsule-text{display:none}.aura-particles-field{pointer-events:none;z-index:0;position:absolute;inset:0}.particle{opacity:.3;background:#10b981;border-radius:50%;width:4px;height:4px;animation:4s linear infinite particleFloat;position:absolute}.p-0{animation-delay:.2s;top:20%;left:10%}.p-1{animation-delay:.8s;top:40%;left:15%}.p-2{animation-delay:1.2s;top:10%;left:50%}.p-3{animation-delay:.5s;top:60%;left:80%}.p-4{animation-delay:2.1s;top:80%;left:30%}.p-5{animation-delay:1.5s;top:15%;left:85%}.p-6{animation-delay:.3s;top:50%;left:5%}.p-7{animation-delay:1.8s;top:5%;left:40%}@keyframes particleFloat{0%{opacity:0;transform:translateY(0)scale(1)}20%{opacity:.4}80%{opacity:.4}to{opacity:0;transform:translateY(-100px)scale(0)}}.tree-physical-wrapper{z-index:2;width:200px;height:200px;margin-bottom:20px;transition:all .5s;position:relative}.tree-svg{width:100%;height:100%}.tree-trunk{fill:none;stroke:#10b981;stroke-width:6px;stroke-linecap:round;transition:all 1s}.energy-core{fill:#10b981;opacity:.8;filter:blur(10px);animation:3s ease-in-out infinite coreBreathing}.bubble-leaf{stroke:#10b981;stroke-width:2px;fill:#fff;opacity:.9;filter:drop-shadow(0 10px 15px #10b98166);animation:4s ease-in-out infinite leafSway}.bl-1{transform-origin:50%;animation-delay:.2s}.bl-2{transform-origin:50%;animation-delay:.8s}.bl-3{transform-origin:50%;animation-delay:1.5s}.sacred-orbit{fill:none;stroke:#f59e0b;stroke-width:1px;stroke-dasharray:4 8;opacity:.5;transform-origin:50%;animation:10s linear infinite orbitRotate}@keyframes coreBreathing{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes leafSway{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(4px,-4px)rotate(5deg)}75%{transform:translate(-4px,2px)rotate(-5deg)}}@keyframes orbitRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stage-icon-overlay{filter:drop-shadow(0 0 10px #fff);z-index:5;font-size:40px;animation:2s ease-in-out infinite iconPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes iconPulse{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.15)}}.aura-tree-dashboard{width:100%;max-width:500px}.dashboard-text{justify-content:space-between;align-items:flex-end;margin-bottom:12px;display:flex}.db-title{color:#111827;letter-spacing:2px;font-size:24px;font-weight:900}.pts-count{color:#10b981;font-size:20px;font-weight:900}.pts-next{color:#94a3b8;margin-left:4px;font-size:14px}.db-progress-track{background:#f1f5f9;border-radius:6px;height:12px;position:relative;overflow:hidden}.db-progress-fill{background:linear-gradient(90deg,#10b981,#3b82f6 150%);border-radius:6px;height:100%;transition:width 1s cubic-bezier(.34,1.56,.64,1);position:relative}.db-liquid{background:linear-gradient(90deg,#0000 0%,#ffffff4d 50%,#0000 100%) 0 0/200% 100%;animation:3s linear infinite liquidShift;position:absolute;inset:0}@keyframes liquidShift{0%{transform:translate(-100%)}to{transform:translate(100%)}}.stage-seed .energy-core{fill:#cbd5e1;stroke:#cbd5e1}.stage-sprout .energy-core{fill:#10b981}.stage-sapling .energy-core{fill:#22c55e}.stage-ancient .energy-core{fill:#f59e0b}.stage-eternal .energy-core{fill:#8b5cf6;animation:2s ease-in-out infinite cosmicPulse}@keyframes cosmicPulse{0%,to{opacity:.8;filter:blur(10px)}50%{opacity:1;filter:blur(25px);transform:scale(1.3)}}.max-stage-glow{text-align:center;color:#8b5cf6;margin-top:12px;font-size:13px;font-weight:800;animation:2s infinite alternate cosmicTitle}@keyframes cosmicTitle{0%{opacity:.6;transform:translateY(0)}to{opacity:1;transform:translateY(-4px)}}.hall-of-fame{background:radial-gradient(circle at 0 0,#a5b4fc1a,#0000 40%),radial-gradient(circle at 100% 100%,#fbbf240d,#0000 40%);max-width:1200px;min-height:100vh;margin:0 auto;padding:40px}.hall-header{justify-content:space-between;align-items:flex-end;margin-bottom:48px;display:flex}.hall-title{align-items:center;gap:20px;display:flex}.hall-icon{background:#fff;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;font-size:32px;display:flex;box-shadow:0 10px 20px -5px #0000001a}.hall-title h2{color:#1e293b;margin:0;font-size:28px}.hall-title p{color:#64748b;margin:4px 0 0}.section-label{text-transform:uppercase;color:#94a3b8;letter-spacing:.1em;align-items:center;gap:8px;margin-bottom:32px;font-size:13px;font-weight:800;display:flex}.section-label .dot{background:var(--primary);width:8px;height:8px;box-shadow:0 0 10px var(--primary);border-radius:50%}.zenith-section{margin-bottom:64px}.top-podium{justify-content:center;align-items:flex-end;gap:24px;padding:40px 0;display:flex}.podium-card{text-align:center;background:#fff;border-radius:32px;width:200px;padding:24px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);position:relative;box-shadow:0 20px 40px -10px #0000000d}.podium-card:hover{z-index:10;transform:translateY(-12px)}.podium-card.rank-1{border:2px solid #fbbf24;order:2;width:240px;height:340px;box-shadow:0 30px 60px -20px #fbbf2433}.podium-card.rank-2{border:1px solid #94a3b8;order:1;height:280px}.podium-card.rank-3{border:1px solid #d97706;order:3;height:260px}.rank-badge{background:#fff;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex;position:absolute;top:-24px;left:50%;transform:translate(-50%);box-shadow:0 8px 16px -4px #00000026}.avatar-wrapper{width:100px;height:100px;margin:20px auto;position:relative}.student-avatar{z-index:1;background:#f8fafc;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:40px;display:flex;position:relative}.rank-1 .avatar-glow{background:radial-gradient(circle,#fbbf244d 0%,#0000 70%);width:140%;height:140%;animation:4s linear infinite rotateGlow;position:absolute;top:-20%;left:-20%}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.total-pts-tag{color:#475569;background:#f1f5f9;border-radius:20px;margin-top:12px;padding:6px 12px;font-size:13px;font-weight:800;display:inline-block}.podium-base{color:#94a3b8;background:#00000008;border-radius:0 0 32px 32px;justify-content:center;align-items:center;height:60px;font-size:24px;font-weight:900;display:flex;position:absolute;bottom:0;left:0;right:0}.gallery-section{margin-bottom:64px}.section-header-flex{justify-content:space-between;align-items:flex-start;display:flex}.graduated-count{color:#94a3b8;font-size:13px;font-weight:600}.graduated-count span{color:#1e293b;margin:0 4px;font-size:18px;font-weight:900}.graduated-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:32px;padding:20px 0;display:grid}.graduated-frame{background:#fff;border-radius:12px;padding:24px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 15px 35px -10px #00000014}.graduated-frame:hover{transform:scale(1.03);box-shadow:0 25px 50px -15px #00000026}.frame-border{pointer-events:none;opacity:.3;border:1px solid #fbbf24;border-radius:8px;position:absolute;inset:8px}.graduation-date{color:#cbd5e1;text-align:right;margin-bottom:12px;font-size:11px;font-weight:900}.grad-pet-view{justify-content:center;align-items:center;height:140px;display:flex;position:relative}.grad-pet-img{object-fit:contain;z-index:1;width:auto;height:100%;position:relative}.pet-aura-glow{background:radial-gradient(circle,#6366f126 0%,#0000 70%);border-radius:50%;width:120px;height:120px;position:absolute}.grad-info{text-align:center;margin-top:16px}.pet-name-tag{color:#1e293b;margin-bottom:12px;font-size:16px;font-weight:900}.owner-tag{background:#f8fafc;border-radius:12px;align-items:center;gap:8px;max-width:100%;padding:4px 12px;display:inline-flex}.owner-avatar{font-size:14px}.owner-name{color:#64748b;font-size:13px;font-weight:700}.clan-ribbon{text-align:center;color:#fff;width:120px;padding:2px 0;font-size:10px;font-weight:800;position:absolute;top:20px;left:-30px;transform:rotate(-45deg);box-shadow:0 4px 8px #0000001a}.clan-stats-grid{background:#fff;border-radius:32px;grid-template-columns:repeat(2,1fr);gap:16px;padding:32px;display:grid;box-shadow:0 10px 30px #00000008}.clan-stat-pill{align-items:center;gap:16px;padding:12px;display:flex}.c-icon{font-size:24px}.c-name{color:#475569;width:80px;font-size:14px;font-weight:700}.c-bar-wrap{background:#f1f5f9;border-radius:4px;flex:1;height:8px;overflow:hidden}.c-bar-fill{height:100%;transition:width 1s cubic-bezier(.22,1,.36,1)}.c-count{color:#1e293b;text-align:right;width:40px;font-size:14px;font-weight:900}.empty-hall-placeholder{text-align:center;padding:80px 0}.empty-icon{opacity:.3;margin-bottom:24px;font-size:64px}.empty-hall-placeholder p{color:#94a3b8;font-weight:600}.shop-view{max-width:1400px;min-height:80vh;margin:0 auto;padding:24px}.shop-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:32px;display:flex}.header-info h2{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:4px;font-size:28px}.header-info p{color:#64748b;font-size:14px}.shop-actions{gap:12px;display:flex}.reward-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;padding-bottom:40px;display:grid}.reward-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff80;flex-direction:column;min-height:320px;position:relative;overflow:hidden;background:#fffc!important;padding:24px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:flex!important}.reward-card:hover{transform:translateY(-4px);border-color:var(--primary-color)!important;box-shadow:0 12px 24px #00000014!important}.reward-card.out-of-stock{filter:grayscale();opacity:.7}.reward-icon{background:#f8fafc;border-radius:12px;justify-content:center;align-items:center;height:100px;margin-bottom:16px;font-size:48px;display:flex}.reward-name-wrap{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.reward-name-wrap h3{color:#1e293b;margin:0;font-size:18px}.stock-tag{color:#94a3b8;background:#f1f5f9;border-radius:20px;padding:2px 8px;font-size:11px}.reward-info p{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:42px;margin-bottom:20px;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.reward-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.reward-footer .price{font-size:14px;font-weight:600}.shop-picker-modal{width:90%;max-width:600px;overflow:hidden;padding:0!important}.picker-header{background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:24px;display:flex}.picker-reward-preview{align-items:center;gap:16px;display:flex}.p-icon{background:#fff;border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;font-size:32px;display:flex;box-shadow:0 4px 12px #0000000d}.p-info h4{margin:0;font-size:18px}.p-price{color:var(--primary-color);margin:4px 0 0;font-size:13px;font-weight:500}.close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:24px}.picker-body{max-height:400px;padding:24px;overflow-y:auto}.pick-hint{color:#64748b;margin-bottom:16px;font-size:13px}.student-selectable-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;display:grid}.student-pick-item{cursor:pointer;border:2px solid #f1f5f9;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:12px;transition:all .2s;display:flex;position:relative}.student-pick-item:hover{background:#f8fafc;border-color:#cbd5e1}.student-pick-item.active{border-color:var(--primary-color);background:#3b82f60d}.student-pick-item.insufficient{opacity:.6;cursor:not-allowed;filter:grayscale();background:#f8fafc}.s-avatar{color:#475569;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:600;display:flex}.active .s-avatar{background:var(--primary-color);color:#fff}.s-meta{text-align:center}.s-name{margin-bottom:2px;font-size:14px;font-weight:500;display:block}.s-balance{color:#94a3b8;font-size:11px}.check-mark{background:var(--primary-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;display:flex;position:absolute;top:8px;right:8px}.error-tag{color:#ef4444;margin-top:4px;font-size:10px;font-weight:600}.picker-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.history-table-pro{border-collapse:collapse;width:100%}.history-table-pro th,.history-table-pro td{text-align:left;border-bottom:1px solid #f1f5f9;padding:16px}.h-student-col{color:#1e293b;font-weight:500}.reward-mgmt-overlay{z-index:10;gap:8px;display:flex;position:absolute;top:12px;right:12px}.reward-mgmt-overlay button{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:4px 10px;font-size:12px;box-shadow:0 2px 4px #0000000d}.reward-mgmt-overlay button.del{color:#ef4444}.pro-form .input-field{margin-bottom:16px}.pro-form label{color:#475569;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.pro-form input,.pro-form textarea,.pro-form select{border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 12px;font-size:14px}.reward-row-flex{gap:16px;display:flex}.reward-row-flex .input-field{flex:1}.modal-actions-pro{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.settings-view{max-width:1000px;margin:0 auto;padding:40px}.view-header{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.header-left h2{color:#111827;margin-bottom:8px;font-size:28px}.header-left p{color:#6b7280}.view-actions{gap:12px;display:flex}.settings-nav{border-bottom:1px solid #e5e7eb;gap:8px;margin-bottom:32px;padding-bottom:2px;display:flex}.nav-item{color:#6b7280;cursor:pointer;background:0 0;border:none;padding:12px 24px;font-size:16px;font-weight:600;transition:all .2s;position:relative}.nav-item.active{color:var(--primary)}.nav-item.active:after{content:"";background:var(--primary);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-2px;left:0;right:0}.settings-body{min-height:400px}.rules-section{gap:24px;display:grid}.rule-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;overflow:hidden}.rule-card-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.rule-card-header h4{margin:0;font-size:18px}.rule-items-table{padding:12px}.rule-item-row{border-bottom:1px solid #f3f4f6;align-items:center;gap:12px;padding:8px;display:flex}.rule-icon-input{text-align:center;border:1px solid #e5e7eb;border-radius:8px;width:50px;padding:8px}.rule-label-input{border:1px solid #e5e7eb;border-radius:8px;flex:1;padding:8px 12px}.rule-point-input{text-align:center;border:1px solid #e5e7eb;border-radius:8px;width:80px;padding:8px;font-weight:700}.rule-del-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;padding:0 8px;font-size:20px}.growth-section{flex-direction:column;gap:32px;display:flex}.growth-hero-card{background:#fff;border-radius:24px;align-items:center;padding:24px;display:flex;box-shadow:0 10px 20px -5px #0000000d}.hero-info{align-items:center;gap:16px;display:flex}.hero-icon{background:#f8fafc;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:flex}.hero-text h4{color:#1e293b;margin:0;font-size:18px;font-weight:800}.hero-text p{color:#64748b;margin:4px 0 0;font-size:13px}.growth-stairs-grid{flex-direction:column;gap:12px;max-width:720px;margin:0 auto;display:flex}.growth-step-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #0000000a;border-radius:20px;justify-content:space-between;align-items:center;gap:24px;padding:16px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.growth-step-card:hover{background:#fff;border-color:#bae6fd;transform:translate(8px);box-shadow:0 10px 20px -5px #0000000d}.growth-step-card.milestone{background:linear-gradient(90deg,#ffffffe6 0%,#f0f9ffe6 100%);border:1.5px solid #bae6fd}.step-header{flex:1;align-items:center;gap:16px;margin-bottom:0;display:flex}.step-title{color:#1e293b;min-width:100px;font-size:15px;font-weight:800}.step-badge{color:#64748b;text-transform:uppercase;letter-spacing:.05em;background:#f1f5f9;border-radius:10px;padding:4px 10px;font-size:11px;font-weight:900}.milestone .step-badge{color:#fff;background:#0ea5e9}.step-input-wrap{width:200px;min-width:150px;position:relative}.step-input-wrap input{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:12px 65px 12px 16px;font-size:16px;font-weight:900;transition:all .2s}.step-input-wrap input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.unit-tag{color:#94a3b8;pointer-events:none;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;padding:4px 8px;font-size:11px;font-weight:900;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.config-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:32px}.config-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;display:grid}.config-item label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.config-item input{border:1px solid #e5e7eb;border-radius:12px;width:100%;padding:12px 16px;font-size:16px}.danger-card{background:#fef2f2;border:1px solid #fecaca;border-radius:20px;justify-content:space-between;align-items:center;padding:24px;display:flex}.danger-info h4{color:#991b1b;margin-bottom:4px}.danger-info p{color:#b91c1c;font-size:14px}.animate-up{animation:.4s ease-out slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rules-grid-layout{grid-template-columns:1fr 1fr;align-items:flex-start;gap:32px;display:grid}@media (width<=1024px){.rules-grid-layout{grid-template-columns:1fr;gap:24px}.rule-type-column{min-height:auto}}.rule-type-column{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff6;border:1px solid #ffffff80;border-radius:32px;flex-direction:column;min-height:600px;padding:24px;display:flex;box-shadow:0 20px 40px -10px #0000000d}.column-header-glass{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;margin-bottom:24px;padding:12px 12px 24px;display:flex}.header-info{align-items:center;gap:16px;display:flex}.header-icon{background:#fff;border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex;box-shadow:0 8px 16px -4px #0000001a}.header-text h3{color:#1e293b;margin:0;font-size:18px}.header-text p{color:#64748b;margin:0;font-size:13px}.btn-add-cat-glass{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #0000001a;border-radius:14px;padding:10px 18px;font-size:13px;font-weight:700;transition:all .3s}.btn-add-cat-glass:hover{transform:translateY(-2px);box-shadow:0 10px 20px -5px #0000001a}.category-scroll-area{flex-direction:column;flex:1;gap:20px;display:flex}.cat-card-aura{background:#ffffffb3;border:1px solid #fff;border-radius:24px;padding:20px;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 12px #00000005}.cat-card-aura:hover{transform:scale(1.01);box-shadow:0 12px 24px -8px #00000014}.cat-card-aura.plus{background:linear-gradient(135deg,#ecfdf599 0%,#fffc 100%)}.cat-card-aura.minus{background:linear-gradient(135deg,#fff1f299 0%,#fffc 100%)}.cat-glass-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.cat-title-edit{color:#1e293b;background:0 0;border:none;border-radius:8px;width:70%;padding:4px 8px;font-size:16px;font-weight:800;transition:background .2s}.cat-title-edit:focus{background:#fff;outline:none}.small-del-btn{cursor:pointer;background:0 0;border:none;border-radius:10px;padding:6px;font-size:16px;transition:all .2s}.small-del-btn:hover{background:#fee2e2}.items-container-glass{flex-direction:column;gap:12px;display:flex}.item-row-glass{background:#fff;border:1px solid #00000008;border-radius:16px;justify-content:space-between;align-items:center;padding:12px;transition:all .2s;display:flex}.item-row-glass:hover{border-color:#0000001a;transform:translate(4px)}.item-input-group{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.item-mini-icon{text-align:center;background:#f8fafc;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.item-label-edit{color:#334155;text-overflow:ellipsis;background:0 0;border:none;width:100%;min-width:60px;font-size:14px;font-weight:600;overflow:hidden}.item-label-edit:focus{outline:none}.pts-setter-glass{background:#f1f5f9;border-radius:12px;align-items:center;gap:4px;padding:4px;display:flex}.pts-setter-glass button{cursor:pointer;background:#fff;border:none;border-radius:8px;width:28px;height:28px;font-weight:800;transition:all .2s}.pts-setter-glass button:hover{background:var(--primary);color:#fff}.pts-setter-glass.minus button:hover{color:#fff;background:#ef4444}.pts-val{text-align:center;color:#475569;min-width:32px;font-size:13px;font-weight:800}.item-del-tiny{color:#cbd5e1;cursor:pointer;background:0 0;border:none;padding:0 8px;font-size:18px;transition:color .2s}.item-del-tiny:hover{color:#ef4444}.btn-add-item-glass{color:#64748b;cursor:pointer;background:#00000008;border:1px dashed #0000001a;border-radius:16px;width:100%;margin-top:16px;padding:12px;font-size:13px;font-weight:600;transition:all .2s}.btn-add-item-glass:hover{color:#1e293b;background:#0000000f}.aura-config-card{margin-top:24px}.config-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.status-pill{color:#64748b;background:#f1f5f9;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:900;transition:all .3s}.status-pill.active{color:#10b981;background:#ecfdf5}.config-toggles-grid{flex-direction:column;gap:16px;margin-top:20px;display:flex}.toggle-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;display:flex}.toggle-info{flex-direction:column;gap:4px;display:flex}.toggle-label{color:#1e293b;font-size:14px;font-weight:800}.toggle-help{color:#94a3b8;font-size:12px}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#d1d5db;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:#10b981}input:focus+.slider{box-shadow:0 0 1px #10b981}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.btn-add-item-pro{color:#64748b;cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:15px;padding:14px;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.btn-add-item-pro:hover{color:#2563eb;background:#fff;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f61a}.btn-add-item-pro .add-icon{font-size:20px;font-weight:300}.account-section{flex-direction:column;gap:24px;display:flex}.profile-card{position:relative;overflow:hidden}.profile-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:24px;margin-bottom:32px;padding-bottom:24px;display:flex}.profile-avatar-big{background:#f8fafc;border:1px solid #e2e8f0;border-radius:24px;justify-content:center;align-items:center;width:80px;height:80px;font-size:48px;display:flex;box-shadow:0 10px 25px #0000000d}.profile-info-main{flex:1}.profile-info-main h3{color:#1e293b;margin-bottom:4px;font-size:22px}.profile-info-main p{color:#94a3b8;font-size:14px}.logout-btn-main{color:#ef4444!important;border-color:#fee2e2!important}.logout-btn-main:hover{background:#fef2f2!important}.avatar-mini-picker{margin-top:24px}.avatar-mini-picker label{color:#64748b;margin-bottom:12px;font-size:13px;font-weight:700;display:block}.mini-avatars{flex-wrap:wrap;gap:12px;display:flex}.mini-avatar{cursor:pointer;background:#fff;border:2px solid #f1f5f9;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex}.mini-avatar:hover{border-color:#ddd6fe;transform:translateY(-3px)}.mini-avatar.active{background:#f5f3ff;border-color:#8b5cf6;transform:scale(1.1);box-shadow:0 4px 12px #8b5cf626}.class-rows{flex-direction:column;gap:12px;margin-top:20px;display:flex}.class-row{background:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;justify-content:space-between;align-items:center;padding:14px 18px;transition:all .2s;display:flex}.class-row:hover{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 12px #00000008}.c-info{flex:1;align-items:center;gap:16px;display:flex}.c-icon{opacity:.7;font-size:20px}.c-name-edit{color:#334155;background:0 0;border:none;border-bottom:2px solid #0000;width:200px;padding:4px 0;font-size:16px;font-weight:700;transition:border-color .2s}.c-name-edit:focus{border-color:#8b5cf6;outline:none}.c-del{opacity:.4;transition:opacity .2s}.class-row:hover .c-del{opacity:1}.add-class-row{margin-top:8px}.add-btn-full{color:#94a3b8!important;border-style:dashed!important;width:100%!important;height:50px!important}.add-btn-full:hover{color:#8b5cf6!important;border-color:#8b5cf6!important}.help-manual-view{max-width:1000px;margin:0 auto;padding:40px}.manual-view-header{text-align:center;margin-bottom:40px}.manual-view-header h1{color:#111827;margin-bottom:8px;font-size:32px;font-weight:900}.manual-view-header p{color:#6b7280;font-size:16px}.manual-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.manual-card{background:#fff;border:1px solid #f3f4f6;border-radius:24px;padding:32px;box-shadow:0 4px 12px #00000008}.manual-card h3{color:#111827;margin-bottom:20px;font-size:18px;font-weight:800}.manual-card p,.manual-card li{color:#4b5563;font-size:14px;line-height:1.8}.currency-compare{flex-direction:column;gap:16px;margin-top:20px;display:flex}.cur-row{background:#f9fafb;border-radius:16px;align-items:center;gap:16px;padding:16px;display:flex}.cur-row .icon{width:40px;font-size:24px}.cur-row .desc strong{color:#111827;margin-bottom:4px;display:block}.cur-row .desc p{color:#9ca3af;margin:0;font-size:12px;line-height:1.5}.stage-row{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.s-box{background:#f3f4f6;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.s-box span{font-size:24px}.s-box p{margin:0;font-size:10px;font-weight:800}.s-arrow{color:#d1d5db;font-weight:900}.tips-list li{margin-bottom:12px}.tips-list strong{color:#111827}.sub-list{margin-top:16px;padding-left:0;list-style:none}.sub-list li{margin-bottom:12px;padding-left:20px;position:relative}.sub-list li:before{content:"•";color:var(--primary);font-weight:900;position:absolute;left:0}.variant-tree{background:linear-gradient(to bottom right,#fff,#f0fdf4);border-left:6px solid #10b981!important}.variant-group{background:linear-gradient(to bottom right,#fff,#f0f9ff);border-left:6px solid #0ea5e9!important}.management-view{box-sizing:border-box;flex-direction:column;height:100vh;max-height:100vh;padding:16px;display:flex;overflow:hidden}.roster-container{background:#fff;border:1px solid #e2e8f0;border-radius:28px;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 40px 80px #00000014}.roster-header{background:#f8fafc;border-bottom:2px solid #f1f5f9;padding:26px 36px}.roster-title-area{justify-content:space-between;align-items:center;display:flex}.roster-header-actions{align-items:center;gap:16px;display:flex}.roster-body{flex:1;display:flex;overflow:hidden}.roster-sidebar-v2{background:#f9fafb;border-right:1px solid #e2e8f0;flex-direction:column;width:180px;padding:12px 16px;display:flex}.sidebar-roster-title-v2 h3{color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;margin:0 0 16px;font-size:14px;font-weight:800}.btn-add-class-pro{color:#fff;cursor:pointer;background:#1e293b;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:24px;padding:12px;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #1e293b33}.btn-add-class-pro:hover{background:#334155;transform:translateY(-2px);box-shadow:0 6px 16px #1e293b4d}.class-list-pro-v2{flex-direction:column;gap:12px;padding-right:4px;display:flex;overflow-y:auto}.class-item-pro-v2{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;padding:12px 14px;transition:all .2s;display:flex;overflow:hidden}.class-item-pro-v2:hover{background:#f0f9ff;border-color:#3b82f6;transform:scale(1.02)}.class-item-pro-v2.active{color:#fff;background:#3b82f6;border-color:#3b82f6;box-shadow:0 8px 20px #3b82f633}.c-item-content{align-items:center;gap:12px;display:flex}.c-icon{background:#f1f5f9;border-radius:10px;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;font-size:16px;display:flex}.active .c-icon{background:#fff3}.c-name{white-space:nowrap;text-overflow:ellipsis;max-width:100px;font-size:14px;font-weight:700;overflow:hidden}.c-actions-v2{opacity:0;gap:6px;transition:opacity .2s;display:flex}.class-item-pro-v2:hover .c-actions-v2{opacity:1}.c-actions-v2 button{cursor:pointer;color:#475569;background:#fffc;border:none;border-radius:8px;width:28px;height:28px}.active .c-actions-v2 button{color:#fff;background:#fff3}.roster-main{background:#fff;flex-direction:column;flex:1;padding:10px 30px 30px 40px;display:flex;overflow:hidden}.roster-tabs{gap:10px;margin-bottom:24px;display:flex}.roster-tabs button{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:12px;padding:10px 20px;font-weight:700;transition:all .2s}.roster-tabs button.active{color:#fff;background:#1e293b}.roster-table-container{border:1px solid #f1f5f9;border-radius:16px;flex:1;padding-right:4px;overflow:auto;box-shadow:0 4px 12px #00000005}.roster-table-container::-webkit-scrollbar{width:6px}.group-management-grid::-webkit-scrollbar{width:6px}.roster-table-container::-webkit-scrollbar-thumb{background:#cbd5e180;border-radius:10px}.group-management-grid::-webkit-scrollbar-thumb{background:#cbd5e180;border-radius:10px}.roster-table{border-collapse:separate;border-spacing:0;width:100%}.roster-table th{text-align:left;color:#94a3b8;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #f1f5f9;padding:15px 20px;font-size:13px;font-weight:800}.roster-table td{white-space:nowrap;border-bottom:1px solid #f8fafc;padding:16px 20px;font-size:14px}.pet-tag-v2{background:#f1f5f9;border-radius:20px;align-items:center;gap:8px;padding:4px 10px;display:inline-flex}.mini-pet-img{object-fit:contain;width:24px;height:24px}.btn-icon{cursor:pointer;color:#cbd5e1;background:0 0;border:none;margin:0 4px;font-size:18px}.btn-icon:hover{color:#3b82f6}.btn-icon.del:hover{color:#ef4444}.group-management-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;padding:10px 10px 30px 2px;display:grid;overflow-y:auto}.mgmt-group-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:24px;box-shadow:0 4px 12px #00000005}.m-group-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.m-group-header h4{color:#1e293b;margin:0;font-size:18px}.m-group-members{flex-wrap:wrap;gap:10px;display:flex}.m-member-tag{background:#f1f5f9;border-radius:12px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:600;display:flex}.btn-assign{justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 10px #3b82f633;color:#fff!important;background:#3b82f6!important;border-radius:8px!important;font-size:18px!important;font-weight:800!important;display:flex!important}.btn-assign:hover{transform:translateY(-2px)scale(1.1);background:#2563eb!important}.m-group-header h4 span{color:#94a3b8;margin-left:6px;font-size:12px;font-weight:600}.quick-assign-panel{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:16px;flex-shrink:0;margin:10px 0;padding:12px}.quick-assign-panel h5{text-transform:uppercase;color:#64748b;letter-spacing:.05em;margin:0 0 10px;font-size:11px;font-weight:800}.unassigned-list{flex-wrap:wrap;gap:8px;display:flex}.unassigned-list button{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:6px 14px;font-size:13px;font-weight:700;transition:all .2s;box-shadow:0 2px 5px #00000008}.unassigned-list button:hover{color:#3b82f6;background:#f0f9ff;border-color:#3b82f6;transform:translateY(-1px)}.muted-mini{color:#94a3b8;text-align:center;width:100%;padding:10px;font-size:12px;font-style:italic}.sidebar-roster-title-v2{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex!important}.btn-add-minimal{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s cubic-bezier(.4,0,.2,1);color:#94a3b8!important;background:0 0!important;border:1px dashed #cbd5e1!important;font-size:16px!important;font-weight:500!important;display:flex!important}.btn-add-minimal:hover{transform:translateY(-1px);color:#3b82f6!important;background:#3b82f60d!important;border-color:#3b82f6!important}.roster-main-nav{gap:32px;margin-left:-5px;display:flex}.nav-tab-pro{cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;color:#94a3b8!important;background:0 0!important;border:none!important;padding:8px 0!important;font-size:18px!important;font-weight:700!important}.nav-tab-pro.active{color:#1e293b!important}.nav-tab-pro.active:after{content:"";background:#3b82f6;border-radius:10px;width:100%;height:4px;position:absolute;bottom:0;left:0}.roster-toolbar,.mgmt-toolbar-group{justify-content:space-between;align-items:center;margin-bottom:20px;padding:5px 2px;display:flex!important}.t-left{gap:12px;display:flex}.roster-toolbar button{height:38px;font-weight:700}.mgmt-toolbar-group button{border-radius:14px;width:100%;height:42px}.roster-tabs{display:none!important}.roster-main-nav-inner{gap:32px;margin-bottom:24px;padding:0 5px;display:flex}.roster-main-nav-inner .nav-tab-pro{cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;color:#94a3b8!important;background:0 0!important;border:none!important;padding:8px 0!important;font-size:16px!important;font-weight:800!important}.roster-main-nav-inner .nav-tab-pro.active{color:#3b82f6!important}.roster-main-nav-inner .nav-tab-pro.active:after{content:"";background:#3b82f6;border-radius:10px;width:100%;height:3px;position:absolute;bottom:0;left:0}.roster-main-nav{display:none!important}.roster-header h2{text-transform:uppercase;letter-spacing:.15em;color:#94a3b8;margin:0;font-size:14px;font-weight:800}.roster-main-nav-inner{flex-shrink:0;margin-bottom:20px}.roster-content-area.card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 4px 20px #00000008}.roster-table-container{flex:1;padding:0 10px;overflow-y:auto}.group-management-view{flex-direction:column;flex:1;display:flex;overflow:hidden}.group-management-grid{flex:1;padding:10px 10px 30px;overflow-y:auto}.hatching-overlay{z-index:10000;-webkit-backdrop-filter:blur(20px);background:#0f172a80;justify-content:center;align-items:center;animation:.4s ease-out fadeIn;display:flex;position:fixed;inset:0}.hatching-content{text-align:center;z-index:100;border:1px solid #f1f5f9;border-radius:40px;flex-direction:column;align-items:center;width:90%;max-width:500px;padding:50px 40px;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 100px -20px #0006;background:#fff!important}.visual-container{justify-content:center;align-items:center;width:260px;height:260px;margin-bottom:40px;display:flex;position:relative;background:0 0!important}.phase-shake .egg-element{animation:.15s infinite eggShake}.hatching-egg-icon{object-fit:contain;mix-blend-mode:multiply;filter:contrast(1.05)brightness(1.05);width:140px;height:140px}.phase-crack .egg-element{animation:50ms infinite eggQuickShake;transform:scale(1.1)}.screen-flash{z-index:10001;pointer-events:none;background:#fff;animation:.6s ease-out forwards flashBurst;position:fixed;inset:0}.phase-reveal .reveal-element{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.hatch-pet-icon{object-fit:contain;mix-blend-mode:multiply;filter:contrast(1.05)brightness(1.05);z-index:2;width:250px;height:250px;position:relative}.hatch-pet-halo{z-index:1;pointer-events:none;background:radial-gradient(circle,#ffffffe6 0%,#0000 70%);width:320px;height:320px;position:absolute}@keyframes eggShake{0%{transform:rotate(0)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}to{transform:rotate(0)}}@keyframes eggQuickShake{0%{transform:translate(0)}25%{transform:translate(-4px,2px)}75%{transform:translate(4px,-2px)}to{transform:translate(0)}}@keyframes flashBurst{0%{opacity:0}20%{opacity:1}to{opacity:0}}@keyframes bounce-in{0%{opacity:0;filter:brightness(3);transform:scale(0)}60%{opacity:1;filter:brightness(1.5);transform:scale(1.2)}to{opacity:1;filter:brightness();transform:scale(1)}}.bounce-in{animation:.8s cubic-bezier(.34,1.56,.64,1) forwards bounce-in}.egg-aura{filter:blur(45px);opacity:.65;z-index:0;border-radius:50%;width:280px;height:280px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.clan-mythical .egg-aura{background:radial-gradient(circle,#fbbf24cc,#0000 70%);animation:2.5s infinite auraPulse}.clan-exotic .egg-aura{background:radial-gradient(circle,#06b6d4cc,#0000 70%);animation:2s infinite auraPulse}.clan-fantasy .egg-aura{background:radial-gradient(circle,#a78bfacc,#0000 70%);animation:3s infinite auraPulse}.clan-wild .egg-aura{background:radial-gradient(circle,#34d399cc,#0000 70%);animation:2s infinite auraPulse}.clan-home .egg-aura{background:radial-gradient(circle,#f472b6cc,#0000 70%);animation:2.8s infinite auraPulse}@keyframes auraPulse{0%,to{opacity:.3;transform:translate(-50%,-50%)scale(1)}50%{opacity:.6;transform:translate(-50%,-50%)scale(1.3)}}.congrats-title{color:#1e1b4b;letter-spacing:4px;margin-bottom:20px;font-size:38px;font-weight:900}.congrats-text{color:#475569;margin-bottom:40px;font-size:18px;line-height:1.6}.hatch-done-btn{color:#fff;cursor:pointer;background:#1e1b4b;border:none;border-radius:30px;padding:14px 50px;font-size:18px;font-weight:800;transition:all .3s;box-shadow:0 10px 30px #1e1b4b33}.hatch-done-btn:hover{transform:translateY(-5px);box-shadow:0 15px 40px #fff3}.fade-out{animation:.4s reverse forwards fadeIn}:root{--auth-primary:#10b981;--auth-primary-glow:#10b98166;--auth-gold-start:#fbbf24;--auth-gold-end:#f59e0b;--auth-bg-dark:#064e3b;--auth-text:#0f172a;--auth-muted:#64748b;--radius-xl:32px;--radius-lg:20px}.login-page{background-color:#f0fdf4;background-image:radial-gradient(at 0 0,#10b98133 0,#0000 50%),radial-gradient(at 100% 0,#3b82f626 0,#0000 50%),radial-gradient(at 100% 100%,#fbbf241a 0,#0000 50%),radial-gradient(at 0 100%,#10b98126 0,#0000 50%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px 0;font-family:Outfit,Inter,PingFang SC,sans-serif;display:flex;position:relative;overflow:hidden auto}.login-backdrop{pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.glow-orb{filter:blur(60px);background:radial-gradient(circle,#10b98126 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:25s ease-in-out infinite alternate orb-float;position:absolute}.glow-orb:first-child{top:-100px;left:-100px}.glow-orb:nth-child(2){background:radial-gradient(circle,#3b82f61a 0%,#0000 70%);bottom:-200px;right:-100px}@keyframes orb-float{0%{transform:translate(0)scale(1)}to{transform:translate(100px,50px)scale(1.2)}}.login-card{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(24px)saturate(180%);z-index:10;background:#ffffffbf;border:1px solid #fffc;width:100%;max-width:440px;margin:auto;padding:32px 40px;animation:1s cubic-bezier(.2,.8,.2,1) card-entrance;position:relative;box-shadow:0 40px 100px -20px #10b98126,0 0 0 1px #10b9810d}@keyframes card-entrance{0%{opacity:0;transform:translateY(40px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.back-to-login-btn{color:#64748b;cursor:pointer;z-index:20;background:0 0;border:none;border-radius:8px;align-items:center;gap:4px;padding:4px 8px;font-size:13px;font-weight:700;transition:all .2s;display:flex;position:absolute;top:16px;left:20px}.back-to-login-btn:hover{color:var(--auth-primary);background:#10b98114}.vip-head-card{color:#fff;background:linear-gradient(135deg,#fbbf24 0%,#d97706 100%);border-radius:18px;margin-bottom:20px;padding:16px;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #d977064d}.vip-head-card h2{margin-bottom:2px;font-size:20px;font-weight:800}.benefit-item{padding:3px 8px;font-size:11px}.login-header{text-align:center;margin-bottom:20px}.login-logo{filter:drop-shadow(0 8px 16px #10b9814d);margin-bottom:8px;font-size:52px;animation:4s ease-in-out infinite logo-float;display:inline-block}@keyframes logo-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(5deg)}}.login-header h1{color:#0f172a;letter-spacing:-1px;font-size:28px;font-weight:900}.login-header p{color:#64748b;margin-top:6px;font-size:14px;font-weight:500}.login-form{flex-direction:column;gap:16px;display:flex}.input-field{flex-direction:column;gap:6px;display:flex;position:relative}.input-field label{color:#334155;letter-spacing:.5px;padding-left:6px;font-size:13px;font-weight:700}.input-field input{color:#0f172a;background:#fffc;border:1px solid #cbd5e180;border-radius:14px;padding:12px 14px 12px 44px;font-size:15px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #00000005}.input-field input:focus{border-color:var(--auth-primary);box-shadow:0 0 0 4px var(--auth-primary-glow), 0 10px 20px -5px #10b9811a;background:#fff;transform:translateY(-1px)}.input-icon{color:#94a3b8;filter:grayscale();opacity:.5;font-size:18px;transition:all .3s;position:absolute;bottom:15px;left:16px}.input-field input:focus+.input-icon{color:var(--auth-primary);filter:grayscale(0);opacity:1;transform:scale(1.1)}.login-submit-btn{color:#fff;cursor:pointer;letter-spacing:1px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:20px;margin-top:16px;padding:18px;font-size:17px;font-weight:800;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 12px 30px -5px #10b98166,inset 0 -4px #0000001a}.login-submit-btn:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 20px 40px -5px #10b98180}.login-submit-btn:active{transform:translateY(1px);box-shadow:0 5px 15px #10b98166}.login-error-tip{color:#e11d48;background:#fff1f2;border:1px solid #ffe4e6;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:14px;font-weight:600;animation:.4s cubic-bezier(.36,.07,.19,.97) both shake;display:flex}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.action-card-footer{text-align:center;color:#64748b;border-top:1px solid #0000000d;margin-top:40px;padding-top:24px}.link-btn{color:var(--auth-primary);border-radius:8px;padding:4px 8px;font-weight:700;text-decoration:none;transition:all .2s}.link-btn:hover{color:#059669;background:#10b98114}.app-container{width:100vw;height:100vh;padding:0;display:flex;overflow:hidden}.main-content{flex-grow:1;padding:20px 20px 20px 0;overflow-y:auto}:root{--primary:#ff9f1c;--primary-light:#ffbf69;--secondary:#2ec4b6;--bg-color:#eef2f6;--card-bg:#fffc;--text-main:#2d3436;--text-muted:#636e72;--radius:20px;--shadow:0 8px 32px #ff9f1c1a;--font-family:"Outfit", "Inter", -apple-system, sans-serif}.theme-minimal{--primary:#2c3e50;--primary-light:#34495e;--secondary:#7f8c8d;--bg-color:#f5f6fa;--card-bg:#fff;--text-main:#2c3e50;--text-muted:#7f8c8d;--radius:8px;--shadow:0 2px 8px #0000000d;--font-family:"Inter", "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-main);overflow-x:hidden}.glass{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #ffffff4d}button{cursor:pointer;border:none;outline:none;transition:all .3s}button:active{transform:scale(.95)}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;border-radius:12px;padding:10px 20px;font-weight:600;box-shadow:0 4px 12px #ff9f1c4d}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 6px 16px #ff9f1c66}.fade-in{animation:.5s forwards fadeIn}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}