.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--background);border-bottom:1px solid transparent;transition:all .2s ease}.navbar.scrolled{border-bottom-color:var(--border)}.navbar-container{display:flex;align-items:center;justify-content:space-between;height:64px;gap:24px}.navbar-logo{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.logo-text{font-size:17px;font-weight:600;color:var(--foreground);letter-spacing:-.01em}.navbar-links{display:flex;align-items:center;gap:4px;margin-left:auto}.nav-link{position:relative;padding:8px 16px;font-size:15px;font-weight:500;color:var(--muted-foreground);background:none;border:none;cursor:pointer;transition:all .2s ease;border-radius:8px}.nav-link:hover{color:var(--foreground)}.nav-link.active{color:var(--foreground);background:var(--muted)}.navbar-actions{display:flex;align-items:center;gap:12px}.theme-selector,.notification-selector{position:relative}.notification-toggle{width:36px;height:36px;border-radius:8px;background:transparent;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--foreground);transition:all .2s ease;position:relative}.notification-toggle:hover{background:var(--muted)}.notification-badge{position:absolute;top:-4px;right:-4px;background:var(--foreground);color:var(--background);font-size:10px;font-weight:600;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.notification-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--background);border:1px solid var(--border);border-radius:var(--radius);min-width:320px;max-width:380px;box-shadow:0 4px 12px #0000001a;z-index:1000;max-height:400px;overflow:hidden;display:flex;flex-direction:column}[data-theme=dark] .notification-menu{box-shadow:0 4px 12px #00000080}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border)}.notification-title{font-size:14px;font-weight:600;color:var(--foreground)}.notification-view-all{font-size:12px;color:var(--muted-foreground);cursor:pointer;transition:color .2s ease}.notification-view-all:hover{color:var(--foreground)}.notification-list{overflow-y:auto;max-height:320px}.notification-item{padding:16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .2s ease;display:flex;gap:12px;position:relative}.notification-item:last-child{border-bottom:none}.notification-item:hover,.notification-item.unread{background:var(--muted)}[data-theme=dark] .notification-item.unread{background:var(--gray-900)}.notification-dot{width:8px;height:8px;border-radius:50%;background:var(--foreground);flex-shrink:0;margin-top:6px}.notification-content{flex:1}.notification-item-title{font-size:13px;font-weight:600;color:var(--foreground);margin-bottom:4px}.notification-item-message{font-size:12px;color:var(--muted-foreground);margin-bottom:6px;line-height:1.4}.notification-time{font-size:11px;color:var(--muted-foreground)}.theme-selector{position:relative}.theme-toggle{width:36px;height:36px;border-radius:8px;background:transparent;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--foreground);transition:all .2s ease}.theme-toggle:hover{background:var(--muted)}.theme-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--background);border:1px solid var(--border);border-radius:var(--radius);padding:8px;min-width:140px;box-shadow:0 4px 12px #0000001a;z-index:1000}[data-theme=dark] .theme-menu{box-shadow:0 4px 12px #00000080}.theme-option{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;background:none;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;color:var(--foreground);font-size:14px}.theme-option:hover,.theme-option.active{background:var(--muted)}.theme-icon{display:flex;align-items:center;justify-content:center}.theme-label{flex:1;text-align:left;font-weight:500}.theme-check{display:flex;align-items:center;justify-content:center}.mobile-menu-toggle{display:none;width:36px;height:36px;border-radius:8px;background:transparent;border:1px solid var(--border);align-items:center;justify-content:center;cursor:pointer;color:var(--foreground)}.mobile-menu{background:var(--background);border-top:1px solid var(--border);padding:16px;display:flex;flex-direction:column;gap:8px}.mobile-nav-link{width:100%;padding:12px 16px;font-size:15px;font-weight:500;color:var(--muted-foreground);background:none;border:none;cursor:pointer;text-align:left;transition:all .2s ease;border-radius:8px}.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--foreground);background:var(--muted)}.user-menu-container{position:relative}.user-avatar-button{background:transparent;border:none;padding:0;cursor:pointer}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--foreground);color:var(--background);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;transition:all .2s ease}.user-avatar:hover{transform:scale(1.05)}.user-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;background:var(--background);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 16px #0000001a;overflow:hidden;z-index:1001}.user-menu-header{display:flex;align-items:center;gap:12px;padding:16px;background:var(--muted)}.user-menu-avatar{width:48px;height:48px;border-radius:50%;background:var(--foreground);color:var(--background);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;flex-shrink:0}.user-menu-info{flex:1;min-width:0}.user-menu-name{font-size:14px;font-weight:600;color:var(--foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-email{font-size:12px;color:var(--muted-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-divider{height:1px;background:var(--border);margin:4px 0}.user-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;font-weight:500;color:var(--foreground);background:transparent;border:none;cursor:pointer;text-align:left;transition:all .2s ease}.user-menu-item:hover{background:var(--muted)}.user-menu-item svg{flex-shrink:0;color:var(--muted-foreground)}.user-menu-logout{color:#ef4444}.user-menu-logout svg{color:#ef4444}.user-menu-logout:hover{background:#ef44441a}.user-menu-stats{padding:12px 16px;display:flex;flex-direction:column;gap:8px}.user-level-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.user-level-badge{background:var(--foreground);color:var(--background);font-size:12px;font-weight:600;padding:4px 10px;border-radius:4px;font-family:SF Mono,Monaco,Consolas,monospace}.user-exp-text{font-size:11px;color:var(--muted-foreground);font-family:SF Mono,Monaco,Consolas,monospace}.user-exp-bar{width:100%;height:4px;background:var(--muted);border-radius:2px;overflow:hidden}.user-exp-fill{height:100%;background:var(--foreground);border-radius:2px;transition:width .3s ease}.user-points-row{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--foreground);font-family:SF Mono,Monaco,Consolas,monospace}.user-points-row svg{color:var(--muted-foreground)}.user-menu-checkin{display:flex;align-items:center;gap:8px;width:calc(100% - 24px);margin:8px 12px;padding:12px 16px;background:var(--foreground);color:var(--background);font-size:14px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.user-menu-checkin:hover:not(:disabled){opacity:.8}.user-menu-checkin:disabled{cursor:default}.user-menu-checkin.checked{background:var(--muted);color:var(--muted-foreground)}.user-menu-checkin.checked:hover{opacity:1}.checkin-streak{margin-left:auto;font-size:12px;opacity:.7}.checkin-preview{margin-left:auto;font-size:11px;opacity:.7;background:#ffffff26;padding:2px 8px;border-radius:4px}.checkin-loading{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.checkin-result{display:flex;align-items:center;gap:8px;margin:0 12px 8px;padding:10px 14px;background:var(--muted);border:1px solid var(--border);border-radius:8px;font-size:12px;color:var(--foreground);animation:fadeIn .3s ease}.checkin-result svg{color:var(--muted-foreground)}.level-up{margin-left:auto;font-weight:600;color:var(--foreground)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.navbar-links,.navbar-actions .btn{display:none}.navbar-actions .user-menu-container,.mobile-menu-toggle{display:flex}}.rotating-text-container{display:inline-block;position:relative;min-width:1ch}.rotating-text{display:inline-block;position:relative}.hero-minimal{min-height:100vh;display:flex;align-items:center;padding-top:64px;position:relative;overflow:hidden}.hero-minimal:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--border);z-index:1}.hero-background-text{position:absolute;font-size:clamp(80px,15vw,200px);font-weight:700;color:var(--foreground);opacity:.02;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:0}[data-theme=dark] .hero-background-text{opacity:.03}.hero-background-text:nth-child(1){top:10%;left:-5%;animation:floatDiagonal 15s ease-in-out infinite,fadeInOut 8s ease-in-out infinite}.hero-background-text:nth-child(2){top:40%;right:-10%;animation:floatHorizontal 18s ease-in-out infinite,fadeInOut 10s ease-in-out infinite 2s}.hero-background-text:nth-child(3){bottom:15%;left:10%;animation:floatVertical 20s ease-in-out infinite,fadeInOut 12s ease-in-out infinite 4s}@keyframes floatDiagonal{0%,to{transform:translate(0) rotate(-5deg)}25%{transform:translate(50px,-30px) rotate(0)}50%{transform:translate(100px) rotate(5deg)}75%{transform:translate(50px,30px) rotate(0)}}@keyframes floatHorizontal{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-80px) scale(1.05)}66%{transform:translate(80px) scale(.95)}}@keyframes floatVertical{0%,to{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-60px) rotate(-2deg)}}@keyframes fadeInOut{0%,to{opacity:.02}50%{opacity:.05}}[data-theme=dark] .hero-background-text:nth-child(1),[data-theme=dark] .hero-background-text:nth-child(2),[data-theme=dark] .hero-background-text:nth-child(3){animation-name:floatDiagonal,fadeInOutDark}[data-theme=dark] .hero-background-text:nth-child(2){animation-name:floatHorizontal,fadeInOutDark}[data-theme=dark] .hero-background-text:nth-child(3){animation-name:floatVertical,fadeInOutDark}@keyframes fadeInOutDark{0%,to{opacity:.03}50%{opacity:.06}}.hero-content{padding:120px 0;max-width:100%;position:relative;z-index:1;display:flex;gap:80px;align-items:flex-start}.hero-left{flex:1;max-width:800px}.hero-title{font-size:clamp(48px,8vw,96px);font-weight:600;letter-spacing:-.03em;line-height:1.1;margin-bottom:32px;color:var(--foreground)}.hero-description{font-size:clamp(16px,2vw,20px);color:var(--muted-foreground);max-width:600px;margin-bottom:48px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.hero-right{flex-shrink:0;width:380px}.announcements-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);padding:32px;transition:all .3s ease}[data-theme=dark] .announcements-card{background:var(--gray-900)}.announcements-card:hover{border-color:var(--foreground)}.announcements-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.announcements-title{font-size:16px;font-weight:600;color:var(--foreground);letter-spacing:-.01em}.announcements-more{font-size:13px;color:var(--muted-foreground);transition:color .2s ease;cursor:pointer}.announcements-more:hover{color:var(--foreground)}.announcement-item{padding:16px 0;border-bottom:1px solid var(--border);transition:all .2s ease;cursor:pointer}.announcement-item:last-child{border-bottom:none;padding-bottom:0}.announcement-item:hover{transform:translate(4px)}.announcement-date{font-size:11px;color:var(--muted-foreground);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.announcement-text{font-size:14px;color:var(--foreground);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 768px){.hero-content{padding:80px 0;flex-direction:column;gap:60px}.hero-left{max-width:100%}.hero-right{width:100%}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%;max-width:320px}}.stats-minimal{position:relative;padding:120px 0;overflow:hidden;background:var(--background)}.stats-background-text{position:absolute;font-size:clamp(80px,15vw,200px);font-weight:700;color:var(--foreground);opacity:.015;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:0}[data-theme=dark] .stats-background-text{opacity:.02}.stats-background-text:nth-child(1){top:15%;left:-5%;animation:floatStats1 20s ease-in-out infinite}.stats-background-text:nth-child(2){bottom:20%;right:-10%;animation:floatStats2 25s ease-in-out infinite}@keyframes floatStats1{0%,to{transform:translate(0) rotate(-2deg)}50%{transform:translate(40px,-20px) rotate(2deg)}}@keyframes floatStats2{0%,to{transform:translate(0) rotate(2deg)}50%{transform:translate(-50px,20px) rotate(-2deg)}}.stats-header{text-align:center;margin-bottom:100px;position:relative;z-index:1}.stats-title{font-size:clamp(36px,5vw,56px);font-weight:600;color:var(--foreground);letter-spacing:-.02em;margin-bottom:16px}.stats-subtitle{font-size:clamp(14px,2vw,16px);color:var(--muted-foreground);max-width:600px;margin:0 auto;line-height:1.6}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;z-index:1}.stat-item{position:relative;padding:40px 32px;text-align:center;cursor:default;transition:all .3s ease}.stat-divider{position:absolute;top:0;left:0;width:1px;height:100%;background:var(--border);opacity:.3}.stat-item:first-child .stat-divider{display:none}.stat-item:hover{background:var(--muted)}[data-theme=dark] .stat-item:hover{background:#ffffff05}.stat-item:hover .stat-divider{background:var(--foreground);opacity:1;width:2px}.stat-label{display:block;font-size:12px;font-weight:600;color:var(--muted-foreground);letter-spacing:.15em;text-transform:uppercase;margin-bottom:24px}.stat-number{display:flex;align-items:baseline;justify-content:center;gap:4px}.stat-value{font-size:clamp(64px,8vw,96px);font-weight:700;color:var(--foreground);letter-spacing:-.05em;line-height:.9;font-family:SF Mono,Monaco,Consolas,monospace;transition:all .3s ease}.stat-item:hover .stat-value{transform:scale(1.05)}.stat-suffix{font-size:clamp(32px,4vw,48px);font-weight:700;color:var(--foreground);opacity:.4;font-family:SF Mono,Monaco,Consolas,monospace;margin-bottom:12px}@media (max-width: 1200px){.stat-item{padding:36px 24px}}@media (max-width: 1024px){.stats-minimal{padding:100px 0}.stats-header{margin-bottom:80px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-item{padding:40px 28px}.stat-item:nth-child(odd) .stat-divider{display:none}.stat-item:nth-child(2n) .stat-divider{display:block}}@media (max-width: 768px){.stats-minimal{padding:80px 0}.stats-header{margin-bottom:60px}.stats-grid{grid-template-columns:1fr}.stat-item{padding:32px 20px;border-bottom:1px solid var(--border)}.stat-item:last-child{border-bottom:none}.stat-divider{display:none}}.news-minimal{padding:120px 0;background:var(--muted);position:relative;overflow:hidden}.news-minimal:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--border);z-index:1}.news-background-text{position:absolute;font-size:clamp(100px,20vw,300px);font-weight:700;color:var(--foreground);opacity:.015;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:0;top:50%;left:50%;transform:translate(-50%,-50%)}[data-theme=dark] .news-background-text{opacity:.025}@media (max-width: 768px){.news-minimal{padding:80px 0}}.news-minimal .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:64px}.news-minimal .section-header .section-title{margin-bottom:0}.view-more-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;color:var(--foreground);background:transparent;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s ease}.view-more-btn:hover{border-color:var(--foreground);background:var(--foreground);color:var(--background)}.view-more-btn svg{transition:transform .2s ease}.view-more-btn:hover svg{transform:translate(4px)}@media (max-width: 768px){.news-minimal .section-header{flex-direction:column;gap:24px;text-align:center}}.news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;position:relative;z-index:1}.news-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);padding:32px;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column}[data-theme=dark] .news-card{background:var(--gray-900)}.news-card:hover{border-color:var(--foreground);transform:translateY(-4px)}.news-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.news-tag{font-size:11px;font-weight:600;color:var(--foreground);background:var(--muted);padding:4px 12px;border-radius:100px;text-transform:uppercase;letter-spacing:.05em}[data-theme=dark] .news-tag{background:var(--gray-800)}.news-date{font-size:12px;color:var(--muted-foreground);font-family:SF Mono,Monaco,Consolas,monospace}.news-title{font-size:20px;font-weight:600;color:var(--foreground);margin-bottom:12px;letter-spacing:-.01em}.news-description{font-size:14px;color:var(--muted-foreground);line-height:1.7;margin-bottom:24px;flex:1}.news-link{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--foreground);transition:all .3s ease}.news-card:hover .news-link{gap:12px}.news-link svg{transition:transform .3s ease}.news-card:hover .news-link svg{transform:translate(4px)}@media (max-width: 768px){.news-grid{grid-template-columns:1fr;gap:24px}.news-card{padding:24px}}.features-minimal{padding:120px 0;position:relative;overflow:hidden}.features-minimal:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--border);z-index:1}.features-background-text{position:absolute;font-size:clamp(100px,20vw,300px);font-weight:700;color:var(--foreground);opacity:.015;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:0;top:50%;left:50%;transform:translate(-50%,-50%)}[data-theme=dark] .features-background-text{opacity:.025}@media (max-width: 768px){.features-minimal{padding:80px 0}}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;position:relative;z-index:1}.feature-card{padding:40px 32px;border:1px solid var(--border);border-radius:var(--radius);transition:all .3s ease;background:var(--background)}[data-theme=dark] .feature-card{background:var(--gray-900)}.feature-card:hover{border-color:var(--foreground);transform:translateY(-4px)}.feature-number{font-size:14px;font-weight:600;color:var(--muted-foreground);margin-bottom:16px;font-family:SF Mono,Monaco,Consolas,monospace}.feature-title{font-size:20px;font-weight:600;color:var(--foreground);margin-bottom:12px;letter-spacing:-.01em}.feature-description{font-size:15px;color:var(--muted-foreground);line-height:1.7}@media (max-width: 768px){.features-grid{grid-template-columns:1fr;gap:24px}.feature-card{padding:32px 24px}}.server-list-minimal{padding:120px 0;background:var(--muted);position:relative;overflow:hidden}.server-list-minimal:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--border);z-index:1}.server-background-text{position:absolute;font-size:clamp(100px,20vw,300px);font-weight:700;color:var(--foreground);opacity:.015;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:0;top:50%;left:50%;transform:translate(-50%,-50%)}[data-theme=dark] .server-background-text{opacity:.025}@media (max-width: 768px){.server-list-minimal{padding:80px 0}}.section-title{font-size:clamp(32px,5vw,48px);font-weight:600;letter-spacing:-.02em;margin-bottom:64px;text-align:center;color:var(--foreground);position:relative;z-index:1}.servers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;position:relative;z-index:1}.server-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);padding:32px;transition:all .2s ease;cursor:pointer}[data-theme=dark] .server-card{background:var(--gray-900);border-color:var(--gray-700)}.server-card:hover{border-color:var(--foreground)}.server-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.server-name{font-size:20px;font-weight:600;color:var(--foreground);letter-spacing:-.01em}.server-status{font-size:12px;font-weight:500;padding:4px 10px;border-radius:100px;text-transform:uppercase;letter-spacing:.02em}.server-status.online{background:#22c55e1a;color:#22c55e}.server-status.offline{background:#ef44441a;color:#ef4444}.server-status.maintenance{background:#eab3081a;color:#eab308}[data-theme=dark] .server-status.online{background:#22c55e26}[data-theme=dark] .server-status.offline{background:#ef444426}[data-theme=dark] .server-status.maintenance{background:#eab30826}.server-region{font-size:13px;color:var(--muted-foreground);padding:4px 12px;background:var(--muted);border-radius:100px}[data-theme=dark] .server-region{background:var(--gray-800)}.server-ip-row{display:flex;align-items:center;gap:8px;margin-bottom:20px}.copy-ip-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;color:var(--muted-foreground);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.copy-ip-btn:hover{color:var(--foreground);background:var(--muted)}.copy-ip-btn.copied{color:#22c55e}.server-map{font-size:14px;color:var(--muted-foreground);margin-bottom:24px}.server-card.online{border-left:3px solid #22c55e}.server-card.offline{border-left:3px solid #ef4444;opacity:.7}.server-card.maintenance{border-left:3px solid #eab308}.server-stats{display:flex;gap:24px}.stat{display:flex;flex-direction:column;gap:4px}.stat-value{font-size:16px;font-weight:600;color:var(--foreground);font-family:SF Mono,Monaco,Consolas,monospace}@media (max-width: 768px){.servers-grid{grid-template-columns:1fr}}.rules-minimal{padding:120px 0;position:relative;overflow:hidden}.rules-minimal:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--border);z-index:1}.rules-background-text{position:absolute;font-size:clamp(100px,20vw,300px);font-weight:700;color:var(--foreground);opacity:.015;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:0;top:50%;left:50%;transform:translate(-50%,-50%)}[data-theme=dark] .rules-background-text{opacity:.025}@media (max-width: 768px){.rules-minimal{padding:80px 0}}.rules-intro{text-align:center;font-size:16px;color:var(--muted-foreground);max-width:600px;margin:16px auto 64px;position:relative;z-index:1}.rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;position:relative;z-index:1}.rule-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);padding:40px 32px;transition:all .3s ease}[data-theme=dark] .rule-card{background:var(--gray-900)}.rule-card:hover{border-color:var(--foreground)}.rule-category{font-size:20px;font-weight:600;color:var(--foreground);margin-bottom:24px;letter-spacing:-.01em;padding-bottom:16px;border-bottom:1px solid var(--border)}.rule-list{list-style:none;padding:0;margin:0}.rule-item{font-size:14px;color:var(--muted-foreground);line-height:1.7;padding-left:24px;position:relative;margin-bottom:12px}.rule-item:last-child{margin-bottom:0}.rule-item:before{content:"•";position:absolute;left:8px;color:var(--foreground);font-weight:600}@media (max-width: 768px){.rules-grid{grid-template-columns:1fr;gap:24px}.rule-card{padding:32px 24px}}.community-minimal{padding:120px 0;background:var(--muted);position:relative}.community-minimal:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--border)}@media (max-width: 768px){.community-minimal{padding:80px 0}}.community-intro{text-align:center;font-size:16px;color:var(--muted-foreground);max-width:600px;margin:16px auto 64px}.community-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.community-card{display:flex;justify-content:space-between;align-items:center;padding:40px 32px;border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;transition:all .3s ease;gap:24px}.community-card:hover{border-color:var(--foreground);transform:translate(4px)}.community-content{flex:1}.community-name{font-size:20px;font-weight:600;color:var(--foreground);margin-bottom:8px;letter-spacing:-.01em}.community-description{font-size:14px;color:var(--muted-foreground);line-height:1.6}.community-link{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--foreground);white-space:nowrap}.community-link svg{transition:transform .3s ease}.community-card:hover .community-link svg{transform:translate(4px)}@media (max-width: 768px){.community-grid{grid-template-columns:1fr}.community-card{padding:32px 24px;flex-direction:column;align-items:flex-start}.community-link{align-self:flex-end}}.cta-minimal{padding:120px 0;position:relative}.cta-minimal:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--border)}@media (max-width: 768px){.cta-minimal{padding:80px 0}}.cta-content{text-align:center;max-width:700px;margin:0 auto;padding:80px 40px;border:1px solid var(--border);border-radius:var(--radius);transition:all .3s ease}.cta-content:hover{border-color:var(--foreground)}.cta-title{font-size:clamp(32px,5vw,48px);font-weight:600;letter-spacing:-.02em;margin-bottom:24px;color:var(--foreground)}.cta-description{font-size:clamp(16px,2vw,18px);color:var(--muted-foreground);margin-bottom:48px;line-height:1.7}.cta-actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}@media (max-width: 768px){.cta-content{padding:60px 32px}.cta-actions{flex-direction:column;width:100%}.cta-actions .btn{width:100%;max-width:280px}}.footer{border-top:1px solid var(--border);background:var(--background);margin-top:auto}.footer-content{padding:80px 0 40px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:64px;margin-bottom:64px}.footer-brand{display:flex;flex-direction:column;gap:16px}.footer-brand-name{font-size:17px;font-weight:600;color:var(--foreground);letter-spacing:-.01em}.footer-description{font-size:14px;color:var(--muted-foreground);line-height:1.7;max-width:320px}.footer-section-title{font-size:13px;font-weight:600;color:var(--foreground);margin-bottom:16px;text-transform:uppercase;letter-spacing:.05em}.footer-links{display:flex;flex-direction:column;gap:12px}.footer-link{font-size:14px;color:var(--muted-foreground);text-decoration:none;transition:all .2s ease}.footer-link:hover{color:var(--foreground)}.footer-bottom{padding-top:32px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-copyright{font-size:13px;color:var(--muted-foreground)}.footer-designer{display:flex;align-items:center;gap:8px;font-size:13px}.designer-label{color:var(--muted-foreground)}.designer-name{font-weight:600;color:var(--foreground);padding:2px 8px;background:var(--foreground);color:var(--background);border-radius:4px}.footer-legal{display:flex;align-items:center;gap:16px}.footer-legal-link{font-size:13px;color:var(--muted-foreground);text-decoration:none;transition:all .2s ease}.footer-legal-link:hover{color:var(--foreground)}.footer-separator{color:var(--border)}@media (max-width: 768px){.footer-grid{grid-template-columns:1fr;gap:40px}.footer-bottom{flex-direction:column;text-align:center}.footer-legal{flex-wrap:wrap;justify-content:center}}.stat-card{padding:2.5rem;text-align:center;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;transition:all .3s ease}[data-theme=light] .stat-card{background:#fffc;border-color:#00000014}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000026}[data-theme=dark] .stat-card:hover{box-shadow:0 12px 32px #0006}.stat-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 1.5rem;border-radius:12px;background:linear-gradient(135deg,#2196f3,#42a5f5);color:#fff}.stat-value{font-family:Poppins,sans-serif!important;font-size:2.5rem!important;font-weight:900!important;margin-bottom:.5rem!important;letter-spacing:-.02em!important;color:#000!important}[data-theme=dark] .stat-value{color:#fff!important}.stat-label{font-family:Poppins,sans-serif!important;font-size:.95rem!important;color:#0009!important}[data-theme=dark] .stat-label{color:#fff9!important}.group-card{height:100%;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.08);border-radius:16px;overflow:hidden;transition:all .3s ease}[data-theme=dark] .group-card{background:#ffffff08;border-color:#ffffff1a}.group-card:hover{box-shadow:0 12px 32px #00000026}[data-theme=dark] .group-card:hover{box-shadow:0 12px 32px #0006}.group-badge{padding:.4rem 1rem;border-radius:20px;font-family:Poppins,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.group-members{display:flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border-radius:20px;background:#0000000d;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:600;color:#000000b3}[data-theme=dark] .group-members{background:#ffffff0d;color:#ffffffb3}.group-name{font-family:Poppins,sans-serif!important;font-size:1.5rem!important;font-weight:700!important;letter-spacing:-.02em!important;margin-bottom:1rem!important;color:#000!important}[data-theme=dark] .group-name{color:#fff!important}.group-description{font-family:Poppins,sans-serif!important;font-size:.95rem!important;line-height:1.6!important;color:#0009!important;margin-bottom:1.5rem!important}[data-theme=dark] .group-description{color:#fff9!important}.group-number-box{padding:1.25rem;border-radius:12px;background:#00000008;margin-bottom:1.5rem}[data-theme=dark] .group-number-box{background:#ffffff08}.group-number-label{font-family:Poppins,sans-serif!important;font-size:.75rem!important;color:#00000080!important;margin-bottom:.5rem!important;text-transform:uppercase!important;letter-spacing:.1em!important}[data-theme=dark] .group-number-label{color:#ffffff80!important}.group-number{font-family:JetBrains Mono,monospace!important;font-size:1.25rem!important;font-weight:700!important;letter-spacing:.05em!important;color:#000!important}[data-theme=dark] .group-number{color:#fff!important}.copy-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;border:2px solid;border-radius:12px;background:transparent;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.copy-button:not(.copied):hover{background:currentColor}.copy-button:not(.copied):hover span{color:#fff}.copy-button.copied{border-color:#4caf50;color:#fff;background:#4caf50}.help-card{padding:3rem;border-radius:16px;background:linear-gradient(135deg,#2196f30d,#9c27b00d);border:1px solid rgba(0,0,0,.08);text-align:center}[data-theme=dark] .help-card{background:linear-gradient(135deg,#2196f31a,#9c27b01a);border-color:#ffffff1a}.help-title{font-family:Poppins,sans-serif!important;font-size:1.75rem!important;font-weight:700!important;margin-bottom:1rem!important;color:#000!important}[data-theme=dark] .help-title{color:#fff!important}.help-description{font-family:Poppins,sans-serif!important;font-size:1.05rem!important;line-height:1.8!important;color:#0009!important;max-width:600px;margin:0 auto;text-align:center}[data-theme=dark] .help-description{color:#fff9!important}@media (max-width: 768px){.stat-card{padding:2rem}.stat-icon{width:56px;height:56px}.stat-value{font-size:2rem}.group-name{font-size:1.25rem}.help-card{padding:2rem}.help-title{font-size:1.5rem}.help-description{font-size:1rem}}@media (max-width: 480px){.stat-card{padding:1.5rem}.stat-icon{width:48px;height:48px}.stat-value{font-size:1.75rem}.stat-label{font-size:.85rem}.group-badge,.group-members{font-size:.7rem;padding:.3rem .75rem}.group-name{font-size:1.1rem}.group-description{font-size:.9rem}.copy-button{font-size:.85rem;padding:.875rem}.help-card{padding:1.5rem}.help-title{font-size:1.25rem}.help-description{font-size:.9rem}}.profile-page{min-height:100vh;background:var(--background);padding-top:100px;padding-bottom:80px}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem;color:var(--muted-foreground)}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--foreground);border-radius:50%;animation:spin .8s linear infinite}.profile-header-card{background:var(--muted);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;margin-bottom:1.5rem}[data-theme=dark] .profile-header-card{background:var(--gray-900);border-color:var(--gray-700)}.profile-avatar-section{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.avatar-wrapper{position:relative;flex-shrink:0}.profile-avatar,.profile-avatar-placeholder{width:100px;height:100px;border-radius:50%;object-fit:cover}.profile-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:var(--foreground);color:var(--background);font-size:2.5rem;font-weight:600}.avatar-edit-btn{position:absolute;bottom:0;right:0;width:32px;height:32px;border-radius:50%;background:var(--foreground);color:var(--background);border:3px solid var(--background);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.avatar-edit-btn:hover{transform:scale(1.1)}.profile-info{flex:1;min-width:0}.profile-name-row{display:flex;align-items:center;gap:.5rem}.profile-name{font-size:1.75rem;font-weight:700;color:var(--foreground);margin:0;letter-spacing:-.02em}.edit-name-btn{width:28px;height:28px;border-radius:6px;background:transparent;border:1px solid var(--border);color:var(--muted-foreground);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.edit-name-btn:hover{background:var(--muted);color:var(--foreground);border-color:var(--foreground)}.profile-name-hint{font-size:.75rem;color:var(--muted-foreground);margin:.25rem 0 .75rem;font-style:italic}.profile-meta{display:flex;flex-wrap:wrap;gap:1rem}.meta-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--muted-foreground)}.profile-stats{display:flex;gap:2rem}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-item .stat-label{font-size:.75rem;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em}.stat-item .stat-value{font-size:1rem;font-weight:600;color:var(--foreground)}.profile-alert{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:var(--radius);margin-bottom:1.5rem;font-size:.875rem}.profile-alert.success{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.profile-alert.error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.profile-settings-card{background:var(--muted);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}[data-theme=dark] .profile-settings-card{background:var(--gray-900);border-color:var(--gray-700)}.settings-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 1rem}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 1.25rem;background:transparent;border:none;color:var(--muted-foreground);font-size:.875rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s}.tab-btn:hover{color:var(--foreground)}.tab-btn.active{color:var(--foreground);border-bottom-color:var(--foreground)}.settings-content{padding:2rem}.settings-form{max-width:500px}.form-title{font-size:1.25rem;font-weight:600;color:var(--foreground);margin:0 0 .5rem}.form-desc{font-size:.875rem;color:var(--muted-foreground);margin:0 0 1.5rem}.form-row{display:flex;gap:1rem;align-items:flex-end}.form-group{margin-bottom:1rem}.form-group.flex-1{flex:1}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--foreground);margin-bottom:.5rem}.form-input{width:100%;padding:.75rem 1rem;font-size:.875rem;color:var(--foreground);background:var(--background);border:1px solid var(--border);border-radius:var(--radius);transition:all .2s}.form-input:focus{outline:none;border-color:var(--foreground)}.form-input:disabled{opacity:.5;cursor:not-allowed}.form-input::placeholder{color:var(--muted-foreground)}.input-with-icon{position:relative}.input-with-icon .form-input{padding-right:3rem}.input-icon-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--muted-foreground);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center}.input-icon-btn:hover{color:var(--foreground)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;border-radius:var(--radius);cursor:pointer;transition:all .2s;white-space:nowrap}.btn-primary{background:var(--foreground);color:var(--background);border:none}.btn-primary:hover:not(:disabled){opacity:.9}.btn-secondary{background:var(--background);color:var(--foreground);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--foreground)}.btn-danger{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.btn-danger:hover:not(:disabled){background:#ef4444;color:#fff}.btn-full{width:100%}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{width:100%;max-width:480px;background:var(--background);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}[data-theme=dark] .modal{background:var(--gray-900);border-color:var(--gray-700)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.modal-title{font-size:1.125rem;font-weight:600;color:var(--foreground);margin:0}.modal-close{width:32px;height:32px;border:none;background:transparent;color:var(--muted-foreground);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);transition:all .2s}.modal-content{padding:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border)}.info-alert{display:flex;gap:.75rem;padding:1rem;background:var(--muted);border-radius:var(--radius);margin-bottom:1.5rem;font-size:.8125rem;color:var(--muted-foreground);line-height:1.6}.info-alert p{margin:0}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;border:2px dashed var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s;text-align:center;color:var(--muted-foreground)}.upload-zone:hover{border-color:var(--foreground);background:var(--muted)}.upload-zone h4{margin:1rem 0 .5rem;color:var(--foreground);font-weight:600}.upload-zone p{margin:0;font-size:.875rem}.preview-zone{display:flex;flex-direction:column;align-items:center;gap:1rem}.avatar-preview{width:200px;height:200px;border-radius:50%;object-fit:cover;border:4px solid var(--border)}.file-info{display:flex;gap:1rem;font-size:.875rem;color:var(--muted-foreground);padding:.75rem 1rem;background:var(--muted);border-radius:var(--radius)}.preview-actions{display:flex;gap:.75rem}@media (max-width: 768px){.profile-page{padding-top:80px;padding-bottom:60px}.profile-header-card{padding:1.5rem}.profile-avatar-section{flex-direction:column;text-align:center}.profile-name-row,.profile-meta{justify-content:center}.profile-stats{justify-content:center;width:100%}.settings-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-btn{padding:.875rem 1rem}.settings-content{padding:1.5rem}.form-row{flex-direction:column}.form-row .btn{width:100%}}@media (max-width: 480px){.profile-avatar,.profile-avatar-placeholder{width:80px;height:80px;font-size:2rem}.profile-name{font-size:1.5rem}.profile-stats{flex-direction:column;gap:1rem;align-items:center}.modal{max-height:90vh;overflow-y:auto}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}.avatar-preview{width:150px;height:150px}.preview-actions{flex-direction:column;width:100%}.preview-actions .btn{width:100%}}.announcements-page{min-height:100vh;padding-top:100px;padding-bottom:80px;background:var(--background)}.page-header{display:flex;align-items:center;gap:20px;margin-bottom:32px}.page-header-icon{width:56px;height:56px;border-radius:var(--radius);background:var(--foreground);color:var(--background);display:flex;align-items:center;justify-content:center;flex-shrink:0}.page-header-text{flex:1}.page-title{font-size:clamp(28px,5vw,40px);font-weight:600;color:var(--foreground);letter-spacing:-.02em;margin-bottom:4px}.page-subtitle{font-size:15px;color:var(--muted-foreground)}.filter-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.filter-chip{padding:8px 16px;border:1px solid var(--border);border-radius:100px;background:transparent;color:var(--muted-foreground);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-chip:hover{border-color:var(--foreground);color:var(--foreground)}.filter-chip.active{background:var(--foreground);border-color:var(--foreground);color:var(--background)}.page-divider{height:1px;background:var(--border);margin-bottom:32px}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;color:var(--muted-foreground)}.loading-state .spinner{width:32px;height:32px;border:2px solid var(--border);border-top-color:var(--foreground);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.error-state svg,.empty-state svg{color:var(--muted-foreground);opacity:.5;margin-bottom:16px}.empty-state h3{font-size:18px;font-weight:600;color:var(--foreground);margin-bottom:8px}.empty-state p,.error-state p{font-size:14px;color:var(--muted-foreground)}.announcements-list{display:flex;flex-direction:column;gap:16px}.announcement-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:all .2s ease;position:relative}.announcement-card:hover{border-color:var(--foreground);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.announcement-accent{position:absolute;left:0;top:0;bottom:0;width:4px}.announcement-body{display:flex;align-items:center;gap:20px;padding:24px 24px 24px 28px}.announcement-icon-box{width:56px;height:56px;border-radius:var(--radius);border:1px solid;display:flex;align-items:center;justify-content:center;flex-shrink:0}.announcement-content{flex:1;min-width:0}.announcement-meta{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.type-tag{padding:4px 10px;border-radius:100px;font-size:11px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.05em}.date-text,.views-text{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--muted-foreground)}.pinned-tag{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:100px;font-size:11px;font-weight:600;background:var(--foreground);color:var(--background)}.announcement-title{font-size:18px;font-weight:600;color:var(--foreground);margin-bottom:6px;letter-spacing:-.01em;line-height:1.4}.announcement-excerpt{font-size:14px;color:var(--muted-foreground);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.announcement-arrow{color:var(--muted-foreground);flex-shrink:0;transition:transform .2s ease}.announcement-card:hover .announcement-arrow{transform:translate(4px);color:var(--foreground)}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:40px;padding-top:24px;border-top:1px solid var(--border)}.pagination-info{font-size:14px;color:var(--muted-foreground)}.pagination .btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.announcements-page{padding-top:80px;padding-bottom:60px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.page-header-icon{width:48px;height:48px}.announcement-body{flex-direction:column;align-items:flex-start;gap:16px;padding:20px 20px 20px 24px}.announcement-icon-box{width:48px;height:48px}.announcement-arrow{display:none}.announcement-meta{gap:8px}.pagination{flex-direction:column;gap:12px}.pagination .btn{width:100%;max-width:200px}}@media (max-width: 480px){.filter-chips{gap:6px}.filter-chip{padding:6px 12px;font-size:13px}.announcement-title{font-size:16px}.announcement-excerpt{font-size:13px}}.hero-type-tabs{display:flex;gap:8px;margin-bottom:24px;padding:4px;background:var(--color-canvas-subtle);border:1px solid var(--color-border-default);border-radius:var(--border-radius);width:fit-content}.hero-type-tab{display:flex;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;color:var(--color-fg-muted);background:transparent;border:none;border-radius:calc(var(--border-radius) - 2px);cursor:pointer;transition:all .2s ease}.hero-type-tab:hover{color:var(--color-fg-default);background:var(--color-canvas-default)}.hero-type-tab.active{color:var(--color-fg-default);background:var(--color-canvas-default);box-shadow:0 1px 3px #0000001a}[data-theme=dark] .hero-type-tab.active{background:var(--gray-800)}.hero-section{margin-top:var(--space-4)}.hero-section .card-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.section-title-group{display:flex;align-items:center;gap:var(--space-3)}.section-icon{width:40px;height:40px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.section-desc{font-size:12px;color:var(--color-fg-muted);margin:2px 0 0}.server-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-3);margin-top:var(--space-3)}.server-card{background:var(--color-canvas-subtle);border:1px solid var(--color-border-default);border-radius:var(--border-radius);padding:var(--space-3);position:relative;transition:all .2s}.server-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-muted)}.server-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-2)}.server-info{display:flex;align-items:center;gap:var(--space-2);min-width:0}.server-icon{width:36px;height:36px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.server-name{font-size:14px;font-weight:600;color:var(--color-fg-default);margin:0;line-height:1.3}.server-index{font-size:12px;color:var(--color-fg-muted)}.server-actions{display:flex;gap:var(--space-1);flex-shrink:0}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:2em;font-size:12px;font-weight:500;margin-bottom:var(--space-2)}.server-ip{font-size:13px;color:var(--color-fg-muted);font-family:SF Mono,Menlo,Monaco,Consolas,monospace;background:var(--color-canvas-default);padding:var(--space-2);border-radius:var(--border-radius);border:1px solid var(--color-border-default);margin-top:var(--space-2)}.server-edit-area{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border-default);display:flex;flex-direction:column;gap:var(--space-3)}.status-options{display:flex;gap:var(--space-2);flex-wrap:wrap}.status-option{padding:4px 12px;border:1px solid var(--color-border-default);border-radius:var(--border-radius);background:var(--color-canvas-default);color:var(--color-fg-muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.status-option:hover{border-color:var(--option-color);color:var(--option-color);background:var(--option-bg)}.status-option.active{border-color:var(--option-color);color:var(--option-color);background:var(--option-bg);font-weight:600}.qq-group-list{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3)}.qq-group-card{display:block;background:var(--color-canvas-subtle);border:1px solid var(--color-border-default);border-radius:var(--border-radius);padding:var(--space-3);position:relative;transition:all .2s}.qq-group-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--group-color, var(--color-accent-fg));border-radius:var(--border-radius) 0 0 var(--border-radius)}.qq-group-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-muted)}.qq-group-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.qq-group-info{display:flex;align-items:center;gap:var(--space-3);min-width:0;flex:1}.qq-group-icon{width:44px;height:44px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.qq-group-name{font-size:15px;font-weight:600;color:var(--color-fg-default);margin:0;line-height:1.3}.qq-group-meta{font-size:12px;color:var(--color-fg-muted)}.qq-group-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.highlight-badge{padding:2px 10px;border-radius:2em;font-size:12px;font-weight:600;border:1px solid}.qq-group-preview{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border-default);flex-wrap:wrap}.qq-number{font-size:13px;color:var(--color-fg-muted);flex-shrink:0}.qq-number code{font-family:SF Mono,Menlo,Monaco,Consolas,monospace;font-weight:600;color:var(--color-fg-default);background:var(--color-canvas-default);padding:2px 6px;border-radius:4px;border:1px solid var(--color-border-default)}.qq-desc{font-size:13px;color:var(--color-fg-muted);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qq-group-edit-area{display:block;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border-default);width:100%;box-sizing:border-box}.hero-section .form-row{display:flex!important;flex-direction:row!important;gap:var(--space-3);width:100%;margin-bottom:var(--space-3);align-items:flex-start}.hero-section .form-row:last-child{margin-bottom:0}.hero-section .form-row>.form-group{flex:1 1 0!important;min-width:0;margin-bottom:0}.form-group.flex-1{flex:1 1 0;min-width:0}.qq-group-edit-area .form-row .form-group{flex:1;min-width:0}.qq-group-edit-area>.form-group{width:100%;margin-bottom:var(--space-3)}.qq-group-edit-area>.form-group:last-child{margin-bottom:0}.icon-preview{height:38px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border-default);background:var(--color-canvas-default)}.preview-icon{font-size:1.5rem}@media (max-width: 768px){.server-grid{grid-template-columns:1fr}.hero-section .card-header{flex-direction:column;align-items:flex-start}.hero-section .form-row{flex-direction:column!important;gap:var(--space-2)}.hero-section .form-row>.form-group,.form-group.flex-1{width:100%;flex:none!important}.qq-group-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.qq-group-actions{width:100%;justify-content:flex-end}.qq-group-preview{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.qq-desc{white-space:normal}.icon-preview{width:100%;height:48px}}@media (max-width: 480px){.server-card,.qq-group-card{padding:var(--space-2)}.server-icon{width:32px;height:32px}.qq-group-icon{width:36px;height:36px;font-size:1.25rem}.server-name{font-size:13px}.qq-group-name{font-size:14px}.status-options{flex-direction:column}.status-option{width:100%;text-align:center}.highlight-badge{font-size:11px;padding:2px 8px}.section-title-group{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.section-icon{width:32px;height:32px}}.toast-container{position:fixed;top:80px;right:16px;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none;max-width:calc(100vw - 32px)}.toast{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;box-shadow:0 4px 12px #00000026,0 0 1px #0000001a;font-size:14px;font-weight:500;color:#fff;pointer-events:auto;min-width:200px;max-width:400px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toast-message{flex:1;line-height:1.4;word-break:break-word}.toast-close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:#fff3;border-radius:4px;color:inherit;cursor:pointer;opacity:.7;transition:all .2s;flex-shrink:0}.toast-close:hover{opacity:1;background:#ffffff4d}.toast svg:first-child{flex-shrink:0}.toast-success{background:var(--color-success-emphasis, #1a7f37)}.toast-error{background:var(--color-danger-emphasis, #cf222e)}.toast-warning{background:var(--color-attention-emphasis, #9a6700)}.toast-info{background:var(--color-accent-emphasis, #0969da)}@media (max-width: 480px){.toast-container{left:16px;right:16px}.toast{min-width:auto;max-width:none;width:100%}}.detail-page{min-height:100vh;padding-top:100px;padding-bottom:80px;background:var(--background)}.loading-skeleton{display:flex;flex-direction:column;gap:24px}.skeleton-back{width:200px;height:40px;background:var(--muted);border-radius:var(--radius);animation:pulse 1.5s infinite}.skeleton-header{height:200px;background:var(--muted);border-radius:var(--radius);animation:pulse 1.5s infinite}.skeleton-content{height:400px;background:var(--muted);border-radius:var(--radius);animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.error-container svg{color:var(--color-danger-fg);margin-bottom:16px}.error-container h2{font-size:24px;font-weight:600;color:var(--foreground);margin-bottom:8px}.error-container p{font-size:14px;color:var(--muted-foreground);margin-bottom:24px}.back-button{display:inline-flex;align-items:center;gap:8px;padding:0;border:none;background:none;color:var(--muted-foreground);font-size:14px;font-weight:500;cursor:pointer;margin-bottom:24px;transition:color .2s ease}.back-button:hover{color:var(--foreground)}.detail-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;position:relative}.detail-accent{position:absolute;top:0;left:0;right:0;height:4px}.detail-header{padding:48px 40px 40px}.detail-tags{display:flex;align-items:center;gap:8px;margin-bottom:16px}.type-tag{padding:6px 12px;border-radius:100px;font-size:12px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.05em}.pinned-tag{display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:100px;font-size:12px;font-weight:600;background:var(--foreground);color:var(--background)}.detail-title{font-size:clamp(24px,4vw,36px);font-weight:700;color:var(--foreground);letter-spacing:-.02em;line-height:1.3;margin-bottom:20px}.detail-meta{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:24px}.meta-left{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.meta-item{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--muted-foreground)}.meta-actions{display:flex;gap:8px}.action-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--muted-foreground);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.action-btn:hover{border-color:var(--foreground);color:var(--foreground)}.action-btn.active{background:var(--foreground);border-color:var(--foreground);color:var(--background)}.detail-divider{height:1px;background:var(--border);margin:0 40px}.detail-content{padding:40px}.content-icon{width:80px;height:80px;border-radius:var(--radius);border:2px solid;display:flex;align-items:center;justify-content:center;font-size:40px;margin-bottom:24px}.content-text{font-size:16px;line-height:1.8;color:var(--foreground);white-space:pre-wrap}.attachments-section{padding-bottom:24px}.attachments-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--foreground);padding:24px 40px 16px}.attachments-list{display:flex;flex-direction:column;gap:8px;padding:0 40px}.attachment-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--muted);cursor:pointer;transition:all .2s ease}.attachment-item:hover{border-color:var(--foreground);background:var(--background)}.attachment-item svg:first-child{color:var(--muted-foreground);flex-shrink:0}.attachment-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.attachment-name{font-size:14px;font-weight:500;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-size{font-size:12px;color:var(--muted-foreground)}.attachment-item svg:last-child{color:var(--muted-foreground);flex-shrink:0;transition:color .2s ease}.attachment-item:hover svg:last-child{color:var(--foreground)}.detail-hint{margin-top:24px;padding:20px 24px;border:1px solid;border-radius:var(--radius);text-align:center}.detail-hint p{font-size:14px;color:var(--muted-foreground)}.hint-link{font-weight:600;cursor:pointer;transition:opacity .2s ease}.hint-link:hover{opacity:.8;text-decoration:underline}@media (max-width: 768px){.detail-page{padding-top:80px;padding-bottom:60px}.detail-header{padding:32px 24px 24px}.detail-divider{margin:0 24px}.detail-content{padding:24px}.detail-meta{flex-direction:column;gap:16px}.meta-actions{width:100%}.action-btn{flex:1;justify-content:center}.attachments-title{padding:24px 24px 16px}.attachments-list{padding:0 24px}.content-icon{width:64px;height:64px;font-size:32px}}@media (max-width: 480px){.detail-title{font-size:20px}.meta-left{flex-direction:column;align-items:flex-start;gap:8px}.meta-actions{flex-direction:column}.action-btn{width:100%}.detail-tags{flex-wrap:wrap}.content-text{font-size:15px}}.news-page{min-height:100vh;padding-top:80px;padding-bottom:80px;background:var(--background)}.news-hero{text-align:center;padding:60px 0 40px;position:relative}.news-hero:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:400px;height:400px;background:radial-gradient(circle,var(--color-accent-fg) 0%,transparent 70%);opacity:.05;pointer-events:none}.news-hero-content{position:relative;z-index:1}.news-hero-label{display:inline-block;padding:6px 16px;background:var(--color-accent-subtle);color:var(--color-accent-fg);border-radius:100px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}.news-hero-title{font-size:clamp(36px,6vw,56px);font-weight:700;color:var(--foreground);letter-spacing:-.03em;margin-bottom:16px;line-height:1.1}.news-hero-subtitle{font-size:18px;color:var(--muted-foreground);max-width:500px;margin:0 auto;line-height:1.6}.news-filter-section{margin-bottom:40px}.news-filter-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:16px;background:var(--card-background);border:1px solid var(--border);border-radius:16px}.news-filter-btn{padding:10px 20px;border:1px solid transparent;border-radius:100px;background:transparent;color:var(--muted-foreground);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.news-filter-btn:hover{color:var(--foreground);background:var(--color-canvas-subtle)}.news-filter-btn.active{background:var(--btn-color, var(--foreground));color:#fff;border-color:var(--btn-color, var(--foreground))}.news-loading,.news-error,.news-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px;text-align:center;color:var(--muted-foreground)}.news-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--color-accent-fg);border-radius:50%;animation:news-spin .8s linear infinite;margin-bottom:16px}@keyframes news-spin{to{transform:rotate(360deg)}}.news-error svg,.news-empty svg{color:var(--muted-foreground);opacity:.4;margin-bottom:20px}.news-empty h3{font-size:20px;font-weight:600;color:var(--foreground);margin-bottom:8px}.news-empty p,.news-error p{font-size:15px;color:var(--muted-foreground)}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.news-card{background:var(--card-background);border:1px solid var(--border);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease}.news-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001a;border-color:var(--color-accent-fg)}[data-theme=dark] .news-card:hover{box-shadow:0 20px 40px #0000004d}.news-card-large{grid-column:span 2;grid-row:span 2}.news-card-large .news-card-image{height:320px}.news-card-large .news-card-title{font-size:24px}.news-card-large .news-card-excerpt{-webkit-line-clamp:4}.news-card-image{position:relative;height:180px;overflow:hidden;background:var(--color-canvas-subtle)}.news-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.news-card:hover .news-card-image img{transform:scale(1.05)}.news-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted-foreground);opacity:.3}.news-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.4) 0%,transparent 50%);opacity:0;transition:opacity .3s ease}.news-card:hover .news-card-overlay{opacity:1}.news-card-category{position:absolute;top:12px;left:12px;padding:6px 12px;border-radius:100px;font-size:11px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.05em;z-index:1}.news-card-content{padding:20px}.news-card-meta{display:flex;align-items:center;gap:16px;margin-bottom:12px}.news-card-date,.news-card-views{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted-foreground)}.news-card-title{font-size:18px;font-weight:600;color:var(--foreground);margin-bottom:8px;line-height:1.4;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-card-excerpt{font-size:14px;color:var(--muted-foreground);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:16px}.news-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--border)}.news-card-read-more{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--color-accent-fg);transition:gap .2s ease}.news-card:hover .news-card-read-more{gap:10px}.news-pagination{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:60px;padding-top:40px;border-top:1px solid var(--border)}.news-pagination-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--card-background);border:1px solid var(--border);border-radius:100px;color:var(--foreground);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.news-pagination-btn:hover:not(:disabled){background:var(--foreground);color:var(--background);border-color:var(--foreground)}.news-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.news-pagination-info{display:flex;align-items:center;gap:8px;font-size:16px;color:var(--muted-foreground)}.news-pagination-current{font-weight:600;color:var(--foreground);font-size:20px}.news-pagination-divider{opacity:.3}@media (max-width: 1024px){.news-grid{grid-template-columns:repeat(2,1fr)}.news-card-large{grid-column:span 2;grid-row:span 1}.news-card-large .news-card-image{height:240px}}@media (max-width: 768px){.news-page{padding-top:70px;padding-bottom:60px}.news-hero{padding:40px 0 30px}.news-hero-subtitle{font-size:16px}.news-filter-bar{padding:12px;gap:6px}.news-filter-btn{padding:8px 16px;font-size:13px}.news-grid{grid-template-columns:1fr;gap:16px}.news-card-large{grid-column:span 1}.news-card-large .news-card-image{height:200px}.news-card-large .news-card-title{font-size:18px}.news-pagination{flex-direction:column;gap:16px}.news-pagination-btn{width:100%;max-width:200px;justify-content:center}}@media (max-width: 480px){.news-hero-label{font-size:11px;padding:5px 12px}.news-filter-btn{padding:6px 12px;font-size:12px}.news-card-image{height:160px}.news-card-content{padding:16px}.news-card-title{font-size:16px}.news-card-excerpt{font-size:13px}}.news-detail-page{min-height:100vh;padding-top:100px;padding-bottom:80px;background:var(--background)}.news-detail-back{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:1px solid var(--border);border-radius:100px;color:var(--muted-foreground);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:24px}.news-detail-back:hover{color:var(--foreground);border-color:var(--foreground)}.news-detail-cover{position:relative;width:100%;max-height:400px;border-radius:16px;overflow:hidden;margin-bottom:24px}.news-detail-cover img{width:100%;height:auto;max-height:400px;object-fit:cover;display:block}.news-detail-cover-overlay{display:none}.news-detail-card{position:relative;background:var(--card-background);border:1px solid var(--border);border-radius:16px;overflow:hidden}.news-detail-header{padding:32px}.news-detail-tags{display:flex;align-items:center;gap:12px;margin-bottom:16px}.news-detail-category{padding:6px 14px;border-radius:100px;font-size:12px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.05em}.news-detail-pinned{display:flex;align-items:center;gap:4px;padding:6px 14px;border-radius:100px;font-size:12px;font-weight:600;background:var(--foreground);color:var(--background)}.news-detail-title{font-size:clamp(24px,4vw,36px);font-weight:700;color:var(--foreground);letter-spacing:-.02em;line-height:1.3;margin-bottom:20px}.news-detail-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.news-detail-meta-left{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.news-detail-meta-item{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--muted-foreground)}.news-detail-actions{display:flex;align-items:center;gap:8px}.news-detail-action-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:1px solid var(--border);border-radius:100px;color:var(--muted-foreground);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.news-detail-action-btn:hover{color:var(--foreground);border-color:var(--foreground)}.news-detail-action-btn.active{background:var(--color-accent-fg);border-color:var(--color-accent-fg);color:#fff}.news-detail-divider{height:1px;background:var(--border);margin:0 32px}.news-detail-content{padding:32px}.news-detail-text{font-size:16px;line-height:1.8;color:var(--foreground);white-space:pre-wrap;word-break:break-word}.news-detail-text p{margin-bottom:16px}.news-detail-text img{max-width:100%;border-radius:8px;margin:16px 0}.news-detail-hint{margin-top:24px;padding:20px 24px;border:1px solid;border-radius:12px;text-align:center}.news-detail-hint p{font-size:14px;color:var(--muted-foreground)}.news-detail-hint-link{font-weight:600;cursor:pointer;transition:opacity .2s ease}.news-detail-hint-link:hover{opacity:.8}.news-detail-skeleton{animation:news-pulse 1.5s ease-in-out infinite}@keyframes news-pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton-back{width:180px;height:40px;background:var(--border);border-radius:100px;margin-bottom:24px}.skeleton-cover{width:100%;height:400px;background:var(--border);border-radius:16px;margin-bottom:24px}.skeleton-header{height:200px;background:var(--border);border-radius:16px;margin-bottom:24px}.skeleton-content{height:400px;background:var(--border);border-radius:16px}.news-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px;text-align:center}.news-detail-error svg{color:var(--color-danger-fg);margin-bottom:20px}.news-detail-error h2{font-size:24px;font-weight:600;color:var(--foreground);margin-bottom:8px}.news-detail-error p{font-size:15px;color:var(--muted-foreground);margin-bottom:24px}@media (max-width: 768px){.news-detail-page{padding-top:80px;padding-bottom:60px}.news-detail-cover{max-height:280px;border-radius:12px}.news-detail-cover img{max-height:280px}.news-detail-header{padding:24px}.news-detail-meta{flex-direction:column;align-items:flex-start;gap:16px}.news-detail-meta-left{gap:12px}.news-detail-actions{width:100%}.news-detail-action-btn{flex:1;justify-content:center}.news-detail-divider{margin:0 24px}.news-detail-content{padding:24px}.news-detail-text{font-size:15px}}@media (max-width: 480px){.news-detail-back{font-size:13px;padding:8px 14px}.news-detail-cover{max-height:200px;border-radius:10px}.news-detail-cover img{max-height:200px}.news-detail-card{border-radius:12px}.news-detail-header,.news-detail-content{padding:20px}.news-detail-divider{margin:0 20px}.news-detail-title{font-size:20px}.news-detail-meta-item{font-size:13px}}.server-status-page{min-height:100vh;background:var(--background);padding-top:100px;padding-bottom:80px;position:relative;overflow:hidden}.server-status-bg-text{position:fixed;font-size:clamp(100px,20vw,300px);font-weight:700;color:var(--foreground);opacity:.015;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:0;top:50%;left:50%;transform:translate(-50%,-50%)}[data-theme=dark] .server-status-bg-text{opacity:.025}.server-status-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:48px;position:relative;z-index:1}.server-status-title-section{max-width:600px}.server-status-label{display:inline-block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--muted-foreground);margin-bottom:12px}.server-status-title{font-size:clamp(32px,5vw,48px);font-weight:700;color:var(--foreground);letter-spacing:-.02em;margin:0 0 12px}.server-status-subtitle{font-size:16px;color:var(--muted-foreground);margin:0;line-height:1.6}.server-status-update{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted-foreground);background:var(--muted);padding:8px 16px;border-radius:var(--radius)}[data-theme=dark] .server-status-update{background:var(--gray-800)}.refresh-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--muted-foreground);cursor:pointer;transition:all .2s;margin-left:8px}.refresh-btn:hover{color:var(--foreground);border-color:var(--foreground)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:48px;position:relative;z-index:1}.stat-card{display:flex;align-items:center;gap:16px;background:var(--muted);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;transition:all .2s}[data-theme=dark] .stat-card{background:var(--gray-900);border-color:var(--gray-700)}.stat-card:hover{border-color:var(--foreground)}.stat-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--background);border-radius:10px;color:var(--foreground);flex-shrink:0}[data-theme=dark] .stat-icon{background:var(--gray-800)}.stat-icon.online{background:#22c55e1a;color:#22c55e}.stat-info{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:12px;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:24px;font-weight:700;color:var(--foreground);font-family:SF Mono,Monaco,Consolas,monospace}.stat-value.online{color:#22c55e}.stat-sub{font-size:14px;font-weight:500;color:var(--muted-foreground)}.server-list-section{position:relative;z-index:1}.server-list-section .section-title{font-size:20px;font-weight:600;color:var(--foreground);margin:0 0 24px}.server-list{display:flex;flex-direction:column;gap:12px}.server-item{background:var(--muted);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:all .2s;border-left:3px solid var(--border)}[data-theme=dark] .server-item{background:var(--gray-900);border-color:var(--gray-700)}.server-item:hover{border-color:var(--foreground)}.server-item.online{border-left-color:#22c55e}.server-item.offline{border-left-color:#ef4444;opacity:.7}.server-item.maintenance{border-left-color:#eab308}.server-main{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.server-info{flex:1;min-width:0}.server-name-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.server-name{font-size:18px;font-weight:600;color:var(--foreground);margin:0}.status-badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:100px;text-transform:uppercase;letter-spacing:.02em}.status-badge.online{background:#22c55e1a;color:#22c55e}.status-badge.offline{background:#ef44441a;color:#ef4444}.status-badge.maintenance{background:#eab3081a;color:#eab308}[data-theme=dark] .status-badge.online{background:#22c55e26}[data-theme=dark] .status-badge.offline{background:#ef444426}[data-theme=dark] .status-badge.maintenance{background:#eab30826}.server-ip-row{display:flex;align-items:center;gap:8px}.server-ip{font-size:13px;color:var(--muted-foreground);font-family:SF Mono,Monaco,Consolas,monospace}.copy-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:6px;color:var(--muted-foreground);cursor:pointer;transition:all .2s}.copy-btn:hover{color:var(--foreground);background:var(--background)}.copy-btn.copied{color:#22c55e}.server-stats{display:flex;gap:32px;flex-shrink:0}.server-stat{display:flex;flex-direction:column;gap:4px;text-align:right}.server-stat-label{font-size:11px;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em}.server-stat-value{font-size:14px;font-weight:600;color:var(--foreground);font-family:SF Mono,Monaco,Consolas,monospace}.player-bar-container{height:3px;background:var(--border);border-radius:2px;margin-top:16px;overflow:hidden}.player-bar{height:100%;background:#22c55e;border-radius:2px;transition:width .3s ease}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;color:var(--muted-foreground)}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--foreground);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.empty-state svg{opacity:.3;margin-bottom:16px}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.server-status-page{padding-top:80px;padding-bottom:60px}.server-status-header{flex-direction:column;gap:24px;margin-bottom:32px}.server-status-update{align-self:flex-start}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:32px}.stat-card{padding:16px;gap:12px}.stat-icon{width:40px;height:40px}.stat-value{font-size:20px}.server-item{padding:20px}.server-main{flex-direction:column;gap:16px}.server-stats{width:100%;justify-content:flex-start;gap:24px}.server-stat{text-align:left}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr 1fr}.stat-card{flex-direction:column;align-items:flex-start;gap:8px}.stat-icon{width:36px;height:36px}.stat-value{font-size:18px}.server-name{font-size:16px}.server-stats{flex-wrap:wrap;gap:16px}.server-stat{min-width:60px}}.announcement-list{display:flex;flex-direction:column;gap:var(--space-3)}.announcement-card{background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--border-radius);transition:all .2s;box-shadow:var(--shadow-sm)}.announcement-card:hover{box-shadow:var(--shadow-md)}.announcement-card-content{padding:var(--space-3);display:flex;align-items:flex-start;gap:var(--space-3);position:relative}.pin-badge{position:absolute;top:var(--space-3);right:var(--space-3);width:24px;height:24px;border-radius:50%;background:var(--color-accent-emphasis);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px}.announcement-info{flex:1;min-width:0;padding-right:48px}.announcement-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.type-badge{padding:0 7px;border-radius:2em;font-size:12px;font-weight:500;line-height:18px;display:inline-flex;align-items:center;color:var(--color-fg-default);border:1px solid var(--color-border-default)}.announcement-date{font-size:12px;color:var(--color-fg-muted);line-height:1.5}.announcement-title{font-size:16px;font-weight:600;color:var(--color-fg-default);margin:0 0 var(--space-2) 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5}.announcement-content{font-size:14px;color:var(--color-fg-muted);line-height:1.6;margin:0 0 var(--space-2) 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.announcement-author{font-size:12px;color:var(--color-fg-muted);line-height:1.5}.announcement-actions{display:flex;flex-direction:column;gap:var(--space-1);flex-shrink:0}.action-button.active{background:var(--color-accent-emphasis);border-color:var(--color-accent-emphasis);color:#fff}.action-button.active:hover{background:#0860ca;border-color:#0860ca}.error-alert{padding:var(--space-3);background:var(--color-danger-subtle);border:1px solid var(--color-danger-emphasis);border-radius:var(--border-radius);color:var(--color-danger-fg);font-size:14px;margin-top:var(--space-3)}.spinner-sm{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@media (max-width: 768px){.announcement-card-content{flex-direction:column;gap:var(--space-2)}.announcement-info{padding-right:32px}.pin-badge{top:var(--space-2);right:var(--space-2);width:20px;height:20px}.announcement-actions{flex-direction:row;width:100%;justify-content:flex-end}.action-button{width:32px;height:32px}.stats-container{grid-template-columns:1fr}}@media (max-width: 480px){.announcement-title{font-size:14px}.announcement-content{font-size:13px}.announcement-info{padding-right:0}.announcement-header{flex-wrap:wrap}.type-badge,.pin-badge{font-size:11px;padding:0 6px;line-height:16px}.pin-badge{width:18px;height:18px}.stat-label{font-size:13px}.stat-value{font-size:24px}.stat-change,.announcement-date{font-size:11px}}.filter-bar{display:flex;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap}.filter-select{padding:6px 12px;border:1px solid var(--color-border-default);border-radius:var(--border-radius);font-size:14px;color:var(--color-fg-default);background:var(--color-canvas-default);cursor:pointer;min-width:120px}.status-badge{font-size:12px;font-weight:500;padding:0 6px}.announcement-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1)}.meta-item{font-size:12px;color:var(--color-fg-muted)}.meta-item:before{content:"·";margin-right:var(--space-1)}.meta-item:first-child:before{display:none}.announcement-card.draft{border-left:3px solid var(--color-fg-muted)}.announcement-card.scheduled{border-left:3px solid var(--color-attention-fg)}.action-button.publish{background:var(--color-success-subtle);border-color:var(--color-success-emphasis);color:var(--color-success-fg)}.action-button.publish:hover{background:var(--color-success-emphasis);color:#fff}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3);background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--border-radius)}.pagination-info{font-size:14px;color:var(--color-fg-muted)}.modal.modal-large{width:90%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal.modal-large .modal-content{overflow-y:auto;flex:1}.modal-header-actions{display:flex;align-items:center;gap:var(--space-2)}.preview-toggle{padding:4px 12px;border:1px solid var(--color-border-default);border-radius:var(--border-radius);background:var(--color-canvas-default);color:var(--color-fg-muted);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.preview-toggle:hover{background:var(--color-canvas-subtle);color:var(--color-fg-default)}.preview-toggle.active{background:var(--color-accent-emphasis);border-color:var(--color-accent-emphasis);color:#fff}.form-row{display:flex;gap:var(--space-3);align-items:flex-end}.form-row .form-group{margin-bottom:var(--space-3)}.form-row .form-group.flex-1{flex:1}.form-textarea.markdown-editor{font-family:JetBrains Mono,Fira Code,SF Mono,Consolas,monospace;font-size:13px;line-height:1.6;resize:vertical}.attachment-section{display:flex;flex-direction:column;gap:var(--space-2)}.attachment-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.attachment-item{display:flex;align-items:center;gap:var(--space-2);padding:4px 8px;background:var(--color-canvas-subtle);border:1px solid var(--color-border-default);border-radius:var(--border-radius);font-size:13px}.attachment-name{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-remove{background:none;border:none;color:var(--color-fg-muted);cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center}.attachment-remove:hover{color:var(--color-danger-fg)}.checkbox-group{margin-top:var(--space-2)}.checkbox-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:14px;color:var(--color-fg-default)}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.preview-content{padding:var(--space-3)}.preview-content h2{font-size:24px;font-weight:600;margin:0 0 var(--space-3) 0;color:var(--color-fg-default)}.preview-meta{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.preview-body{font-size:14px;line-height:1.7;color:var(--color-fg-default);white-space:pre-wrap;background:var(--color-canvas-subtle);padding:var(--space-3);border-radius:var(--border-radius);border:1px solid var(--color-border-default);min-height:200px}.preview-attachments{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border-default)}.preview-attachments h4{font-size:14px;font-weight:600;margin:0 0 var(--space-2) 0;color:var(--color-fg-default)}.stats-container{grid-template-columns:repeat(5,1fr)}@media (max-width: 1024px){.stats-container{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.stats-container{grid-template-columns:repeat(2,1fr)}.form-row{flex-direction:column}.form-row .form-group{width:100%}.modal.modal-large{width:95%}}@media (max-width: 480px){.stats-container{grid-template-columns:1fr}.filter-bar{flex-direction:column}.filter-select{width:100%}}.news-admin-list{display:flex;flex-direction:column;gap:16px}.news-admin-card{display:flex;background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--border-radius);overflow:hidden;transition:all .2s ease}.news-admin-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-accent-fg)}.news-admin-card.draft{opacity:.8}.news-admin-cover{width:180px;min-height:120px;flex-shrink:0;background:var(--color-canvas-subtle);overflow:hidden}.news-admin-cover img{width:100%;height:100%;object-fit:cover}.news-admin-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-fg-muted);opacity:.3}.news-admin-content{flex:1;display:flex;align-items:center;padding:16px;gap:16px;position:relative}.news-admin-info{flex:1;min-width:0}.news-admin-header{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}.category-badge{padding:4px 10px;border-radius:100px;font-size:11px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.05em}.news-admin-date{font-size:12px;color:var(--color-fg-muted)}.news-admin-title{font-size:16px;font-weight:600;color:var(--color-fg-default);margin-bottom:6px;line-height:1.4}.news-admin-excerpt{font-size:13px;color:var(--color-fg-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px}.news-admin-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.news-admin-meta .meta-item{font-size:12px;color:var(--color-fg-muted)}.news-admin-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.cover-upload-section{margin-top:8px}.cover-upload-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;height:160px;border:2px dashed var(--color-border-default);border-radius:var(--border-radius);background:var(--color-canvas-subtle);color:var(--color-fg-muted);cursor:pointer;transition:all .2s ease}.cover-upload-btn:hover{border-color:var(--color-accent-fg);color:var(--color-accent-fg)}.cover-preview{position:relative;width:100%;height:200px;border-radius:var(--border-radius);overflow:hidden}.cover-preview img{width:100%;height:100%;object-fit:cover}.cover-remove{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;background:#0009;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.cover-remove:hover{background:var(--color-danger-fg)}.preview-cover{width:100%;height:200px;border-radius:var(--border-radius);overflow:hidden;margin-bottom:20px}.preview-cover img{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.news-admin-card{flex-direction:column}.news-admin-cover{width:100%;height:160px}.news-admin-content{flex-direction:column;align-items:flex-start}.news-admin-actions{width:100%;justify-content:flex-end;padding-top:12px;border-top:1px solid var(--color-border-default)}}@media (max-width: 480px){.news-admin-cover{height:120px}.news-admin-title{font-size:15px}.news-admin-actions{flex-wrap:wrap;gap:8px}.cover-upload-btn{height:120px}.cover-preview,.preview-cover{height:150px}}.filter-section{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.filter-box{display:flex;align-items:center;gap:var(--space-2)}.filter-label{font-size:14px;color:var(--color-fg-default);font-weight:600;white-space:nowrap}.user-list{display:flex;flex-direction:column;gap:var(--space-3)}.user-card{background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--border-radius);padding:var(--space-3);box-shadow:var(--shadow-sm);transition:box-shadow .2s}.user-card:hover{box-shadow:var(--shadow-md)}.user-card-content{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.user-info{display:flex;align-items:center;gap:var(--space-3);flex:1}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-accent-emphasis);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;flex-shrink:0}.user-details{display:flex;flex-direction:column;gap:var(--space-1)}.user-name{font-size:14px;font-weight:600;color:var(--color-fg-default);line-height:1.5}.user-email{font-size:12px;color:var(--color-fg-muted);line-height:1.5}.user-tags{display:flex;gap:var(--space-1);margin-top:var(--space-1);flex-wrap:wrap}.role-badge,.group-badge{padding:0 7px;border-radius:2em;font-size:12px;font-weight:500;line-height:18px;display:inline-flex;align-items:center}.role-badge.admin{background:var(--color-accent-subtle);color:var(--color-accent-fg)}.role-badge.player,.group-badge{background:var(--color-canvas-subtle);color:var(--color-fg-muted);border:1px solid var(--color-border-default)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);gap:var(--space-2);color:var(--color-fg-muted);background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--border-radius)}.dialog-user-info{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-canvas-subtle);border-radius:var(--border-radius);margin-bottom:var(--space-3);border:1px solid var(--color-border-default)}.dialog-user-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-accent-emphasis);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;flex-shrink:0}.dialog-user-name{font-size:14px;font-weight:600;color:var(--color-fg-default);margin-bottom:2px;line-height:1.5}.dialog-user-email{font-size:12px;color:var(--color-fg-muted);line-height:1.5}@media (max-width: 768px){.filter-section{flex-direction:column;align-items:stretch}.search-box{width:100%;min-width:auto}.filter-box{width:100%}.filter-label{font-size:13px}.filter-select{width:100%}.user-card-content{flex-direction:column;align-items:flex-start}.user-info{width:100%}.user-card-content .btn{width:100%;justify-content:center}.modal{width:92%;max-width:600px}.modal-footer{flex-wrap:wrap}.modal-footer .btn{flex:1;min-width:120px}}@media (max-width: 480px){.user-avatar,.dialog-user-avatar{width:36px;height:36px;font-size:14px}.user-name,.dialog-user-name{font-size:13px}.user-email,.dialog-user-email{font-size:11px}.modal{width:96%;max-width:100%;max-height:calc(100vh - 40px);border-radius:var(--border-radius)}.modal-header{padding:var(--space-3) var(--space-2)}.modal-content{padding:var(--space-2)}.modal-footer{padding:var(--space-2);flex-direction:column;gap:var(--space-2)}.modal-footer .btn{width:100%;flex:none}.modal-title{font-size:15px}.form-label,.form-select,.search-input,.filter-select{font-size:13px}.dialog-user-info{padding:var(--space-2);gap:var(--space-2)}.role-badge,.group-badge{font-size:11px;padding:0 6px;line-height:16px}.stats-container{gap:var(--space-2)}.stat-label{font-size:13px}.stat-value{font-size:24px}.stat-change{font-size:11px}}.user-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.user-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;white-space:nowrap}.user-actions .btn svg{flex-shrink:0}.user-actions .btn span{line-height:1}.btn-success{background-color:var(--color-success-emphasis);color:#fff}.btn-success:hover{background-color:#218838}.btn-warning{background-color:var(--color-attention-emphasis);color:#fff}.btn-warning:hover{background-color:#cc8400}.btn-danger{background-color:var(--color-danger-emphasis);color:#fff}.btn-danger:hover{background-color:#bd2130}.btn:disabled{opacity:.5;cursor:not-allowed}.user-card.banned{border-color:var(--color-danger-emphasis);background:linear-gradient(135deg,rgba(248,81,73,.05) 0%,var(--color-canvas-default) 100%)}.banned-badge{display:inline-block;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:600;color:#fff;background:var(--color-danger-emphasis);border-radius:12px}.ban-info{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;font-size:11px;color:var(--color-danger-fg)}.ban-reason,.ban-until{padding:2px 6px;background:#f851491a;border-radius:4px}.modal-small{max-width:400px}.delete-warning{text-align:center;padding:var(--space-2) 0}.delete-warning p{margin:0 0 var(--space-2);color:var(--color-fg-default)}.delete-warning .warning-text{font-size:13px;color:var(--color-danger-fg)}.form-input{width:100%;padding:8px 12px;border:1px solid var(--color-border-default);border-radius:var(--border-radius);font-size:14px;color:var(--color-fg-default);background:var(--color-canvas-default);transition:border-color .2s}.form-input:focus{outline:none;border-color:var(--color-accent-emphasis);box-shadow:0 0 0 3px #0969da1f}.form-input::placeholder{color:var(--color-fg-muted)}.form-label input[type=checkbox]{margin-right:6px;vertical-align:middle}.modal-footer .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px}.modal-footer .btn svg{flex-shrink:0}.modal-footer .btn span{line-height:1}.modal-title{display:flex;align-items:center;gap:8px}.modal-title svg{flex-shrink:0}.modal-title.danger{color:var(--color-danger-emphasis)}:root{--color-canvas-default: #ffffff;--color-canvas-subtle: #f6f8fa;--color-canvas-inset: #f6f8fa;--color-fg-default: #24292f;--color-fg-muted: #57606a;--color-fg-subtle: #6e7781;--color-border-default: #d0d7de;--color-border-muted: #d8dee4;--color-accent-fg: #0969da;--color-accent-emphasis: #0969da;--color-accent-subtle: #ddf4ff;--color-success-fg: #1a7f37;--color-success-emphasis: #1f883d;--color-success-subtle: #dafbe1;--color-danger-fg: #cf222e;--color-danger-emphasis: #cf222e;--color-danger-subtle: #ffebe9;--color-attention-fg: #9a6700;--color-attention-emphasis: #bf8700;--color-attention-subtle: #fff8c5;--shadow-sm: 0 1px 0 rgba(27, 31, 36, .04);--shadow-md: 0 3px 6px rgba(140, 149, 159, .15);--shadow-lg: 0 8px 24px rgba(140, 149, 159, .2);--shadow-xl: 0 12px 28px rgba(140, 149, 159, .3);--border-radius: 6px;--border-radius-md: 6px;--border-radius-lg: 12px;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--space-6: 40px}[data-theme=dark]{--color-canvas-default: #0d1117;--color-canvas-subtle: #161b22;--color-canvas-inset: #010409;--color-fg-default: #e6edf3;--color-fg-muted: #7d8590;--color-fg-subtle: #6e7681;--color-border-default: #30363d;--color-border-muted: #21262d;--color-accent-fg: #2f81f7;--color-accent-emphasis: #1f6feb;--color-accent-subtle: #0d419d;--color-success-fg: #3fb950;--color-success-emphasis: #238636;--color-success-subtle: #0f5323;--color-danger-fg: #f85149;--color-danger-emphasis: #da3633;--color-danger-subtle: #82071e;--color-attention-fg: #d29922;--color-attention-emphasis: #9e6a03;--color-attention-subtle: #4d2d00;--shadow-sm: 0 0 transparent;--shadow-md: 0 3px 6px #010409;--shadow-lg: 0 8px 24px #010409;--shadow-xl: 0 12px 28px #010409}.admin-layout{min-height:100vh;background:var(--color-canvas-subtle);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif;color:var(--color-fg-default);padding-top:64px}.admin-body{display:flex;min-height:calc(100vh - 64px)}.admin-sidebar{width:280px;background:var(--color-canvas-default);border-right:1px solid var(--color-border-default);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-header{padding:var(--space-3) var(--space-2);margin-bottom:var(--space-3);border-bottom:1px solid var(--color-border-default);margin-left:calc(var(--space-3) * -1);margin-right:calc(var(--space-3) * -1);margin-top:calc(var(--space-3) * -1);display:flex;align-items:center;justify-content:space-between}.sidebar-title{font-size:16px;font-weight:600;margin:0;color:var(--color-fg-default)}.sidebar-close{display:none;width:32px;height:32px;border:none;background:transparent;color:var(--color-fg-muted);cursor:pointer;border-radius:var(--border-radius);transition:all .2s;padding:0;align-items:center;justify-content:center}.sidebar-close:hover{background:var(--color-canvas-subtle);color:var(--color-fg-default)}.admin-mobile-header{display:none;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-canvas-default);border-bottom:1px solid var(--color-border-default);position:sticky;top:0;z-index:99}.mobile-menu-button{width:36px;height:36px;border:1px solid var(--color-border-default);background:var(--color-canvas-default);border-radius:var(--border-radius);color:var(--color-fg-default);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}.mobile-menu-button:hover{background:var(--color-canvas-subtle);border-color:var(--color-border-muted)}.mobile-title{font-size:18px;font-weight:600;margin:0;color:var(--color-fg-default)}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:100}.sidebar-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2);background:transparent;border:none;border-radius:var(--border-radius);color:var(--color-fg-default);font-size:14px;font-weight:400;text-align:left;cursor:pointer;transition:background-color .2s;position:relative}.sidebar-item:hover{background:var(--color-canvas-subtle);text-decoration:none}.sidebar-item.active{background:var(--color-canvas-subtle);font-weight:600}.item-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-fg-muted)}.sidebar-item.active .item-icon{color:var(--color-fg-default)}.item-icon svg{display:block}.item-label{flex:1}.admin-main{flex:1;background:var(--color-canvas-subtle);overflow-x:hidden}.content-wrapper{max-width:1280px;margin:0 auto;padding:var(--space-4)}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-default);flex-wrap:wrap}.panel-header>div{flex:1;min-width:200px}.panel-title{font-size:24px;font-weight:600;margin:0;color:var(--color-fg-default)}.panel-subtitle{font-size:14px;color:var(--color-fg-muted);margin-top:var(--space-1);margin-bottom:0}.dashboard-container{display:flex;flex-direction:column;gap:var(--space-4)}.dashboard-header{margin-bottom:var(--space-2)}.dashboard-title{font-size:24px;font-weight:600;margin:0 0 var(--space-1) 0;color:var(--color-fg-default)}.dashboard-subtitle{font-size:14px;color:var(--color-fg-muted);margin:0}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-3)}.stat-box{padding:var(--space-3);background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);transition:box-shadow .2s}.stat-box:hover{box-shadow:var(--shadow-md)}.stat-details{display:flex;flex-direction:column;gap:var(--space-2)}.stat-label{font-size:14px;color:var(--color-fg-muted);font-weight:600}.stat-value{font-size:32px;font-weight:300;color:var(--color-fg-default);line-height:1}.stat-change{font-size:12px;color:var(--color-fg-muted)}.stat-change.positive{color:var(--color-success-fg)}.stat-change.negative{color:var(--color-danger-fg)}.actions-section{margin-top:var(--space-3)}.section-heading{font-size:16px;font-weight:600;margin:0 0 var(--space-3) 0;color:var(--color-fg-default)}.actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3)}.action-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--border-radius);cursor:pointer;transition:all .2s;text-align:left;box-shadow:var(--shadow-sm)}.action-item:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-muted)}.action-label{font-size:14px;font-weight:600;color:var(--color-fg-default)}.action-arrow{font-size:16px;color:var(--color-fg-muted);opacity:0;transition:opacity .2s}.action-item:hover .action-arrow{opacity:1}.panel-container{display:flex;flex-direction:column;gap:var(--space-4)}.panel-actions{display:flex;gap:var(--space-2);align-items:center}.card{background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--border-radius);padding:var(--space-3);box-shadow:var(--shadow-sm)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-default)}.card-title{font-size:16px;font-weight:600;color:var(--color-fg-default);margin:0}.card-body{color:var(--color-fg-muted);line-height:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:5px 16px;font-size:14px;font-weight:500;line-height:20px;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid;border-radius:var(--border-radius);-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .2s cubic-bezier(.3,0,.5,1)}.btn-primary{color:#fff;background-color:var(--color-accent-emphasis);border-color:#1b1f2426}.btn-primary:hover{background-color:#0860ca;border-color:#1b1f2426}.btn-primary:active{background-color:#0757ba}.btn-secondary{color:var(--color-fg-default);background-color:var(--color-canvas-default);border-color:var(--color-border-default);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:var(--color-canvas-subtle);border-color:var(--color-border-muted)}.btn-secondary:active{background-color:#f3f4f6}.btn svg{fill:currentColor}@media (max-width: 1024px){.content-wrapper{padding:var(--space-3)}.stats-container{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width: 768px){.admin-mobile-header{display:flex}.sidebar-overlay{display:block}.admin-sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;padding:var(--space-3);transform:translate(-100%);transition:transform .3s ease;z-index:101;box-shadow:var(--shadow-lg)}.admin-sidebar.open{transform:translate(0)}.sidebar-close{display:flex}.admin-main{margin-left:0}.content-wrapper{padding:var(--space-3)}.stats-container,.actions-grid{grid-template-columns:1fr}.dashboard-title,.panel-title{font-size:20px}.stat-value{font-size:28px}}@media (max-width: 480px){.admin-sidebar{width:260px}.admin-mobile-header{padding:var(--space-2) var(--space-3)}.mobile-title{font-size:16px}.content-wrapper{padding:var(--space-2)}.panel-header>div{min-width:100%}.panel-header .btn{width:100%;justify-content:center}.dashboard-title,.panel-title{font-size:18px}.stat-value{font-size:24px}.panel-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#1b1f2499;z-index:1000}.modal{position:fixed;top:0;left:0;right:0;bottom:0;margin:auto;width:90%!important;max-width:480px!important;height:fit-content;max-height:90vh;background:var(--color-canvas-default);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);z-index:1001;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--color-border-default)}.modal-large{max-width:800px!important}.modal-small{max-width:500px!important}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);border-bottom:1px solid var(--color-border-default)}.modal-title{font-size:16px;font-weight:600;color:var(--color-fg-default);margin:0;display:flex;align-items:center;gap:var(--space-2)}.modal-close{width:32px;height:32px;border:none;background:transparent;color:var(--color-fg-muted);border-radius:var(--border-radius);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:var(--color-canvas-subtle);color:var(--color-fg-default)}.modal-content{padding:var(--space-3);overflow-y:auto;flex:1;width:100%;box-sizing:border-box}.modal-content p{width:100%;margin:0}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--color-border-default)}.form-group{margin-bottom:var(--space-3)}.form-label{display:block;font-size:14px;font-weight:600;color:var(--color-fg-default);margin-bottom:var(--space-2)}.form-input,.form-select,.form-textarea{width:100%;padding:5px 12px;border:1px solid var(--color-border-default);border-radius:var(--border-radius);font-size:14px;line-height:20px;color:var(--color-fg-default);background:var(--color-canvas-default);transition:all .2s;box-shadow:var(--shadow-sm)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-accent-emphasis);box-shadow:0 0 0 3px #0969da1f}.form-textarea{resize:vertical;min-height:80px;font-family:inherit}.form-hint{font-size:12px;color:var(--color-fg-muted);margin-top:var(--space-1)}.info-alert,.warning-alert{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--border-radius);font-size:14px;line-height:1.5;margin-bottom:var(--space-3)}.info-alert{background:var(--color-accent-subtle);color:var(--color-accent-fg);border:1px solid var(--color-accent-emphasis)}.warning-alert{background:var(--color-attention-subtle);color:var(--color-attention-fg);border:1px solid var(--color-attention-emphasis)}[data-theme=dark] .info-alert{background:#1f6feb26}[data-theme=dark] .warning-alert{background:#bb800926}.info-alert svg,.warning-alert svg{flex-shrink:0;margin-top:2px}.checkbox-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:14px;color:var(--color-fg-default)}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-accent-emphasis)}.permission-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4);margin-top:var(--space-4)}.permission-card{background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--border-radius);padding:var(--space-3);box-shadow:var(--shadow-sm);transition:all .2s}.permission-card:hover{box-shadow:var(--shadow-md)}.permission-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.permission-card-title{flex:1;min-width:0}.permission-card-title h3{font-size:16px;font-weight:600;color:var(--color-fg-default);margin:0 0 var(--space-2) 0;line-height:1.5}.power-badge{padding:0 7px;border-radius:2em;font-size:12px;font-weight:500;line-height:18px;color:#fff;display:inline-block;margin-bottom:var(--space-1)}.power-label{font-size:12px;color:var(--color-fg-muted);margin:0}.permission-card-actions{display:flex;gap:var(--space-1)}.permission-divider{height:1px;background:var(--color-border-default);margin:var(--space-3) 0}.permission-description{font-size:14px;color:var(--color-fg-muted);line-height:1.6;margin:0}.permission-list-section{margin-top:var(--space-3)}.permission-list-title{font-size:14px;font-weight:600;color:var(--color-fg-default);margin:0 0 var(--space-2) 0}.permission-list{display:flex;flex-direction:column;gap:var(--space-2)}.permission-item{display:flex;align-items:center;gap:var(--space-1);font-size:14px;color:var(--color-fg-default)}.permission-item svg{color:var(--color-success-emphasis);flex-shrink:0}.no-permissions{font-size:14px;color:var(--color-fg-muted);margin:0}.slider{width:100%;height:6px;border-radius:3px;background:var(--color-canvas-subtle);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:var(--space-2) 0}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-accent-emphasis);cursor:pointer;border:2px solid #ffffff;box-shadow:var(--shadow-sm)}.slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-accent-emphasis);cursor:pointer;border:2px solid #ffffff;box-shadow:var(--shadow-sm)}.slider::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(to right,var(--color-accent-subtle) 0%,var(--color-accent-emphasis) 100%)}.slider::-moz-range-track{height:6px;border-radius:3px;background:linear-gradient(to right,var(--color-accent-subtle) 0%,var(--color-accent-emphasis) 100%)}.slider-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--color-fg-muted);margin-top:var(--space-1)}.power-level-info{font-size:12px;font-weight:600;margin-top:var(--space-1)}.form-hint{font-size:12px;color:var(--color-fg-muted);margin:var(--space-1) 0}.permissions-box{background:var(--color-canvas-subtle);border:1px solid var(--color-border-default);border-radius:var(--border-radius);padding:var(--space-3);max-height:300px;overflow-y:auto}.permission-checkbox{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--border-radius);transition:background .2s}.permission-checkbox:hover{background:var(--color-canvas-default)}.permission-checkbox input[type=checkbox]{width:16px;height:16px;margin-top:2px;cursor:pointer;flex-shrink:0;accent-color:var(--color-accent-emphasis)}.perm-label{font-size:14px;font-weight:600;color:var(--color-fg-default);margin-bottom:2px}.perm-desc{font-size:12px;color:var(--color-fg-muted);line-height:1.5}.delete-label{font-size:12px;color:var(--color-fg-muted);margin:var(--space-3) 0 var(--space-1) 0}.delete-name{font-size:16px;font-weight:600;color:var(--color-fg-default);margin:0 0 var(--space-1) 0}.delete-info{font-size:12px;color:var(--color-fg-muted);margin:0}@media (max-width: 768px){.permission-grid{grid-template-columns:1fr}.modal{width:92%;max-width:600px}.modal-footer{flex-wrap:wrap}.modal-footer .btn{flex:1;min-width:120px}}@media (max-width: 480px){.permission-card-header{flex-direction:column;align-items:flex-start}.permission-card-actions{width:100%;justify-content:flex-end}.modal,.modal-large,.modal-small{width:96%;max-width:100%;max-height:calc(100vh - 40px);border-radius:var(--border-radius)}.modal-header{padding:var(--space-3) var(--space-2)}.modal-content{padding:var(--space-2)}.modal-footer{padding:var(--space-2);flex-direction:column;gap:var(--space-2);flex-wrap:nowrap}.modal-footer .btn{width:100%;flex:none;min-width:0}.modal-title{font-size:15px}.form-label,.form-input,.form-select,.form-textarea{font-size:13px}.form-hint{font-size:11px}.info-alert,.warning-alert{padding:var(--space-2);font-size:12px}.info-alert svg,.warning-alert svg{width:14px;height:14px}.perm-label{font-size:13px}.perm-desc{font-size:11px}.permission-item{font-size:13px}.permission-card-title h3{font-size:15px}.power-badge,.power-label{font-size:11px}}.search-box{flex:1;min-width:250px;position:relative}.filter-select{padding:5px 12px;border:1px solid var(--color-border-default);border-radius:var(--border-radius);font-size:14px;color:var(--color-fg-default);background:var(--color-canvas-default);cursor:pointer;transition:all .2s;min-width:150px;line-height:20px;box-shadow:var(--shadow-sm)}.filter-select:hover{border-color:var(--color-border-muted)}.filter-select:focus{outline:none;border-color:var(--color-accent-emphasis);box-shadow:0 0 0 3px #0969da1f}.header-actions{display:flex;gap:var(--space-2);align-items:center}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);gap:var(--space-3);color:var(--color-fg-muted)}.spinner{width:32px;height:32px;border:3px solid var(--color-border-default);border-top-color:var(--color-accent-emphasis);border-radius:50%;animation:spin .8s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);gap:var(--space-2);color:var(--color-fg-muted);background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--border-radius);margin-top:var(--space-4)}.empty-icon{color:var(--color-fg-muted);opacity:.4}.empty-state p{margin:0;font-size:14px}.type-badge{padding:0 8px;border-radius:2em;font-size:12px;font-weight:500;line-height:20px;display:inline-flex;align-items:center;color:var(--color-fg-default);border:1px solid var(--color-border-default)}.action-button{width:32px;height:32px;border:1px solid var(--color-border-default);background:var(--color-canvas-default);border-radius:var(--border-radius);color:var(--color-fg-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}.action-button:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-danger{color:#fff;background-color:var(--color-danger-emphasis);border-color:#1b1f2426}.btn-danger:hover{background-color:#b91c1c;border-color:#1b1f2426}.btn-danger:active{background-color:#991b1b}.btn-sm{padding:3px 12px;font-size:12px;line-height:20px}.panel-title{display:flex;align-items:center;gap:var(--space-2)}@media (max-width: 768px){.search-box{width:100%;min-width:auto}.filter-select{width:100%}.header-actions{width:100%;justify-content:flex-end}}@media (max-width: 480px){.search-input,.filter-select{font-size:13px}.type-badge{font-size:11px;padding:0 6px}.action-button{width:36px;height:36px}}.tabs-container{margin-top:var(--space-4)}.tabs{display:flex;border-bottom:1px solid var(--color-border-default);gap:var(--space-2)}.tab{padding:var(--space-2) var(--space-3);border:none;background:transparent;color:var(--color-fg-muted);font-size:14px;font-weight:500;cursor:pointer;position:relative;display:flex;align-items:center;gap:var(--space-2);transition:color .2s;border-bottom:2px solid transparent}.tab:hover{color:var(--color-fg-default)}.tab.active{color:var(--color-fg-default);border-bottom-color:var(--color-accent-emphasis)}.tab-badge{background:var(--color-neutral-muted);color:var(--color-fg-default);padding:0 6px;border-radius:2em;font-size:12px;font-weight:600;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;line-height:1}.tab.active .tab-badge{background:var(--color-accent-emphasis);color:#fff}.search-container{margin-top:var(--space-4)}.search-box{position:relative;width:100%}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-fg-muted);pointer-events:none}.search-input{width:100%;padding:5px 12px 5px 36px;border:1px solid var(--color-border-default);border-radius:var(--border-radius);font-size:14px;line-height:20px;color:var(--color-fg-default);background:var(--color-canvas-default);transition:all .2s;box-shadow:var(--shadow-sm)}.search-input:focus{outline:none;border-color:var(--color-accent-emphasis);box-shadow:0 0 0 3px #0969da1f}.search-input::placeholder{color:var(--color-fg-muted)}.ticket-list{margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.ticket-card{background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--border-radius);transition:all .2s;box-shadow:var(--shadow-sm)}.ticket-card:hover{box-shadow:var(--shadow-md)}.ticket-card-content{padding:var(--space-3);display:flex;align-items:flex-start;gap:var(--space-3)}.ticket-info{flex:1;min-width:0}.ticket-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap}.priority-badge,.status-badge{padding:0 7px;border-radius:2em;font-size:12px;font-weight:500;line-height:18px;color:#fff}.ticket-id{font-size:12px;color:var(--color-fg-muted);font-weight:500}.ticket-date{font-size:12px;color:var(--color-fg-muted);margin-left:auto}.ticket-title{font-size:16px;font-weight:600;color:var(--color-fg-default);margin:0 0 var(--space-2) 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5}.ticket-description{font-size:14px;color:var(--color-fg-muted);line-height:1.6;margin:0 0 var(--space-2) 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ticket-meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.ticket-user,.ticket-category{font-size:12px;color:var(--color-fg-muted);display:flex;align-items:center;gap:4px}.ticket-actions{display:flex;flex-direction:column;gap:var(--space-2);flex-shrink:0}.action-button{width:32px;height:32px;border:1px solid var(--color-border-default);background:var(--color-canvas-default);border-radius:var(--border-radius);color:var(--color-fg-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.action-button:hover{background:var(--color-canvas-subtle);border-color:var(--color-border-muted);color:var(--color-fg-default)}.action-button.delete:hover{background:var(--color-danger-subtle);border-color:var(--color-danger-emphasis);color:var(--color-danger-emphasis)}.ticket-detail-card{padding:var(--space-3);background:var(--color-canvas-subtle);border:1px solid var(--color-border-default);border-radius:var(--border-radius);margin-bottom:var(--space-4)}.detail-title{font-size:18px;font-weight:600;color:var(--color-fg-default);margin:0 0 var(--space-2) 0;line-height:1.5}.detail-description{font-size:14px;color:var(--color-fg-default);line-height:1.6;margin:0 0 var(--space-3) 0}.detail-badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}.detail-badge{padding:0 7px;border-radius:2em;font-size:12px;font-weight:500;line-height:18px;color:#fff;display:inline-flex;align-items:center}.replies-section{margin-top:var(--space-4)}.section-title{font-size:16px;font-weight:600;color:var(--color-fg-default);margin:0 0 var(--space-3) 0}.replies-list{display:flex;flex-direction:column;gap:var(--space-3)}.reply-item{padding:var(--space-3);background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--border-radius)}.reply-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap}.reply-author{font-size:14px;font-weight:600;color:var(--color-fg-default)}.admin-badge{padding:0 7px;border-radius:2em;font-size:12px;font-weight:500;line-height:18px;background:var(--color-accent-emphasis);color:#fff}.reply-date{font-size:12px;color:var(--color-fg-muted);margin-left:auto}.reply-message{font-size:14px;color:var(--color-fg-default);line-height:1.6;margin:0}.no-replies{text-align:center;color:var(--color-fg-muted);padding:var(--space-5);font-size:14px}.attachments-list{margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.attachment-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--color-canvas-subtle);border:1px solid var(--color-border-default);border-radius:var(--border-radius)}.attachment-name{flex:1;font-size:14px;color:var(--color-fg-default);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-size{font-size:12px;color:var(--color-fg-muted)}.attachment-remove{width:24px;height:24px;border:none;background:transparent;color:var(--color-danger-fg);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius);transition:all .2s}.attachment-remove:hover{background:var(--color-danger-subtle)}@media (max-width: 768px){.ticket-card-content{flex-direction:column}.ticket-actions{flex-direction:row;width:100%;flex-wrap:wrap;gap:var(--space-2)}.ticket-actions .btn{flex:1;min-width:120px}.ticket-actions .action-button{width:36px;height:36px}.ticket-header{flex-wrap:wrap}.ticket-date{width:100%;margin-left:0;margin-top:var(--space-1)}.modal-large,.modal-small{width:95%;max-width:none}.search-box{width:100%}.stats-container{grid-template-columns:1fr}.tab-badge{position:relative;top:auto;right:auto;margin-left:var(--space-1)}}@media (max-width: 480px){.tabs{flex-wrap:wrap}.tab{flex:1;min-width:0;justify-content:center;font-size:13px}.ticket-title{font-size:14px}.ticket-description{font-size:13px}.ticket-meta{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.modal-large,.modal-small{width:96%;max-width:100%;max-height:calc(100vh - 40px);border-radius:var(--border-radius)}.modal-header{padding:var(--space-3) var(--space-2)}.modal-content{padding:var(--space-2)}.modal-footer{padding:var(--space-2);flex-direction:column;gap:var(--space-2)}.modal-footer .btn{width:100%}.modal-title{font-size:15px}.form-label,.form-textarea,.form-input{font-size:13px}.detail-title{font-size:15px}.detail-description{font-size:13px}.detail-badge{font-size:11px;padding:0 6px}.reply-author,.reply-message{font-size:13px}.reply-date{font-size:11px}.attachment-name{font-size:12px}.attachment-size{font-size:11px}.stats-container{gap:var(--space-2)}.stat-label{font-size:13px}.stat-value{font-size:24px}.stat-change{font-size:11px}}.category-list{display:grid;gap:16px;margin-top:24px}.category-card{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:8px;transition:all .2s ease}.category-card:hover{background:var(--color-canvas-subtle);border-color:var(--color-border-muted);box-shadow:0 2px 8px #0000001a}.category-info{flex:1;min-width:0}.category-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.category-label{font-size:16px;font-weight:600;color:var(--color-fg-default);margin:0}.category-value{font-size:14px;color:var(--color-fg-muted);margin:0;font-family:Fira Code,monospace}.default-badge{display:inline-flex;align-items:center;padding:2px 8px;background:var(--color-accent-subtle);color:var(--color-accent-fg);font-size:12px;font-weight:600;border-radius:4px;text-transform:uppercase}.category-actions{display:flex;gap:8px}.action-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-canvas-subtle);border:1px solid var(--color-border-default);border-radius:6px;cursor:pointer;transition:all .2s ease;color:var(--color-fg-muted)}.action-button:hover:not(:disabled){background:var(--color-canvas-default);border-color:var(--color-border-muted);color:var(--color-fg-default)}.action-button.edit:hover:not(:disabled){background:var(--color-accent-subtle);border-color:var(--color-accent-emphasis);color:var(--color-accent-fg)}.action-button.delete:hover:not(:disabled){background:var(--color-danger-subtle);border-color:var(--color-danger-emphasis);color:var(--color-danger-fg)}.action-button:disabled{opacity:.4;cursor:not-allowed}.form-hint{margin-top:6px;font-size:13px;color:var(--color-fg-muted)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{margin-bottom:16px;color:var(--color-fg-muted);opacity:.5}.empty-state p{color:var(--color-fg-muted);font-size:14px;margin:0}@media (max-width: 768px){.category-card{flex-direction:column;align-items:flex-start;gap:16px}.category-actions{width:100%;justify-content:flex-end}.panel-header{flex-direction:column;gap:16px}.panel-header>div:last-child{width:100%}.panel-header button{width:100%}}.shop-admin{padding:24px}.shop-admin-header{margin-bottom:24px}.shop-admin-header h2{font-size:20px;font-weight:600;color:var(--foreground);margin:0 0 6px;letter-spacing:-.02em}.shop-admin-header p{font-size:14px;color:var(--muted-foreground);margin:0}.shop-admin-tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.shop-tab{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;color:var(--muted-foreground);background:var(--muted);border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s ease}.shop-tab:hover{color:var(--foreground);border-color:var(--border)}.shop-tab.active{color:var(--foreground);background:var(--background);border-color:var(--border)}.shop-admin-content{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);padding:24px}[data-theme=dark] .shop-admin-content{background:var(--gray-900)}.tab-content{min-height:400px}.content-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.content-header h3{font-size:16px;font-weight:600;color:var(--foreground);margin:0}.shop-admin .btn-primary{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;color:var(--background);background:var(--foreground);border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.shop-admin .btn-primary:hover:not(:disabled){opacity:.8}.shop-admin .btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:10px 16px;font-size:14px;font-weight:500;color:var(--foreground);background:var(--muted);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--border)}.btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--muted);border:none;border-radius:6px;cursor:pointer;color:var(--muted-foreground);transition:all .2s ease}.btn-icon:hover{background:var(--border);color:var(--foreground)}.btn-icon.danger:hover{background:var(--color-danger-subtle);color:var(--color-danger-fg)}.btn-icon.small{width:24px;height:24px}.action-buttons{display:flex;gap:8px}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--muted-foreground);text-align:center}.empty-state svg{margin-bottom:16px;opacity:.4}.empty-state p{margin:0}.search-box{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--muted);border:1px solid var(--border);border-radius:6px;min-width:250px}.search-box svg{color:var(--muted-foreground);flex-shrink:0}.search-box input{flex:1;background:transparent;border:none;font-size:14px;color:var(--foreground);outline:none;padding:0}.search-box input::placeholder{color:var(--muted-foreground)}.products-table,.orders-table{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border)}th{font-size:12px;font-weight:600;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;background:var(--muted)}[data-theme=dark] th{background:var(--gray-800)}th:first-child{border-radius:6px 0 0}th:last-child{border-radius:0 6px 0 0}td{font-size:14px;color:var(--foreground)}tr:last-child td{border-bottom:none}tr:hover td{background:var(--muted)}[data-theme=dark] tr:hover td{background:var(--gray-800)}.product-cell{display:flex;align-items:center;gap:12px}.product-thumb{width:40px;height:40px;border-radius:6px;object-fit:cover}.product-thumb-placeholder{width:40px;height:40px;border-radius:6px;background:var(--muted);display:flex;align-items:center;justify-content:center;color:var(--muted-foreground)}.price-badge{display:inline-flex;align-items:center;gap:4px;font-weight:600;color:var(--foreground);font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px}.price-badge svg{color:var(--muted-foreground)}.category-badge{display:inline-block;padding:4px 8px;font-size:12px;font-weight:500;border-radius:4px;background:var(--muted);color:var(--muted-foreground)}.category-badge.virtual{background:var(--color-accent-subtle);color:var(--color-accent-fg)}.category-badge.physical{background:var(--color-success-subtle);color:var(--color-success-fg)}.category-badge.service{background:var(--color-attention-subtle);color:var(--color-attention-fg)}.status-badge{display:inline-block;padding:4px 8px;font-size:12px;font-weight:500;border-radius:4px}.status-badge.active{background:var(--color-success-subtle);color:var(--color-success-fg)}.status-badge.inactive{background:var(--color-danger-subtle);color:var(--color-danger-fg)}.order-no{font-size:12px;font-family:SF Mono,Monaco,Consolas,monospace;background:var(--muted);padding:4px 8px;border-radius:4px}.order-price{display:flex;flex-direction:column;gap:2px}.original-price{font-size:12px;color:var(--muted-foreground);text-decoration:line-through}.final-price{display:inline-flex;align-items:center;gap:4px;font-weight:600;color:var(--foreground);font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px}.final-price svg{color:var(--muted-foreground)}.coupon-used{font-size:12px;font-family:SF Mono,Monaco,Consolas,monospace;background:var(--color-success-subtle);color:var(--color-success-fg);padding:2px 6px;border-radius:4px}.no-coupon{color:var(--muted-foreground)}.categories-table{overflow-x:auto}.category-name{font-size:12px;font-family:SF Mono,Monaco,Consolas,monospace;background:var(--muted);padding:4px 8px;border-radius:4px;color:var(--foreground)}.coupons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.coupon-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);padding:16px;position:relative;transition:all .2s ease}[data-theme=dark] .coupon-card{background:var(--gray-800)}.coupon-card:hover{border-color:var(--foreground)}.coupon-card.inactive{opacity:.6}.coupon-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.coupon-code{font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;font-weight:600;color:var(--foreground);background:var(--muted);padding:4px 8px;border-radius:4px}.coupon-discount{display:flex;align-items:center;gap:6px;font-size:20px;font-weight:600;color:var(--foreground);margin-bottom:12px;font-family:SF Mono,Monaco,Consolas,monospace}.coupon-discount svg{color:var(--muted-foreground)}.coupon-details{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted-foreground)}.coupon-expires{margin-top:8px;font-size:12px;color:var(--muted-foreground)}.config-form{max-width:600px}.form-section{margin-bottom:32px}.form-section h4{font-size:14px;font-weight:600;color:var(--foreground);margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid var(--border)}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:500;color:var(--foreground)}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;font-size:14px;background:var(--background);border:1px solid var(--border);border-radius:6px;color:var(--foreground);transition:border-color .2s ease}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{background:var(--gray-800)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--foreground)}.form-group textarea{resize:vertical;min-height:80px}.help-text{font-size:12px;color:var(--muted-foreground)}.form-actions{margin-top:24px}.modal-content{width:100%;max-width:500px;max-height:90vh;overflow-y:auto;background:var(--background);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.modal-header h3{font-size:16px;font-weight:600;color:var(--foreground);margin:0}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--muted);border:none;border-radius:6px;cursor:pointer;color:var(--muted-foreground);transition:all .2s ease}.modal-content .form-group{margin-bottom:16px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}@media (max-width: 768px){.shop-admin,.shop-admin-content{padding:16px}.content-header{flex-direction:column;align-items:flex-start}.search-box{width:100%;min-width:0}.form-row,.coupons-grid{grid-template-columns:1fr}.modal-content{padding:16px}}.ticket-detail-view{min-height:100vh;position:relative;overflow:hidden;padding-top:64px}.back-button{margin-bottom:32px}.detail-card{margin-bottom:48px}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.detail-status{font-size:13px;font-weight:500;color:var(--foreground);padding:6px 12px;background:var(--muted);border-radius:calc(var(--radius) / 2)}.detail-date{font-size:12px;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em}.detail-title{font-size:clamp(28px,4vw,40px);font-weight:600;letter-spacing:-.02em;color:var(--foreground);margin-bottom:16px;line-height:1.2}.detail-description{font-size:16px;color:var(--muted-foreground);line-height:1.7;margin-bottom:32px}.detail-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.meta-item{display:flex;flex-direction:column;gap:4px}.meta-label{font-size:12px;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.meta-value{font-size:15px;color:var(--foreground);font-weight:500}.replies-title{font-size:24px;font-weight:600;letter-spacing:-.01em;color:var(--foreground);margin-bottom:24px}.replies-loading{display:flex;justify-content:center;padding:60px 0}.replies-list{display:flex;flex-direction:column;gap:16px;margin-bottom:48px}.reply-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.reply-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border)}.reply-author{font-size:15px;font-weight:600;color:var(--foreground);display:flex;align-items:center;gap:8px}.admin-badge{font-size:11px;font-weight:600;color:var(--background);background:var(--foreground);padding:3px 8px;border-radius:calc(var(--radius) / 2);text-transform:uppercase;letter-spacing:.05em}.reply-date{font-size:12px;color:var(--muted-foreground)}.reply-message{font-size:15px;color:var(--foreground);line-height:1.7}.reply-attachments{margin-top:16px;padding-top:16px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.attachment-link{font-size:14px;color:var(--foreground);text-decoration:none;padding:8px 12px;background:var(--muted);border-radius:calc(var(--radius) / 2);transition:all .2s ease;display:inline-block}.attachment-link:hover{background:var(--border)}.reply-form{margin-bottom:32px}.form-title{font-size:18px;font-weight:600;color:var(--foreground);margin-bottom:16px}.attachments-section{margin:16px 0}.file-input-label{cursor:pointer;display:inline-flex}.upload-list{margin-top:16px;display:flex;flex-direction:column;gap:8px}.upload-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--muted);border-radius:calc(var(--radius) / 2);font-size:14px}.remove-attachment{width:24px;height:24px;border:none;background:transparent;font-size:20px;color:var(--muted-foreground);cursor:pointer;border-radius:calc(var(--radius) / 2);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.remove-attachment:hover{background:var(--border);color:var(--foreground)}.closed-notice{text-align:center;padding:32px;color:var(--muted-foreground);font-size:15px}@media (max-width: 768px){.detail-meta{grid-template-columns:1fr}.reply-header{flex-direction:column;align-items:flex-start;gap:8px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}[data-theme=dark] .modal-overlay{background:#000000b3}.modal-content{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border)}.modal-header h2{font-size:20px;font-weight:600;color:var(--foreground);letter-spacing:-.01em}.modal-close{width:32px;height:32px;border:none;background:transparent;font-size:24px;color:var(--muted-foreground);cursor:pointer;border-radius:calc(var(--radius) / 2);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--muted);color:var(--foreground)}.modal-body{padding:24px}.error-message{padding:12px 16px;background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius);font-size:14px;margin-bottom:24px}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:14px;font-weight:500;color:var(--foreground);margin-bottom:8px}.required{color:#dc2626;margin-left:4px}.form-group input,.form-group textarea{width:100%;padding:12px 16px;font-size:15px;color:var(--foreground);background:var(--background);border:1px solid var(--border);border-radius:var(--radius);transition:all .2s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--foreground)}.form-group select{width:100%;padding:12px 16px;font-size:15px;color:var(--foreground);background:var(--background);border:1px solid var(--border);border-radius:var(--radius);transition:all .2s ease;font-family:inherit;cursor:pointer}.form-group select:focus{outline:none;border-color:var(--foreground)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.modal-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}@media (max-width: 768px){.modal-content{max-height:100vh;border-radius:0}.form-row{grid-template-columns:1fr}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}}.ticket-system{min-height:100vh;position:relative;overflow:hidden;padding-top:64px}.ticket-background-text{position:fixed;font-size:clamp(60px,12vw,150px);font-weight:700;color:var(--foreground);opacity:.02;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:0}[data-theme=dark] .ticket-background-text{opacity:.03}.ticket-background-text:nth-child(1){top:10%;left:-10%;animation:floatFullScreen1 60s ease-in-out infinite}.ticket-background-text:nth-child(2){bottom:15%;right:-10%;animation:floatFullScreen2 70s ease-in-out infinite}@keyframes floatFullScreen1{0%,to{transform:translate(0) rotate(-5deg)}25%{transform:translate(100vw,20vh) rotate(5deg)}50%{transform:translate(80vw,60vh) rotate(-3deg)}75%{transform:translate(20vw,40vh) rotate(3deg)}}@keyframes floatFullScreen2{0%,to{transform:translate(0) rotate(5deg)}25%{transform:translate(-80vw,-30vh) rotate(-5deg)}50%{transform:translate(-60vw,-50vh) rotate(3deg)}75%{transform:translate(-30vw,-20vh) rotate(-3deg)}}.ticket-loading{min-height:100vh;display:flex;align-items:center;justify-content:center}.loading-spinner{width:48px;height:48px;border:3px solid var(--border);border-top-color:var(--foreground);border-radius:50%;animation:spin 1s linear infinite}.ticket-tips{padding:16px 24px;background:var(--muted);border:1px solid var(--border);border-radius:var(--radius);font-size:14px;color:var(--muted-foreground);line-height:1.6;margin-bottom:32px;text-align:center}.ticket-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:60px;gap:24px}.ticket-page-title{font-size:clamp(40px,6vw,64px);font-weight:600;letter-spacing:-.03em;line-height:1.1;color:var(--foreground);margin-bottom:16px}.ticket-page-subtitle{font-size:clamp(15px,2vw,18px);color:var(--muted-foreground);line-height:1.6}.ticket-stats{margin-bottom:48px}.stat-card{text-align:center;cursor:default}.stat-value{font-size:clamp(36px,5vw,48px);font-weight:600;letter-spacing:-.02em;color:var(--foreground);margin-bottom:8px}.stat-label{font-size:14px;color:var(--muted-foreground);letter-spacing:-.01em}.search-input{margin-bottom:48px}.ticket-tabs{display:flex;gap:16px;margin-bottom:48px;border-bottom:1px solid var(--border);padding-bottom:16px}.tab-button{padding:12px 24px;background:transparent;border:1px solid transparent;border-radius:var(--radius);font-size:15px;font-weight:500;color:var(--muted-foreground);cursor:pointer;transition:all .2s ease}.tab-button:hover{color:var(--foreground);background:var(--muted)}.tab-button.active{color:var(--foreground);border-color:var(--foreground)}.ticket-list{position:relative;min-height:400px}.ticket-card{cursor:pointer;transition:all .2s ease}.ticket-card:hover{transform:translateY(-2px)}.ticket-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border)}.ticket-status{font-size:13px;font-weight:500;color:var(--foreground);padding:4px 12px;background:var(--muted);border-radius:calc(var(--radius) / 2)}.ticket-date{font-size:12px;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em}.ticket-card-title{font-size:18px;font-weight:600;color:var(--foreground);margin-bottom:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ticket-card-description{font-size:14px;color:var(--muted-foreground);line-height:1.7;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ticket-card-footer{display:flex;gap:12px;flex-wrap:wrap}.ticket-category,.ticket-priority{font-size:12px;color:var(--muted-foreground);padding:4px 8px;background:var(--muted);border-radius:calc(var(--radius) / 2)}.ticket-empty{grid-column:1 / -1;text-align:center;padding:80px 24px;color:var(--muted-foreground)}.ticket-empty p{font-size:16px;margin-bottom:24px}@media (max-width: 768px){.ticket-header{flex-direction:column}.ticket-header .btn{width:100%;max-width:320px}.ticket-tabs{flex-direction:column}.tab-button{width:100%}}.ticket-login-required{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:40px 20px}.login-required-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--muted);border-radius:50%;margin-bottom:24px;color:var(--muted-foreground)}[data-theme=dark] .login-required-icon{background:var(--gray-800)}.login-required-title{font-size:24px;font-weight:600;color:var(--foreground);margin-bottom:12px}.login-required-desc{font-size:15px;color:var(--muted-foreground);margin-bottom:32px;max-width:400px;line-height:1.6}.notifications-container{width:100%;min-height:100vh;background:var(--color-canvas-subtle);padding:var(--space-4);padding-top:calc(64px + var(--space-4));box-sizing:border-box}.notifications-container>*{max-width:1280px;margin-left:auto;margin-right:auto}.notifications-container .success-toast{position:fixed;top:calc(64px + var(--space-3));right:var(--space-4);z-index:9999;background:var(--color-success-emphasis);color:#fff;padding:var(--space-3) var(--space-4);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--space-2);font-size:14px;font-weight:500;max-width:none}.notifications-container .panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-default);flex-wrap:wrap}.notifications-container .panel-title{display:flex;align-items:center;gap:var(--space-2);font-size:24px;font-weight:600;margin:0;color:var(--color-fg-default)}.notifications-container .panel-subtitle{font-size:14px;color:var(--color-fg-muted);margin-top:var(--space-1);margin-bottom:0}.notifications-container .stats-container{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}.notifications-container .stat-box{padding:var(--space-3);background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.notifications-container .card{background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);margin-bottom:var(--space-4);overflow:hidden}.notifications-container .filter-section{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3)}.notifications-container .search-box{width:100%;position:relative}.notifications-container .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-fg-muted);pointer-events:none;z-index:1}.notifications-container .search-input{width:100%;padding:10px 12px 10px 40px;border:1px solid var(--color-border-default);border-radius:var(--border-radius);font-size:14px;line-height:20px;color:var(--color-fg-default);background:var(--color-canvas-default);transition:all .2s;box-shadow:var(--shadow-sm);box-sizing:border-box}.notifications-container .search-input:focus{outline:none;border-color:var(--color-accent-emphasis);box-shadow:0 0 0 3px #0969da1f}.notifications-container .filter-controls{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.notifications-container .tabs{display:flex;gap:var(--space-2);flex-wrap:wrap}.notifications-container .tab{padding:6px 16px;background:transparent;border:1px solid var(--color-border-default);border-radius:var(--border-radius);font-size:14px;font-weight:500;color:var(--color-fg-default);cursor:pointer;transition:all .2s}.notifications-container .tab:hover{background:var(--color-canvas-subtle)}.notifications-container .tab.active{background:var(--color-accent-emphasis);color:#fff;border-color:var(--color-accent-emphasis)}.notifications-container .filter-select{padding:6px 12px;border:1px solid var(--color-border-default);border-radius:var(--border-radius);font-size:14px;color:var(--color-fg-default);background:var(--color-canvas-default);cursor:pointer;min-width:120px}.notifications-container .action-bar{display:flex;gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--color-border-default);background:var(--color-canvas-subtle)}.notifications-container .notification-list{display:flex;flex-direction:column;gap:var(--space-3)}.notifications-container .notification-card{background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--border-radius);transition:all .2s;box-shadow:var(--shadow-sm);cursor:pointer;position:relative;overflow:visible}.notifications-container .notification-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.notifications-container .notification-card.unread{border-left:4px solid var(--color-accent-emphasis);background:var(--color-accent-subtle)}.notifications-container .notification-card-content{padding:16px;display:flex;align-items:flex-start;gap:16px;min-height:80px}.notifications-container .unread-indicator{position:absolute;top:16px;right:60px;width:8px;height:8px;border-radius:50%;background:var(--color-accent-emphasis)}.notifications-container .notification-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.notifications-container .notification-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.notifications-container .type-badge{padding:2px 10px;border-radius:12px;font-size:12px;font-weight:500;color:var(--color-fg-default);border:1px solid var(--color-border-default);white-space:nowrap}.notifications-container .notification-time{font-size:12px;color:var(--color-fg-muted);margin-left:auto;white-space:nowrap}.notifications-container .notification-title{display:block!important;visibility:visible!important;font-size:15px!important;font-weight:600!important;color:#24292f!important;margin:0!important;line-height:1.4!important;word-break:break-word}.notifications-container .notification-message{display:block!important;visibility:visible!important;font-size:14px!important;color:#57606a!important;line-height:1.5!important;margin:0!important;word-break:break-word}[data-theme=dark] .notifications-container .notification-title{color:#e6edf3!important}[data-theme=dark] .notifications-container .notification-message{color:#7d8590!important}.notifications-container .action-button{width:36px;height:36px;min-width:36px;border:1px solid var(--color-border-default);background:var(--color-canvas-default);border-radius:var(--border-radius);color:var(--color-fg-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.notifications-container .action-button:hover{background:var(--color-canvas-subtle);color:var(--color-fg-default)}.notifications-container .action-button.delete:hover{background:var(--color-danger-subtle);border-color:var(--color-danger-emphasis);color:var(--color-danger-emphasis)}.notifications-container .pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3);background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--border-radius)}.notifications-container .pagination-info{font-size:14px;color:var(--color-fg-muted);min-width:100px;text-align:center}.notifications-container .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);gap:var(--space-3);color:var(--color-fg-muted);background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--border-radius)}.notifications-container .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);gap:var(--space-2);color:var(--color-fg-muted);background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--border-radius)}.notifications-container .empty-state p{margin:0;font-size:14px}.notification-detail-message{font-size:14px;color:var(--color-fg-default);line-height:1.7;margin:var(--space-3) 0;white-space:pre-wrap}.notification-detail-time{font-size:12px;color:var(--color-fg-muted);margin:0}@media (max-width: 1024px){.notifications-container .stats-container{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.notifications-container{padding:var(--space-3);padding-top:calc(64px + var(--space-3))}.notifications-container .stats-container{grid-template-columns:1fr}.notifications-container .filter-controls{flex-direction:column;align-items:stretch}.notifications-container .tabs{width:100%}.notifications-container .tab{flex:1;text-align:center}.notifications-container .filter-select{width:100%}.notifications-container .notification-card-content{flex-direction:column}.notifications-container .notification-time{margin-left:0}.notifications-container .pagination{flex-wrap:wrap}.notifications-container .panel-header{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.notifications-container .panel-title{font-size:20px}.notifications-container .tabs{flex-direction:column}.notifications-container .tab{width:100%}}body:has(.notifications-container){overflow-x:hidden}.shop-page{min-height:100vh;padding-top:100px;padding-bottom:60px}.shop-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:24px}.shop-header-content{flex:1}.shop-title{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:600;color:var(--foreground);margin:0 0 8px;letter-spacing:-.02em}.shop-title svg{color:var(--foreground)}.shop-subtitle{font-size:15px;color:var(--muted-foreground);margin:0}.shop-points-card{display:flex;align-items:center;gap:16px;padding:20px 28px;background:var(--foreground);border-radius:var(--radius);color:var(--background)}.points-icon{width:48px;height:48px;background:#ffffff26;border-radius:10px;display:flex;align-items:center;justify-content:center}.points-info{display:flex;flex-direction:column}.points-label{font-size:13px;opacity:.8}.points-value{font-size:24px;font-weight:600;font-family:SF Mono,Monaco,Consolas,monospace}.shop-categories{display:flex;gap:8px;margin-bottom:32px;flex-wrap:wrap}.category-btn{padding:10px 20px;font-size:14px;font-weight:500;color:var(--muted-foreground);background:var(--muted);border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease}.category-btn:hover{color:var(--foreground);border-color:var(--border)}.category-btn.active{color:var(--background);background:var(--foreground)}.shop-loading,.shop-error,.shop-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;color:var(--muted-foreground)}.shop-loading .spinner,.shop-error svg,.shop-empty svg{margin-bottom:16px;opacity:.5}.spinner{width:32px;height:32px;border:2px solid var(--border);border-top-color:var(--foreground);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;margin-bottom:48px}.product-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:all .2s ease}[data-theme=dark] .product-card{background:var(--gray-900)}.product-card:hover{border-color:var(--foreground)}.product-image{position:relative;aspect-ratio:4/3;background:var(--muted);overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.product-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted-foreground)}.product-sold-out{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:600}.product-info{padding:16px}.product-name{font-size:15px;font-weight:600;color:var(--foreground);margin:0 0 8px}.product-desc{font-size:13px;color:var(--muted-foreground);margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.product-footer{display:flex;align-items:center;justify-content:space-between}.product-price{display:flex;align-items:center;gap:4px;font-size:15px;font-weight:600;color:var(--foreground);font-family:SF Mono,Monaco,Consolas,monospace}.product-price svg{color:var(--muted-foreground)}.product-stock{font-size:12px;color:var(--muted-foreground)}.recent-orders{margin-top:48px;padding-top:48px;border-top:1px solid var(--border)}.section-title{font-size:18px;font-weight:600;color:var(--foreground);margin:0 0 20px}.orders-list{display:flex;flex-direction:column;gap:12px}.order-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--muted);border-radius:var(--radius)}[data-theme=dark] .order-item{background:var(--gray-900)}.order-product{flex:1;display:flex;align-items:center;gap:8px}.order-name{font-weight:500;color:var(--foreground)}.order-qty{font-size:13px;color:var(--muted-foreground)}.order-meta{display:flex;align-items:center;gap:16px}.order-price{display:flex;align-items:center;gap:4px;font-weight:600;color:var(--foreground);font-family:SF Mono,Monaco,Consolas,monospace}.order-date{font-size:13px;color:var(--muted-foreground)}.order-no-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--muted);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .2s ease}.order-no-btn:hover{border-color:var(--foreground)}.order-no-btn code{font-size:12px;font-family:SF Mono,Monaco,Consolas,monospace;color:var(--muted-foreground)}.order-no-btn svg{color:var(--muted-foreground)}.order-no-btn:hover code,.order-no-btn:hover svg{color:var(--foreground)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.purchase-modal{position:relative;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;background:var(--background);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--muted);border:none;border-radius:6px;cursor:pointer;color:var(--muted-foreground);transition:all .2s ease}.modal-close:hover{background:var(--border);color:var(--foreground)}.modal-product{display:flex;gap:16px;margin-bottom:24px}.modal-product-image{width:100px;height:100px;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--muted)}.modal-product-image img{width:100%;height:100%;object-fit:cover}.modal-product-info{flex:1}.modal-product-info h2{font-size:18px;font-weight:600;color:var(--foreground);margin:0 0 8px}.modal-product-info p{font-size:13px;color:var(--muted-foreground);margin:0 0 12px;line-height:1.5}.modal-price{display:flex;align-items:center;gap:6px;font-size:16px;font-weight:600;color:var(--foreground);font-family:SF Mono,Monaco,Consolas,monospace}.modal-price svg{color:var(--muted-foreground)}.modal-form{display:flex;flex-direction:column;gap:20px}.form-row{display:flex;flex-direction:column;gap:8px}.form-row label{font-size:14px;font-weight:500;color:var(--foreground)}.quantity-input{display:flex;align-items:center;gap:12px}.quantity-input button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--muted);border:1px solid var(--border);border-radius:6px;cursor:pointer;color:var(--foreground);transition:all .2s ease}.quantity-input button:hover:not(:disabled){background:var(--border)}.quantity-input button:disabled{opacity:.5;cursor:not-allowed}.quantity-input span{font-size:16px;font-weight:600;min-width:40px;text-align:center;font-family:SF Mono,Monaco,Consolas,monospace}.coupon-input{display:flex;gap:8px}.coupon-input input{flex:1;padding:10px 14px;font-size:14px;border:1px solid var(--border);border-radius:6px;background:var(--background);color:var(--foreground);text-transform:uppercase;font-family:SF Mono,Monaco,Consolas,monospace}.coupon-input input:focus{outline:none;border-color:var(--foreground)}.coupon-input button{padding:10px 16px;font-size:14px;font-weight:500;background:var(--foreground);color:var(--background);border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.coupon-input button:hover:not(:disabled){opacity:.8}.coupon-input button:disabled{opacity:.5;cursor:not-allowed}.coupon-success{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-success-fg)}.modal-summary{padding:16px;background:var(--muted);border-radius:8px;display:flex;flex-direction:column;gap:10px}[data-theme=dark] .modal-summary{background:var(--gray-900)}.summary-row{display:flex;justify-content:space-between;font-size:14px;color:var(--muted-foreground)}.summary-row.discount{color:var(--color-success-fg)}.summary-row.total{font-size:15px;font-weight:600;color:var(--foreground);padding-top:10px;border-top:1px solid var(--border)}.total-price{display:flex;align-items:center;gap:4px;color:var(--foreground);font-family:SF Mono,Monaco,Consolas,monospace}.total-price svg{color:var(--muted-foreground)}.summary-row.balance .insufficient{color:var(--color-danger-fg)}.purchase-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;font-size:15px;font-weight:600;background:var(--foreground);color:var(--background);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.purchase-btn:hover:not(:disabled){opacity:.8}.purchase-btn:disabled{opacity:.5;cursor:not-allowed}.btn-loading{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.result-modal{width:100%;max-width:400px;background:var(--background);border:1px solid var(--border);border-radius:var(--radius);padding:40px 32px;text-align:center}.result-icon{width:64px;height:64px;margin:0 auto 20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.result-icon.success{background:var(--foreground);color:var(--background)}.result-modal h2{font-size:20px;font-weight:600;color:var(--foreground);margin:0 0 8px}.result-product{font-size:14px;color:var(--muted-foreground);margin:0 0 24px}.result-order-no{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background:var(--muted);border-radius:8px;margin-bottom:24px}[data-theme=dark] .result-order-no{background:var(--gray-900)}.result-order-no span{font-size:13px;color:var(--muted-foreground)}.result-order-no code{font-size:13px;font-weight:600;color:var(--foreground);background:var(--background);padding:4px 10px;border-radius:4px;font-family:SF Mono,Monaco,Consolas,monospace}.copy-btn{padding:6px;background:transparent;border:none;cursor:pointer;color:var(--muted-foreground);transition:color .2s ease}.copy-btn:hover{color:var(--foreground)}.result-info{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.info-row{display:flex;justify-content:space-between;font-size:14px}.info-row span:first-child{color:var(--muted-foreground)}.info-row span:last-child{font-weight:500;color:var(--foreground);font-family:SF Mono,Monaco,Consolas,monospace}.result-close-btn{width:100%;padding:12px;font-size:15px;font-weight:500;background:var(--foreground);color:var(--background);border:none;border-radius:8px;cursor:pointer;transition:opacity .2s ease}.result-close-btn:hover{opacity:.8}@media (max-width: 640px){.shop-header{flex-direction:column;align-items:flex-start}.shop-points-card{width:100%}.products-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.order-item{flex-direction:column;align-items:flex-start;gap:8px}}:root{--black: #000000;--white: #ffffff;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #e5e5e5;--gray-300: #d4d4d4;--gray-400: #a3a3a3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #262626;--gray-900: #171717;--primary: var(--black);--background: var(--white);--foreground: var(--black);--muted: var(--gray-100);--muted-foreground: var(--gray-600);--border: var(--gray-200);--input: var(--gray-200);--radius: 12px;--color-canvas-default: #ffffff;--color-canvas-subtle: #f6f8fa;--color-canvas-inset: #f6f8fa;--color-fg-default: #24292f;--color-fg-muted: #57606a;--color-fg-subtle: #6e7781;--color-border-default: #d0d7de;--color-border-muted: #d8dee4;--color-accent-fg: #0969da;--color-accent-emphasis: #0969da;--color-accent-subtle: #ddf4ff;--color-success-fg: #1a7f37;--color-success-emphasis: #1f883d;--color-success-subtle: #dafbe1;--color-danger-fg: #cf222e;--color-danger-emphasis: #cf222e;--color-danger-subtle: #ffebe9;--color-attention-fg: #9a6700;--color-attention-emphasis: #bf8700;--color-attention-subtle: #fff8c5;--shadow-sm: 0 1px 0 rgba(27, 31, 36, .04);--shadow-md: 0 3px 6px rgba(140, 149, 159, .15);--shadow-lg: 0 8px 24px rgba(140, 149, 159, .2);--shadow-xl: 0 12px 28px rgba(140, 149, 159, .3);--border-radius: 6px;--border-radius-md: 6px;--border-radius-lg: 12px;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--space-6: 40px}[data-theme=dark]{--primary: var(--white);--background: var(--black);--foreground: var(--white);--muted: var(--gray-800);--muted-foreground: var(--gray-400);--border: var(--gray-700);--input: var(--gray-800);--color-canvas-default: #0d1117;--color-canvas-subtle: #161b22;--color-canvas-inset: #010409;--color-fg-default: #e6edf3;--color-fg-muted: #7d8590;--color-fg-subtle: #6e7681;--color-border-default: #30363d;--color-border-muted: #21262d;--color-accent-fg: #2f81f7;--color-accent-emphasis: #1f6feb;--color-accent-subtle: #0d419d;--color-success-fg: #3fb950;--color-success-emphasis: #238636;--color-success-subtle: #0f5323;--color-danger-fg: #f85149;--color-danger-emphasis: #da3633;--color-danger-subtle: #82071e;--color-attention-fg: #d29922;--color-attention-emphasis: #9e6a03;--color-attention-subtle: #4d2d00;--shadow-sm: 0 0 transparent;--shadow-md: 0 3px 6px #010409;--shadow-lg: 0 8px 24px #010409;--shadow-xl: 0 12px 28px #010409}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background)!important;color:var(--foreground)!important}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--background)!important;color:var(--foreground)!important;line-height:1.7;transition:background-color .3s ease,color .3s ease}::selection{background:var(--foreground);color:var(--background)}::-moz-selection{background:var(--foreground);color:var(--background)}input,textarea{caret-color:var(--foreground)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}@media (max-width: 768px){.container{padding:0 16px}}.section{padding:120px 0}@media (max-width: 768px){.section{padding:80px 0}}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;letter-spacing:-.02em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:500;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap;outline:none}.btn-primary{background:var(--foreground);color:var(--background);border-color:var(--foreground)}.btn-primary:hover{opacity:.8}.btn-outline{background:transparent;color:var(--foreground);border-color:var(--border)}.btn-outline:hover{background:var(--muted)}.card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:all .2s ease}.card:hover{border-color:var(--foreground)}input,textarea{width:100%;padding:12px 16px;font-size:15px;border:1px solid var(--border);border-radius:var(--radius);background:var(--background);color:var(--foreground);transition:all .2s ease;font-family:inherit;outline:none}input:focus,textarea:focus{border-color:var(--foreground)}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}::-webkit-scrollbar-track{background:var(--muted)}::-webkit-scrollbar-thumb{background:var(--muted-foreground);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--foreground)}#root{min-height:100vh;width:100%}#root>div{width:100%}#root>div>div{width:100%}#root>div>div>div{width:100%}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#fff;border-left:1px solid rgba(0,0,0,.1)}::-webkit-scrollbar-thumb{background:#000;border-radius:0;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#333}[data-theme=dark] ::-webkit-scrollbar-track{background:#000;border-left:1px solid rgba(255,255,255,.1)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#fff}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#ccc}::selection{background:#000;color:#fff}::-moz-selection{background:#000;color:#fff}[data-theme=dark] ::selection{background:#fff;color:#000}[data-theme=dark] ::-moz-selection{background:#fff;color:#000}