@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";.dashboard-layout{background:var(--color-bg);min-height:100vh;display:flex}.sidebar{z-index:var(--z-sticky);width:var(--sidebar-width);background:var(--color-bg-sunken);border-right:1px solid var(--color-border);height:100vh;transition:width var(--duration-normal) var(--ease-default);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar-collapsed .sidebar{width:var(--sidebar-collapsed-width)}.sidebar-header{height:80px;padding:0 var(--space-4);border-bottom:2px solid #0000;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-logo{align-items:center;gap:var(--space-3);display:flex}.sidebar-logo-image{object-fit:contain;flex-shrink:0;width:44px;height:44px}.sidebar-logo-text{object-fit:contain;height:28px}.sidebar-collapsed .sidebar-logo-text{display:none}.sidebar-nav{gap:var(--space-4);padding:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.sidebar-nav-group{gap:var(--space-1);flex-direction:column;display:flex}.sidebar-nav-group-title{font-size:10px;font-weight:var(--weight-bold);color:var(--color-fg-subtle);letter-spacing:.1em;padding:0 var(--space-3) var(--space-2) var(--space-3);text-transform:uppercase}.sidebar-nav-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-fg-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:all var(--duration-fast) var(--ease-default);cursor:pointer;text-decoration:none;display:flex}.sidebar-nav-item:hover{color:var(--color-primary);background:#ffffff0d}.sidebar-nav-item.active{color:var(--color-primary);border-left:2px solid var(--color-primary);background:linear-gradient(90deg,#db943b33 0%,#0000 100%)}.sidebar-nav-icon{flex-shrink:0;width:18px;height:18px}.sidebar-nav-label{white-space:nowrap}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--color-border);background:var(--color-bg-elevated)}.sidebar-server-status{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-bg-sunken);border-radius:var(--radius-md);border:1px solid var(--color-border);cursor:pointer;display:flex}.server-status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.server-status-dot.online{background:var(--color-success);box-shadow:0 0 8px var(--color-success)}.server-status-info{flex-direction:column;flex:1;display:flex}.server-status-label{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-fg)}.server-status-name{font-size:var(--text-xs);color:var(--color-fg-subtle)}.server-status-arrow{color:var(--color-fg-subtle)}.main-wrapper{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;display:flex}.topbar{padding:var(--space-6) var(--space-8) var(--space-4) var(--space-8);justify-content:space-between;align-items:flex-end;display:flex}.topbar-title-section{gap:var(--space-1);flex-direction:column;display:flex}.topbar-title{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-fg);align-items:center;gap:var(--space-2);display:flex}.topbar-title-accent{color:var(--color-primary);font-size:var(--text-xl)}.topbar-subtitle{font-size:var(--text-sm);color:var(--color-fg-muted);align-items:center;gap:var(--space-2);display:flex}.topbar-subtitle-accent{color:var(--color-primary);font-size:var(--text-xs)}.topbar-actions{align-items:center;gap:var(--space-4);display:flex}.currency-badge{align-items:center;gap:var(--space-2);background:var(--color-bg-sunken);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-3);display:flex}.currency-accent{color:var(--color-primary);font-size:16px}.currency-amount{font-weight:var(--weight-semibold);color:var(--color-primary);font-size:var(--text-sm)}.currency-add{border-radius:var(--radius-full);width:20px;height:20px;color:var(--color-primary);cursor:pointer;transition:background var(--duration-fast);background:#ffffff1a;border:none;justify-content:center;align-items:center;display:flex}.currency-add:hover{background:#fff3}.theme-toggle{border-radius:var(--radius-full);background:var(--color-bg-sunken);border:1px solid var(--color-border);width:36px;height:36px;color:var(--color-fg-muted);cursor:pointer;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{color:var(--color-primary);border-color:var(--color-primary)}.user-profile{border:2px solid var(--color-primary);cursor:pointer;border-radius:50%;width:44px;height:44px;padding:2px}.user-avatar{object-fit:cover;border-radius:50%;width:100%;height:100%}.main-content{padding:0 var(--space-8) var(--space-8) var(--space-8);flex:1}.auth-layout{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.auth-bg{z-index:0;position:absolute;inset:0}.auth-bg img{object-fit:cover;object-position:left center;width:100%;height:100%}.auth-bg:after{content:"";background:#00000080;position:absolute;inset:0}[data-theme=light] .auth-bg:after{background:0 0}.auth-server-badge{top:var(--space-6);right:var(--space-6);z-index:10;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:.02em;-webkit-backdrop-filter:blur(12px);color:#ffa31a;background:#00000080;border:1px solid #ffa5004d;display:flex;position:absolute;box-shadow:0 0 20px #ff8c0026}[data-theme=light] .auth-server-badge{color:#b86614;background:#ffffffb3;border-color:#eba947;box-shadow:0 0 20px #ffa5001a}.auth-server-badge-icon{color:#ffa31a;width:16px;height:16px}[data-theme=light] .auth-server-badge-icon{color:#b86614}.auth-card-wrapper{z-index:1;width:100%;min-height:100vh;padding:var(--space-8);justify-content:center;align-items:center;display:flex;position:relative}.auth-card{width:100%;max-width:440px;padding:var(--space-10);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(24px);animation:auth-card-enter .6s var(--ease-out) both;background:#0f0c0abf;border:1px solid #ffa50026;box-shadow:0 0 80px #ff78000f,0 25px 50px #0000004d,inset 0 1px #ffc8640d}[data-theme=light] .auth-card{background:#ffffffd9;border-color:#e6d1b3;box-shadow:0 0 80px #ffa5000a,0 25px 50px #00000014,inset 0 1px #ffffff80}@keyframes auth-card-enter{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-card-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);flex-direction:column;display:flex}.auth-logo-icon{object-fit:contain;filter:drop-shadow(0 0 8px #ffa50066);width:100px;height:100px}[data-theme=light] .auth-logo-icon{filter:drop-shadow(0 0 6px #ffa50040)}.auth-logo-text{object-fit:contain;width:auto;height:70px;margin-top:var(--space-2)}.auth-card-subtitle{font-size:var(--text-sm);color:#8c8c8c;text-align:center}[data-theme=light] .auth-card-subtitle{color:#7e6f67}.auth-method-badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);color:#ffa31a;margin-bottom:var(--space-2);background:#ffa5001a;border:1px solid #ffa50033;display:inline-flex}[data-theme=light] .auth-method-badge{color:#ad661f;background:#fcf4e8;border-color:#ebd2ad}.auth-method-badge-icon{width:12px;height:12px}.auth-form{gap:var(--space-5);flex-direction:column;display:flex}.auth-form-group{gap:var(--space-2);flex-direction:column;display:flex}.auth-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:#b3b3b3}[data-theme=light] .auth-label{color:#625650}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input-icon{left:var(--space-3);color:#666;pointer-events:none;width:18px;height:18px;transition:color var(--duration-fast) var(--ease-default);position:absolute}[data-theme=light] .auth-input-icon{color:#988881}.auth-input{width:100%;padding:var(--space-3) var(--space-3) var(--space-3) var(--space-10);font-size:var(--text-base);border-radius:var(--radius-md);color:#e6e6e6;transition:border-color var(--duration-fast) var(--ease-default), box-shadow var(--duration-fast) var(--ease-default), background var(--duration-fast) var(--ease-default);background:#19161499;border:1px solid #383838}[data-theme=light] .auth-input{color:#2e241f;background:#fffc;border-color:#d6ccc2}.auth-input::placeholder{color:#616161}[data-theme=light] .auth-input::placeholder{color:#a3968f}.auth-input:hover{border-color:#4d4d4d}[data-theme=light] .auth-input:hover{border-color:#c1a68b}.auth-input:focus{background:#1e1914cc;border-color:#f90;outline:none;box-shadow:0 0 0 3px #ffa50026}[data-theme=light] .auth-input:focus{background:#fff;border-color:#e89f30;box-shadow:0 0 0 3px #ffa5001a}.auth-input:focus~.auth-input-icon{color:#ffa31a}.auth-input-action{right:var(--space-3);color:#666;border-radius:var(--radius-sm);cursor:pointer;width:28px;height:28px;transition:color var(--duration-fast) var(--ease-default);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.auth-input-action:hover{color:#ffa31a}[data-theme=light] .auth-input-action{color:#8c7b73}[data-theme=light] .auth-input-action:hover{color:#cf7317}.auth-input-action-icon{width:18px;height:18px}.auth-options-row{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.auth-checkbox-wrapper{align-items:center;gap:var(--space-2);cursor:pointer;display:flex}.auth-checkbox{accent-color:#f90;cursor:pointer;width:16px;height:16px}.auth-checkbox-label{font-size:var(--text-sm);color:#999;-webkit-user-select:none;user-select:none}[data-theme=light] .auth-checkbox-label{color:#70635c}.auth-link{font-size:var(--text-sm);font-weight:var(--weight-medium);color:#ffa31a;cursor:pointer;transition:color var(--duration-fast) var(--ease-default);background:0 0;border:none;text-decoration:none}.auth-link:hover{color:#ffb84c;text-decoration:underline}[data-theme=light] .auth-link{color:#c16b15}[data-theme=light] .auth-link:hover{color:#a15912}.auth-submit-btn{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-6);font-size:var(--text-md);font-weight:var(--weight-semibold);border-radius:var(--radius-md);cursor:pointer;color:#fff;transition:transform var(--duration-fast) var(--ease-default), box-shadow var(--duration-fast) var(--ease-default), filter var(--duration-fast) var(--ease-default);background:linear-gradient(135deg,#ff8000 0%,#e66000 100%);border:none;display:flex;box-shadow:0 4px 15px #ff8c0059,inset 0 1px #ffc86433}.auth-submit-btn:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 20px #ff8c0073,inset 0 1px #ffc8644d}.auth-submit-btn:active{filter:brightness(.95);transform:translateY(0);box-shadow:0 2px 8px #ff8c004d,inset 0 1px #ffc8641a}[data-theme=light] .auth-submit-btn{background:linear-gradient(135deg,#f2800d 0%,#cb5b0b 100%);box-shadow:0 4px 15px #c8640040,inset 0 1px #ffc8644d}.auth-submit-icon{width:18px;height:18px}.auth-nav-text{text-align:center;font-size:var(--text-sm);color:#8c8c8c;margin-top:var(--space-4)}[data-theme=light] .auth-nav-text{color:#7e6f67}.auth-back-link{align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-medium);color:#8c8c8c;cursor:pointer;transition:color var(--duration-fast) var(--ease-default);margin-bottom:var(--space-4);background:0 0;border:none;text-decoration:none;display:inline-flex}.auth-back-link:hover{color:#ffa31a}[data-theme=light] .auth-back-link{color:#7e6f67}[data-theme=light] .auth-back-link:hover{color:#c16b15}.auth-back-icon{width:16px;height:16px}.auth-success-message{align-items:center;gap:var(--space-4);text-align:center;padding:var(--space-6) 0;flex-direction:column;display:flex}.auth-success-icon{color:#33cc6b;filter:drop-shadow(0 0 10px #50c8784d);width:48px;height:48px}[data-theme=light] .auth-success-icon{color:#29a356;filter:drop-shadow(0 0 8px #50c87833)}.auth-success-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:#e6e6e6}[data-theme=light] .auth-success-title{color:#2e241f}.auth-success-desc{font-size:var(--text-sm);color:gray;line-height:var(--leading-relaxed)}[data-theme=light] .auth-success-desc{color:#7e6f67}.auth-theme-toggle{bottom:var(--space-6);right:var(--space-6);z-index:10;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(12px);color:#b3b3b3;cursor:pointer;width:40px;height:40px;transition:color var(--duration-fast) var(--ease-default), background var(--duration-fast) var(--ease-default), border-color var(--duration-fast) var(--ease-default);background:#0006;border:1px solid #ffffff1a;justify-content:center;align-items:center;display:flex;position:absolute}.auth-theme-toggle:hover{color:#ffa31a;background:#00000080;border-color:#ffa5004d}[data-theme=light] .auth-theme-toggle{color:#7e6f67;background:#fff9;border-color:#d6ccc2}[data-theme=light] .auth-theme-toggle:hover{color:#c16b15;border-color:#dbb070}.auth-lang-toggle{bottom:var(--space-6);left:var(--space-6);z-index:10;justify-content:center;align-items:center;gap:var(--space-1);height:40px;padding:0 var(--space-3);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(12px);color:#b3b3b3;cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-medium);transition:color var(--duration-fast) var(--ease-default), background var(--duration-fast) var(--ease-default), border-color var(--duration-fast) var(--ease-default);background:#0006;border:1px solid #ffffff1a;display:flex;position:absolute}.auth-lang-toggle:hover{color:#ffa31a;background:#00000080;border-color:#ffa5004d}[data-theme=light] .auth-lang-toggle{color:#7e6f67;background:#fff9;border-color:#d6ccc2}[data-theme=light] .auth-lang-toggle:hover{color:#c16b15;border-color:#dbb070}.auth-mobile-logo{display:none}@media (width<=768px){.auth-bg:after{background:#000000b3}[data-theme=light] .auth-bg:after{background:#fff6}.auth-card-wrapper{width:100%;padding:var(--space-4)}.auth-card{max-width:420px;padding:var(--space-8) var(--space-6)}.auth-server-badge{top:var(--space-4);right:var(--space-4)}.auth-mobile-logo{margin-bottom:var(--space-4);justify-content:center;display:flex}.auth-mobile-logo img{width:auto;height:48px}}@media (width<=480px){.auth-card{padding:var(--space-6) var(--space-4)}}.dashboard-container{gap:var(--space-6);color:var(--color-fg);flex-direction:column;display:flex}.highlight{color:var(--color-primary);font-weight:var(--weight-medium)}.hero{color:#d89f4b;font-weight:var(--weight-medium)}.gold{color:#f1c40f;font-weight:var(--weight-bold)}.class-icon{margin-right:4px;font-size:1.2em}.class-mage{color:#a55eea}.class-archer{color:#2ecc71}.class-swordsman{color:#e74c3c}.class-martial-artist{color:#3498db}.class-swordsman-bg{background:linear-gradient(#ff6b6b,#ee5253);box-shadow:0 0 8px #ee52534d}.class-archer-bg{background:linear-gradient(#1dd1a1,#10ac84);box-shadow:0 0 8px #10ac844d}.class-mage-bg{background:linear-gradient(#9b59b6,#8e44ad);box-shadow:0 0 8px #8e44ad4d}.class-martial-bg{background:linear-gradient(#54a0ff,#2e86de);box-shadow:0 0 8px #2e86de4d}.char-cards-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.char-card{background:var(--color-bg-sunken);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);gap:var(--space-4);cursor:pointer;transition:all var(--duration-fast);display:flex;position:relative;overflow:hidden}.char-card:hover{border-color:#db943b80;transform:translateY(-2px)}.char-card.active{border-color:var(--color-primary);background:linear-gradient(135deg,#db943b0d 0%,#0000 100%);box-shadow:0 0 10px #db943b1a}.char-card-active-star{color:var(--color-primary);text-shadow:0 0 6px var(--color-primary);font-size:16px;position:absolute;top:8px;right:12px}.char-card-avatar-wrapper{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-elevated);flex-shrink:0;width:90px;height:100px;overflow:hidden}.char-card-avatar{object-fit:cover;object-position:center top;width:100%;height:100%}.char-card-info{gap:var(--space-1);padding-top:var(--space-1);flex-direction:column;flex:1;display:flex}.char-card-header-row{margin-bottom:var(--space-1);flex-direction:column;justify-content:flex-start;align-items:flex-start;display:flex}.char-card-name{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-fg);margin:0}.char-card-class{font-size:var(--text-xs);align-items:center;display:flex}.char-card-stats{gap:var(--space-1);font-size:var(--text-xs);color:var(--color-fg-muted);flex-direction:column;display:flex}.char-card-stat{justify-content:space-between;gap:var(--space-2);display:flex}.stat-label{opacity:.7;font-size:10px}.stat-val{font-weight:var(--weight-medium);color:var(--color-fg)}.char-card-last-played{color:var(--color-fg-muted);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border);justify-content:space-between;font-size:10px;display:flex}.dashboard-main-grid{gap:var(--space-6);grid-template-columns:1fr 400px;display:grid}.widget{background:var(--color-bg-sunken);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.widget-header{padding:var(--space-4);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.widget-title{align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-primary);letter-spacing:.05em;display:flex}.flex-between{justify-content:space-between}.selected-char-widget{background:var(--color-bg-sunken);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.selected-char-content{padding:var(--space-5);gap:var(--space-6);flex-direction:column;flex:1;display:flex}.selected-char-profile{align-items:center;gap:var(--space-6);align-self:flex-start;display:flex}.selected-char-header-info{gap:var(--space-3);flex-direction:column;display:flex}.selected-char-name{font-size:32px;font-weight:var(--weight-bold);color:var(--color-fg);margin:0}.selected-char-badges{align-items:center;gap:var(--space-2);display:flex}.char-badge{text-transform:uppercase;letter-spacing:.05em;background:color-mix(in srgb, var(--color-fg) 5%, transparent);border:1px solid color-mix(in srgb, var(--color-fg) 10%, transparent);color:var(--color-fg);border-radius:20px;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.selected-char-class-badge{text-transform:uppercase;letter-spacing:.1em;color:#db943b;background:#db943b1a;border:1px solid #db943b4d;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.selected-char-wealth{gap:var(--space-4);margin-top:var(--space-1);display:flex}.wealth-item{align-items:center;gap:var(--space-2);font-size:var(--text-sm);display:flex}.wealth-label{color:var(--color-fg-muted);text-transform:uppercase;font-size:11px}.wealth-val{font-weight:var(--weight-medium)}.selected-char-img-container{border:2px solid var(--color-border);background:var(--color-bg-elevated);border-radius:50%;width:100px;height:100px;margin:0;overflow:hidden}.selected-char-img-large{object-fit:cover;object-position:center top;width:100%;height:100%}.selected-char-stats-wrapper{gap:var(--space-6);justify-content:space-between;width:100%;display:flex}.selected-char-stats-list{gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);background:0 0;flex-direction:column;flex:1;display:flex}.selected-stat-group-title{color:var(--color-fg-muted);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:var(--weight-bold);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.stat-row{padding:var(--space-2) 0;justify-content:space-between;align-items:center;display:flex}.stat-row .stat-label{color:var(--color-fg-muted);font-size:12px}.stat-row .stat-val{font-size:13px;font-weight:var(--weight-medium);color:var(--color-fg)}.dashboard-columns{gap:var(--space-6);display:flex}.recent-activity-widget{flex:1}.activity-list{padding:var(--space-2);flex-direction:column;display:flex}.activity-item{align-items:flex-start;gap:var(--space-4);padding:var(--space-4);border-bottom:1px solid color-mix(in srgb, var(--color-fg) 5%, transparent);cursor:pointer;transition:background var(--duration-fast);display:flex;position:relative}.activity-item.active{background:color-mix(in srgb, var(--color-fg) 5%, transparent)}.activity-item:hover{background:color-mix(in srgb, var(--color-fg) 2%, transparent)}.activity-icon-wrapper{width:40px;height:40px;color:var(--color-fg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.icon-red{color:#e74c3c;background:#e74c3c26;border:1px solid #e74c3c4d}.icon-green{color:#2ecc71;background:#2ecc7126;border:1px solid #2ecc714d}.icon-gold{color:#f1c40f;background:#f1c40f26;border:1px solid #f1c40f4d}.icon-purple{color:#9b59b6;background:#9b59b626;border:1px solid #9b59b64d}.activity-details{flex-direction:column;justify-content:center;gap:2px;height:40px;display:flex}.activity-title{font-size:var(--text-sm);font-weight:var(--weight-medium);margin:0}.activity-time{font-size:var(--text-xs);color:var(--color-fg-muted);margin:0}.activity-modal-overlay{background:var(--color-bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s fadeIn;display:flex;position:fixed;top:0;left:0}.activity-modal-content{background:var(--color-bg-sunken);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:0 10px 40px color-mix(in srgb, var(--color-fg) 20%, transparent);flex-direction:column;animation:.2s slideUp;display:flex;overflow:hidden}.activity-modal-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-fg) 2%, transparent);justify-content:space-between;align-items:center;display:flex}.activity-modal-title-wrapper{align-items:center;gap:var(--space-3);font-weight:var(--weight-bold);font-size:var(--text-md);color:var(--color-fg);display:flex}.activity-modal-close{color:var(--color-fg-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--duration-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.activity-modal-close:hover{color:var(--color-fg);background:color-mix(in srgb, var(--color-fg) 10%, transparent)}.activity-modal-body{padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.activity-modal-row{font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex}.am-label{color:var(--color-fg-muted)}.am-value{color:var(--color-fg);font-weight:var(--weight-medium)}.activity-modal-dummy-box{margin-top:var(--space-4);padding:var(--space-4);background:color-mix(in srgb, var(--color-fg) 3%, transparent);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-fg-muted);font-size:var(--text-sm);text-align:center;gap:var(--space-2);flex-direction:column;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.widget-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);text-align:center}.view-all-link{color:var(--color-fg-muted);font-size:var(--text-sm);align-items:center;gap:var(--space-1);transition:color var(--duration-fast);text-decoration:none;display:inline-flex}.view-all-link:hover{color:var(--color-primary)}.dashboard-vertical-stack{gap:var(--space-6);flex-direction:column;flex:1.2;display:flex}.playtime-widget{flex-direction:column;flex:1;display:flex;overflow:visible}.playtime-chart-area{padding:var(--space-4);gap:var(--space-4);flex:1;display:flex}.chart-main{gap:var(--space-2);flex:1;grid-template-rows:1fr 30px;grid-template-columns:30px 1fr;display:grid}.chart-legend-horizontal{align-items:center;gap:var(--space-4);color:var(--color-fg-muted);font-size:10px;display:flex}.chart-y-axis{color:var(--color-fg-muted);text-align:right;flex-direction:column;justify-content:space-between;padding-bottom:20px;font-size:10px;display:flex}.chart-bars-container{border-bottom:1px solid var(--color-border);justify-content:space-around;align-items:flex-end;height:100%;padding-bottom:0;display:flex}.chart-bar-column{justify-content:center;align-items:flex-end;width:16%;height:100%;display:flex;position:relative}.chart-bar-column:hover .chart-bar{opacity:.8;filter:brightness(1.2)}.chart-bar{width:100%;max-width:32px;transition:all var(--duration-fast);flex-direction:column-reverse;gap:2px;display:flex}.chart-tooltip{background:var(--color-bg-sunken);border:1px solid var(--color-border);padding:var(--space-3);border-radius:var(--radius-md);box-shadow:0 4px 16px color-mix(in srgb, var(--color-fg) 15%, transparent);opacity:0;visibility:hidden;transition:all var(--duration-fast);z-index:10;pointer-events:none;gap:var(--space-2);flex-direction:column;width:max-content;display:flex;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(10px)}.chart-bar-column:hover .chart-tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.tooltip-title{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-fg);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-1);margin-bottom:var(--space-1);text-align:center}.tooltip-stat{align-items:center;gap:var(--space-2);color:var(--color-fg-muted);font-size:11px;display:flex}.tooltip-stat .legend-dot{width:6px;height:6px}.tooltip-total{font-size:11px;font-weight:var(--weight-bold);color:var(--color-primary);margin-top:var(--space-1);border-top:1px solid var(--color-border);padding-top:var(--space-1);text-align:center}.bar-segment{border-radius:2px;width:100%;transition:height .3s}.chart-x-axis{color:var(--color-fg-muted);text-align:center;grid-column:2;justify-content:space-around;align-items:center;font-size:10px;line-height:1.2;display:flex}.date-active{color:var(--color-fg);font-weight:var(--weight-medium)}.legend-item{align-items:center;gap:var(--space-2);display:flex}.legend-dot{border-radius:50%;width:8px;height:8px}.quick-actions-grid{gap:var(--space-4);padding:var(--space-4);display:flex}.promo-box{background:var(--color-bg-sunken);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-4);flex-direction:column;flex:1;justify-content:space-between;display:flex}.promo-layout-inner{gap:var(--space-3);display:flex}.promo-icon-wrapper{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.promo-icon-wrapper.coupon{color:var(--color-primary);background:#db943b1a;border:1px solid #db943b4d}.promo-icon-wrapper.wheel{color:#f1c40f;background:#f1c40f1a;border:1px solid #f1c40f4d}.promo-info{flex-direction:column;gap:2px;display:flex}.promo-title{font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:.05em;color:var(--color-fg);margin:0 0 2px}.promo-desc{color:var(--color-fg-muted);margin:0;font-size:11px}.promo-sub{color:var(--color-fg-muted);margin:0;font-size:10px}.promo-btn{width:100%;padding:var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-semibold);cursor:pointer;border:1px solid #0000;margin-top:auto}.promo-btn.action-btn{border-color:var(--color-border);color:var(--color-fg);background:0 0}.promo-btn.action-btn:hover{background:color-mix(in srgb, var(--color-fg) 5%, transparent)}.promo-btn.primary-btn{background:var(--color-primary);color:var(--color-primary-fg)}.promo-btn.primary-btn:hover{background:var(--color-primary-hover)}.browse-shop-btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:none;border-top:1px solid var(--color-border);color:var(--color-fg);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:background var(--duration-fast);background:0 0;display:flex}.browse-shop-btn:hover{background:color-mix(in srgb, var(--color-fg) 2%, transparent)}.margin-left-auto{margin-left:auto}.not-found-page{min-height:calc(100vh - var(--topbar-height) - var(--space-12));justify-content:center;align-items:center;display:flex}.not-found-content{text-align:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.not-found-code{font-size:6rem;font-weight:var(--weight-bold);background:linear-gradient(135deg, var(--color-primary), var(--color-accent));-webkit-text-fill-color:transparent;letter-spacing:-.04em;-webkit-background-clip:text;background-clip:text;line-height:1}.not-found-title{font-size:var(--text-2xl);font-weight:var(--weight-semibold);color:var(--color-fg)}.not-found-description{font-size:var(--text-base);color:var(--color-fg-muted);max-width:400px}.not-found-link{align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-2) var(--space-5);background:var(--color-primary);color:var(--color-primary-fg);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:all var(--duration-fast) var(--ease-default);display:inline-flex}.not-found-link:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}body{-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}ul,ol{list-style:none}#root{isolation:isolate;min-height:100vh}:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.35s;--ease-default:cubic-bezier(.4, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--sidebar-width:260px;--sidebar-collapsed-width:72px;--topbar-height:64px;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-primary:#5336e2;--color-primary-hover:#3d1fd6;--color-primary-active:#361bbb;--color-primary-subtle:#ece9fc;--color-primary-fg:#fff;--color-accent:#20b69d;--color-accent-hover:#1c9c87;--color-accent-subtle:#e5faf7;--color-accent-fg:#fff;--color-bg:#f6f7f9;--color-bg-elevated:#fff;--color-bg-sunken:#edeff3;--color-bg-overlay:#0006;--color-sidebar-bg:#1d1d35;--color-sidebar-fg:#c2c9d6;--color-sidebar-fg-active:#fff;--color-sidebar-item-hover:#2a2a46;--color-sidebar-item-active:#5336e2;--color-sidebar-border:#2e2e4c;--color-fg:#131720;--color-fg-muted:#656e81;--color-fg-subtle:#949ba8;--color-border:#dcdfe5;--color-border-hover:#bec4cf;--color-border-focus:var(--color-primary);--color-success:#29a356;--color-success-subtle:#e7f9ed;--color-warning:#f59f0a;--color-warning-subtle:#fef3e2;--color-danger:#dc2828;--color-danger-subtle:#fbe9e9;--color-info:#2080df;--color-info-subtle:#e9f2fc;--color-input-bg:#fff;--color-input-border:var(--color-border);--color-card-bg:#fff;--color-badge-bg:#edeff3}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-primary:#7e68ee;--color-primary-hover:#9988f2;--color-primary-active:#6347eb;--color-primary-subtle:#221c40;--color-primary-fg:#fff;--color-accent:#2dd2b7;--color-accent-hover:#4edac2;--color-accent-subtle:#1d3531;--color-accent-fg:#1a1a1a;--color-bg:#11141d;--color-bg-elevated:#1a1e28;--color-bg-sunken:#0d1016;--color-bg-overlay:#0009;--color-sidebar-bg:#0d0f17;--color-sidebar-fg:#8a94a8;--color-sidebar-fg-active:#f2f2f2;--color-sidebar-item-hover:#1c202c;--color-sidebar-item-active:#7e68ee;--color-sidebar-border:#212531;--color-fg:#e8eaee;--color-fg-muted:#818898;--color-fg-subtle:#5e636e;--color-border:#272a35;--color-border-hover:#3d4252;--color-border-focus:var(--color-primary);--color-success:#41c873;--color-success-subtle:#192e21;--color-warning:#eea62b;--color-warning-subtle:#322815;--color-danger:#de5454;--color-danger-subtle:#321515;--color-info:#4994df;--color-info-subtle:#172430;--color-input-bg:#161922;--color-input-border:var(--color-border);--color-card-bg:#1a1e28;--color-badge-bg:#252937}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-fg);background-color:var(--color-bg);-webkit-user-select:none;user-select:none;transition:color var(--duration-normal) var(--ease-default), background-color var(--duration-normal) var(--ease-default)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background-color:var(--color-primary-subtle);color:var(--color-fg)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-border-hover)}.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}[data-sonner-toaster]{--normal-bg:var(--color-bg-elevated)!important;--normal-text:var(--color-fg)!important;--normal-border:var(--color-border)!important}