body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a0a;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.layout{display:flex;min-height:100vh}.sidebar{background:linear-gradient(180deg,#1a1a1a,#0f0f0f);border-right:1px solid #2a2a2a;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:280px;z-index:100}.sidebar-header{border-bottom:1px solid #2a2a2a;padding:24px 20px}.sidebar-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700;margin-bottom:16px}.sidebar-user{gap:15px}.sidebar-avatar,.sidebar-user{align-items:center;display:flex}.sidebar-avatar{background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;flex-shrink:0;font-size:13px;font-weight:700;height:36px;justify-content:center;width:36px}.sidebar-user-info{display:flex;flex-direction:column;gap:7px;min-width:0}.sidebar-user-name{color:#e5e7eb;font-size:13px;font-weight:600;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-plan-badge{border-radius:4px;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 7px;width:-webkit-fit-content;width:fit-content}.sidebar-plan-badge.free{background:#6b728033;border:1px solid #6b72804d;color:#9ca3af}.sidebar-plan-badge.pro{background:#f59e0b26;border:1px solid #f59e0b4d;color:#fbbf24}.sidebar-nav{flex:1 1;overflow-y:auto;padding:16px 12px}.nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:500;gap:12px;margin-bottom:3px;padding:11px 14px;text-align:left;transition:all .2s ease;width:100%}.nav-item:hover{background:#1f1f1f;color:#fff}.nav-item.active{background:linear-gradient(135deg,#10b98118,#05966918);border:1px solid #10b98135;color:#10b981}.nav-icon{flex-shrink:0;font-size:18px;text-align:center;width:22px}.sidebar-footer{border-top:1px solid #2a2a2a;color:#4b5563;font-size:12px;padding:16px 20px;text-align:center}.sidebar-logout-btn{background:#0000;border:1px solid #2a2a2a;border-radius:7px;color:#6b7280;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;padding:8px;transition:all .2s;width:100%}.sidebar-logout-btn:hover:not(:disabled){background:#1f1f1f;border-color:#3a3a3a;color:#e5e7eb}.sidebar-logout-btn:disabled{cursor:not-allowed;opacity:.5}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:280px}.header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f0f;border-bottom:1px solid #2a2a2a;display:flex;justify-content:space-between;padding:20px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#9ca3af);-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:700}.header-actions{align-items:center;display:flex;gap:16px}.date{color:#6b7280;font-size:13px;font-weight:500;text-transform:capitalize}.content{flex:1 1;overflow-y:auto;padding:32px}@media (max-width:768px){.sidebar{width:64px}.nav-label,.sidebar-header h2,.sidebar-logout-btn,.sidebar-user-info{display:none}.sidebar-header{padding:16px 12px}.sidebar-avatar{font-size:11px;height:32px;margin:0 auto;width:32px}.nav-item,.sidebar-user{justify-content:center}.nav-item{padding:12px}.main-content{margin-left:64px}.content,.header{padding:16px}.sidebar-tier-card{display:none}}.sidebar-tier-card{border:1px solid;border-radius:12px;margin-top:20px;padding:12px 14px 10px;transition:border-color .3s,background .3s}.stc-top{align-items:center;display:flex;gap:12px;margin-bottom:10px}.stc-emoji{flex-shrink:0;font-size:30px;line-height:1}.stc-info{display:flex;flex-direction:column;gap:3px;min-width:0}.stc-name{font-size:20px;font-weight:700;letter-spacing:-.2px;line-height:1}.stc-xp-text{color:#6b7280;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stc-bar-track{background:#ffffff12;border-radius:99px;height:5px;overflow:hidden}.stc-bar-fill{border-radius:99px;height:100%;min-width:4px;transition:width .9s cubic-bezier(.4,0,.2,1)}.tuc-overlay{align-items:center;animation:tuc-fade-in .35s ease both;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#060608d9;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.tuc-overlay.tuc-closing{animation:tuc-fade-out .5s ease forwards}.tuc-content{animation:tuc-slide-up .5s cubic-bezier(.175,.885,.32,1.3) both;background:#0f0f17;border:1px solid #1e1e2e;border-radius:28px;max-width:400px;overflow:hidden;padding:48px 40px 40px;position:relative;text-align:center;width:90%}.tuc-content:before{background:#00e676;background:var(--tier-color,#00e676);border-radius:28px 28px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.tuc-content:after{background:radial-gradient(circle,#00e676 0,#0000 70%);background:radial-gradient(circle,var(--tier-color,#00e676) 0,#0000 70%);border-radius:50%;content:"";height:300px;left:50%;opacity:.06;top:-80px;transform:translateX(-50%);width:300px}.tuc-content:after,.tuc-particles{pointer-events:none;position:absolute}.tuc-particles{inset:0;overflow:hidden}.tuc-particle{animation:tuc-burst 1.4s ease-out 0s both;animation:tuc-burst 1.4s ease-out var(--delay,0s) both;background:#00e676;background:var(--color,#00e676);border-radius:50%;height:6px;height:var(--size,6px);left:50%;opacity:0;position:absolute;top:50%;width:6px;width:var(--size,6px)}.tuc-label{animation:tuc-fade-in-up .5s ease .1s both;color:#6b7280;font-size:11px;font-weight:700;letter-spacing:3px;margin:0 0 28px;text-transform:uppercase}.tuc-badge{align-items:center;animation:tuc-pop-in .65s cubic-bezier(.175,.885,.32,1.3) .15s both,tuc-glow-pulse 2.5s ease-in-out 1.2s infinite;background:#ffffff08;border:3px solid #00e676;border:3px solid var(--tier-color,#00e676);border-radius:50%;display:flex;height:120px;justify-content:center;margin:0 auto 24px;width:120px}.tuc-emoji{animation:tuc-wobble .6s ease .8s both;font-size:52px;line-height:1}.tuc-name{animation:tuc-fade-in-up .5s ease .35s both;font-size:36px;font-weight:800;letter-spacing:-.5px;margin:0 0 8px}.tuc-from{animation:tuc-fade-in-up .5s ease .45s both;color:#4b5563;font-size:13px;margin:0 0 20px}.tuc-arrow{color:#374151;margin:0 4px}.tuc-message{animation:tuc-fade-in-up .5s ease .5s both;color:#9ca3af;font-size:14px;font-style:italic;line-height:1.5;margin:0 0 20px;padding:0 8px}.tuc-bonus{animation:tuc-fade-in-up .5s ease .55s both;background:#00e6760f;border:1px solid #00e6762e;border-radius:10px;color:#6ee7b7;font-size:13px;margin-bottom:10px;padding:10px 16px}.tuc-xp{animation:tuc-fade-in-up .5s ease .6s both;color:#4b5563;font-size:12px;margin:0 0 28px}.tuc-btn{animation:tuc-fade-in-up .5s ease .65s both;border:none;border-radius:14px;color:#060608;cursor:pointer;font-family:inherit;font-size:16px;font-weight:700;padding:14px 44px;transition:opacity .2s,transform .1s}.tuc-btn:hover{opacity:.85}.tuc-btn:active{transform:scale(.97)}@keyframes tuc-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tuc-fade-out{0%{opacity:1}to{opacity:0}}@keyframes tuc-slide-up{0%{opacity:0;transform:translateY(50px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tuc-fade-in-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes tuc-pop-in{0%{opacity:0;transform:scale(.2) rotate(-15deg)}70%{opacity:1;transform:scale(1.1) rotate(3deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes tuc-wobble{0%{transform:rotate(0)}25%{transform:rotate(-12deg) scale(1.1)}50%{transform:rotate(10deg) scale(1.05)}75%{transform:rotate(-6deg)}to{transform:rotate(0)}}@keyframes tuc-glow-pulse{0%,to{box-shadow:0 0 0 0 #0000,0 0 40px -15px #00e676;box-shadow:0 0 0 0 #0000,0 0 40px -15px var(--tier-color,#00e676)}50%{box-shadow:0 0 0 10px #0000,0 0 70px -10px #00e676;box-shadow:0 0 0 10px #0000,0 0 70px -10px var(--tier-color,#00e676)}}@keyframes tuc-burst{0%{opacity:.9;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--px),var(--py)) scale(0)}}
/*# sourceMappingURL=main.33398b21.css.map*/