@import 'tailwindcss';
@import 'tw-animate-css';
@import 'shadcn/tailwind.css';
@theme inline { --font-sans: var(--font-geist); --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-primary: var(--primary); --color-border: var(--border); }
:root { --background:#080e17;--foreground:#f5f3ff;--card:#101824;--primary:#9b65f6;--border:rgba(174,188,210,.16);--muted:#94a0b4;--green:#59d56e; }
*{box-sizing:border-box}html{background:var(--background)}body{margin:0;color:var(--foreground);background:radial-gradient(circle at 73% -10%,rgba(112,64,196,.13),transparent 28%),#080e17;font-family:var(--font-geist),Arial,sans-serif}button,a{font:inherit}button{color:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:286px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:22px 18px;border-right:1px solid var(--border);background:linear-gradient(180deg,rgba(13,21,33,.98),rgba(9,15,24,.98));display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:13px;padding:0 4px 20px}.brand-mark{width:54px;height:54px;display:grid;place-items:center;border-radius:14px;color:#d6b8ff;border:1px solid #633ba0;background:radial-gradient(circle at 50% 25%,#654090,#1b122b 70%);box-shadow:inset 0 0 18px rgba(211,160,255,.18)}.brand strong{display:block;font-size:17px;letter-spacing:.02em}.brand span{display:block;color:var(--muted);font-size:13px;margin-top:4px}.profile-card{display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.025);padding:15px 13px;margin-bottom:18px}.avatar{flex:0 0 auto;width:55px;height:55px;display:grid;place-items:center;border-radius:50%;font-size:22px;font-weight:700;color:#eee0ff;background:linear-gradient(145deg,#50306c,#191428);border:2px solid #8159b2}.profile-card h2{font-size:18px;margin:0 0 4px}.profile-card p{color:#c6cbd5;font-size:12px;margin:0 0 5px}.profile-card p i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#42c95d;margin-right:5px}.profile-card span{font-size:10px;color:var(--muted);border:1px solid var(--border);border-radius:6px;padding:3px 5px}nav{display:grid;gap:4px}.nav-item{min-height:42px;display:flex;align-items:center;gap:12px;padding:0 13px;text-decoration:none;color:#d8dce5;border-radius:8px;transition:.18s ease}.nav-item:hover{background:rgba(150,92,233,.11)}.nav-item.active{background:linear-gradient(90deg,rgba(133,75,194,.52),rgba(91,48,130,.42));color:#fff;box-shadow:inset 3px 0 #b37afc}.nav-item svg{color:#bca6db}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--border);padding-top:10px}.workspace{padding:27px 30px 42px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.topbar h1{margin:0;font-size:clamp(24px,2.2vw,34px);letter-spacing:-.03em}.topbar h1 em{color:#b987ff;font-style:normal}.topbar p{margin:7px 0 0;color:var(--muted);font-size:14px}.language,.mobile-menu{display:flex;align-items:center;gap:10px;border:1px solid var(--border);background:rgba(255,255,255,.025);border-radius:10px;padding:10px 12px;cursor:pointer}.language b{font-size:12px;font-weight:500;color:#bbc2ce;background:#171f2a;border:1px solid var(--border);border-radius:6px;padding:4px 7px}.mobile-menu{display:none}.dashboard-grid{display:grid;grid-template-columns:minmax(540px,1.55fr) minmax(340px,.95fr);gap:18px;align-items:start}.main-column,.side-column{display:grid;gap:18px}.panel{border:1px solid var(--border);border-radius:12px;background:linear-gradient(150deg,rgba(18,27,40,.96),rgba(12,20,31,.96));box-shadow:0 12px 35px rgba(0,0,0,.15);overflow:hidden}.panel-title{min-height:50px;display:flex;align-items:center;gap:9px;padding:0 17px;border-bottom:1px solid var(--border)}.panel-title svg{color:#af72fb}.panel-title h2{font-size:13px;letter-spacing:.025em;margin:0}.panel-title a{margin-left:auto;color:#aa79e9;text-decoration:none;font-size:11px;display:flex;align-items:center}.important-tag{margin-left:auto;font-size:10px;padding:4px 7px;border:1px solid rgba(238,192,64,.27);border-radius:999px;color:#f2cc63;background:rgba(235,181,41,.07);display:flex;gap:4px;align-items:center}.boss-content{display:grid;grid-template-columns:150px minmax(185px,1fr) 170px;gap:18px;padding:16px;align-items:stretch}.boss-art{min-height:145px;border:1px solid #563774;border-radius:10px;background:radial-gradient(circle at 50% 35%,#684394 0,#241938 28%,#0b111b 72%);display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;position:relative}.boss-art:after{content:'';position:absolute;inset:10px;border:1px solid rgba(202,166,255,.16);transform:rotate(45deg)}.boss-rune{font-size:54px;color:#d7b0ff;text-shadow:0 0 30px #a350ff;line-height:1}.boss-art span{font-size:10px;letter-spacing:.24em;color:#d9c5ef;margin-top:10px}.boss-info h3{margin:3px 0 5px;color:#b677ff;font-size:20px}.boss-info p{display:flex;align-items:center;gap:7px;margin:8px 0;font-size:13px;color:#d4d8e1}.boss-info small{color:var(--muted);font-size:11px;display:block;margin-top:13px}.boss-info small strong{display:block;color:#57d16b;margin-top:3px}.countdown{align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.025)}.countdown span{color:var(--muted);font-size:11px}.countdown strong{font-size:28px;letter-spacing:.055em;margin:9px 0 5px;font-weight:500}.countdown div{width:118px;display:flex;justify-content:space-between}.countdown i{font-style:normal;font-size:8px;color:#7f8998}.boss-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 16px 16px}.boss-actions button,.wide-button{border-radius:7px;min-height:42px;font-weight:600;font-size:13px;cursor:pointer}.join{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #3e9e4e;background:linear-gradient(#26853a,#17682a)}.details,.wide-button{display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--border);background:rgba(255,255,255,.025)}.schedule-list{padding:0 16px 10px}.schedule-row{display:grid;grid-template-columns:34px 1fr 60px 58px 90px;gap:10px;align-items:center;min-height:58px;border-bottom:1px solid rgba(174,188,210,.1);font-size:12px}.boss-mini,.leader-avatar{width:30px;height:30px;border-radius:7px;display:grid;place-items:center;font-weight:700;background:#242e40;color:#ccd5e4}.boss-mini.violet{background:#38204c;color:#d395ff}.boss-mini.orange{background:#442519;color:#ff9c68}.boss-mini.blue{background:#142d4b;color:#65b1ff}.schedule-name{display:flex;flex-direction:column;gap:3px}.schedule-name span{color:var(--muted);font-size:10px}.scheduled{color:#5bd16d;text-align:right;font-size:10px}.bm-summary{display:grid;grid-template-columns:130px 145px 1fr;gap:18px;align-items:center;padding:17px}.bm-summary>div>span{display:block;color:var(--muted);font-size:11px}.bm-summary>div>strong{display:block;font-size:24px;margin-top:3px}.bm-change{display:flex;align-items:center;gap:9px;color:#58d16d}.bm-change svg{width:26px;height:26px}.bm-change strong{display:block;font-size:17px}.progress-track{position:relative;height:8px;border-radius:99px;background:#222b39}.progress-track i{position:absolute;left:0;top:0;bottom:0;width:71%;border-radius:99px;background:linear-gradient(90deg,#6d3fc4,#ae69ec)}.progress-track span{padding-top:13px;font-size:10px!important}.stat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:14px}.stat-cards>div{min-height:95px;border:1px solid var(--border);border-radius:9px;background:rgba(255,255,255,.018);display:flex;flex-direction:column;align-items:center;justify-content:center}.stat-cards span,.stat-cards small{color:#aeb6c4;font-size:10px}.stat-cards strong{font-size:28px;color:#a973f5;margin:4px 0}.stat-cards strong.green{color:#58d06a}.participation{padding:0 15px 15px}.participation>span{display:flex;justify-content:space-between;font-size:11px;color:#cbd0d9}.participation b{font-size:14px;color:#fff}.participation>div{height:7px;margin-top:8px;background:#232c38;border-radius:99px;overflow:hidden}.participation i{display:block;width:72%;height:100%;background:linear-gradient(90deg,#753ccb,#ac64ec);border-radius:99px}.important-stats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:grid;grid-template-columns:25px 1fr auto auto;gap:8px;align-items:center;padding:13px 15px}.important-stats svg{color:#f2bf45}.important-stats div span,.important-stats div small{display:block;font-size:11px}.important-stats div small{color:var(--muted)}.important-stats strong{color:#f3ca63;font-size:17px}.important-stats b{color:#6ada78;font-size:11px;background:rgba(72,185,89,.1);padding:4px 6px;border-radius:5px}.rank{display:flex;align-items:center;gap:8px;padding:13px 15px;font-size:11px}.rank svg{color:#a979ed}.rank strong{margin-left:auto}.leaderboard{padding-bottom:12px}.leader-row{display:grid;grid-template-columns:26px 30px 1fr auto 16px;gap:8px;align-items:center;min-height:48px;padding:0 14px;border-bottom:1px solid rgba(174,188,210,.1);font-size:12px}.leader-row.me{background:linear-gradient(90deg,rgba(115,61,171,.28),rgba(115,61,171,.08))}.place{width:22px;height:22px;border-radius:5px;display:grid;place-items:center;background:#222c3a}.place.gold{background:#d8b347;color:#201706}.place.violet{background:#7b6aba}.place.bronze{background:#aa6239}.leader-row>svg{color:#e6c252}.wide-button{width:calc(100% - 28px);margin:12px 14px 0;min-height:36px}.giveaway>div:last-child{display:flex;align-items:center;gap:11px;padding:14px 16px}.giveaway>div:last-child>svg:first-child{color:#e9b83b}.giveaway p{flex:1;margin:0}.giveaway p strong,.giveaway p span{display:block;font-size:11px}.giveaway p span{color:var(--muted);margin-top:3px}.giveaway>div:last-child>svg:last-child{color:#6f7988}
@media(max-width:1100px){.app-shell{grid-template-columns:230px 1fr}.dashboard-grid{grid-template-columns:1fr}.side-column{grid-template-columns:1fr 1fr}.giveaway{grid-column:1/-1}.workspace{padding:24px 20px}.brand strong{font-size:14px}.profile-card{padding:11px}.avatar{width:44px;height:44px}}
@media(max-width:760px){.app-shell{display:block}.sidebar{display:none}.workspace{padding:18px 13px}.mobile-menu{display:flex}.topbar{gap:12px}.topbar p,.language span{display:none}.dashboard-grid{display:block}.main-column,.side-column{display:grid;margin-bottom:14px}.side-column{grid-template-columns:1fr}.giveaway{grid-column:auto}.boss-content{grid-template-columns:90px 1fr}.boss-art{min-height:120px}.countdown{grid-column:1/-1;min-height:105px}.schedule-row{grid-template-columns:32px 1fr 46px 48px}.scheduled{display:none}.bm-summary{grid-template-columns:1fr 1fr}.progress-track{grid-column:1/-1}.panel-title{padding:0 12px}.boss-actions{grid-template-columns:1fr}.topbar h1{font-size:22px}}