:root{--bg:#07080b;--surface:#101217;--panel:#151820;--panel2:#1c202a;--line:#2b303b;--text:#f4f5f7;--muted:#aeb5c3;--soft:#747d91;--gold:#f0b441;--blue:#5865f2;--green:#18a764;--red:#d84b4b}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#222631 0,#090a0d 38%,#050608 100%);color:var(--text);font:14px/1.45 "Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}button,.button{border:0;border-radius:8px;background:var(--blue);color:white;font-weight:800;padding:10px 12px;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}input,textarea,select{width:100%;border:1px solid var(--line);background:#090b10;color:var(--text);border-radius:8px;padding:10px;font:inherit}textarea{min-height:96px;resize:vertical}h1,h2,h3,p{margin-top:0}.login-hero{min-height:100vh;background:linear-gradient(90deg,rgba(6,7,10,.97),rgba(6,7,10,.74)),url('/static/miki-bg-wide.jpg') center/cover;display:flex;align-items:center;padding:56px}.hero-copy{max-width:680px}.brand-mark{width:132px;filter:drop-shadow(0 14px 32px #000)}.primary-link{display:inline-flex;background:var(--blue);border-radius:8px;padding:13px 16px;font-weight:800}.notice{margin-top:18px;border:1px solid var(--gold);background:#2b210b;border-radius:8px;padding:14px}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:rgba(10,12,16,.95);border-right:1px solid var(--line);padding:18px;overflow:auto}.brand{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;margin-bottom:24px}.brand img{width:44px;height:44px;object-fit:contain}.brand span{display:block;color:var(--muted);font-size:12px}.nav-title{margin:18px 0 8px;color:var(--gold);font-size:11px;text-transform:uppercase;font-weight:900;letter-spacing:.08em}nav{display:grid;gap:7px}nav a{padding:10px 11px;border:1px solid transparent;border-radius:8px;color:#dfe3eb}nav a.active,nav a:hover{background:var(--panel2);border-color:var(--line);color:white}.workspace{padding:22px;min-width:0}.workspace-top{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px}.workspace-top h1{font-size:30px;margin:0}.identity{display:flex;align-items:center;gap:10px;background:rgba(21,24,32,.8);border:1px solid var(--line);border-radius:8px;padding:8px 10px}.identity img{width:34px;height:34px;border-radius:50%}.kicker{color:var(--gold);font-weight:900;text-transform:uppercase;font-size:11px;letter-spacing:.08em}.hero-panel{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:210px;background:linear-gradient(90deg,rgba(18,21,28,.97),rgba(18,21,28,.78)),url('/static/miki-bg-wide.jpg') center/cover;border:1px solid var(--line);border-radius:8px;padding:26px;margin-bottom:16px}.hero-panel h2{font-size:38px}.hero-panel p{color:#d7dbe4;max-width:640px}.hero-panel img{width:150px;object-fit:contain}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:15px}.stat-card span{display:block;color:var(--muted);font-size:12px}.stat-card b{font-size:25px}.stat-card small{display:block;color:var(--soft);margin-top:4px}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{background:rgba(21,24,32,.94);border:1px solid var(--line);border-radius:8px;padding:16px;margin-bottom:16px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel h2{font-size:20px}.form-card{display:grid;gap:10px;background:#0d0f15;border:1px solid var(--line);border-radius:8px;padding:12px;margin-bottom:14px}.form-card.compact{margin-top:12px}.form-inline{display:flex;gap:10px;margin-bottom:14px}.split{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-forms{display:grid;grid-template-columns:1fr 1fr;gap:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid var(--line);padding:9px;vertical-align:top}th{color:var(--muted);font-size:12px}.mini-form{display:flex;gap:6px;min-width:260px}.mini-form input,.mini-form select{padding:7px}.empty{color:var(--muted);border:1px dashed var(--line);border-radius:8px;padding:16px}.bars{display:grid;gap:8px;margin-bottom:14px}.bar-row>div{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.bar-row i{display:block;height:8px;background:linear-gradient(90deg,var(--gold),var(--blue));border-radius:999px;margin-top:4px}.shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.shop-card,.idea-card,.rule-hit{background:#0d0f15;border:1px solid var(--line);border-radius:8px;padding:12px}.shop-card p,.idea-card p,.rule-hit p{color:var(--muted)}.shop-card span,.idea-card span{color:var(--gold);font-weight:800}.balance-line{padding:10px;background:#0d0f15;border:1px solid var(--line);border-radius:8px;margin-bottom:10px}.idea-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.idea-card.voted{border-color:var(--green)}.passport-card{display:grid;grid-template-columns:150px 1fr;gap:18px;background:linear-gradient(135deg,#171b24,#0c0e13);border:1px solid var(--line);border-radius:8px;padding:24px}.passport-card>img{width:150px;border-radius:8px;background:white}.passport-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.badge-cloud{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.badge-cloud span{border:1px solid var(--line);border-radius:999px;padding:8px 10px;color:var(--muted)}.badge-cloud span.on{background:#18251f;border-color:var(--green);color:white}.report-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.report-link{display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#0d0f15;border-radius:8px;min-height:64px;font-weight:900}.rule-hit{margin-bottom:10px}@media(max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.stat-grid{grid-template-columns:repeat(2,1fr)}.content-grid,.admin-forms{grid-template-columns:1fr}.idea-board,.shop-grid{grid-template-columns:1fr}.hero-panel img{display:none}}@media(max-width:640px){.workspace{padding:12px}.workspace-top{display:grid}.form-inline,.mini-form{display:grid}.stat-grid,.passport-stats{grid-template-columns:1fr}.passport-card{grid-template-columns:1fr}.report-grid{grid-template-columns:1fr}.split{grid-template-columns:1fr}}
.person-chip{display:inline-grid;grid-template-columns:34px auto;grid-template-rows:auto auto;column-gap:9px;align-items:center;min-width:0}.person-chip img{grid-row:1/3;width:34px;height:34px;border-radius:50%;object-fit:cover;background:#fff}.person-chip b{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-chip small{color:var(--muted);font-size:11px}.person-chip.small{grid-template-columns:26px auto;column-gap:7px}.person-chip.small img{width:26px;height:26px}.person-chip.small b{font-size:13px;max-width:170px}.person-chip.small small{font-size:10px}.giveaway-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.giveaway-card{background:#0d0f15;border:1px solid var(--line);border-radius:8px;padding:14px;display:grid;gap:12px}.giveaway-card.joined{border-color:var(--green);box-shadow:0 0 0 1px rgba(24,167,100,.18)}.giveaway-card.ended{opacity:.76}.giveaway-top,.giveaway-meta,.giveaway-actions{display:flex;gap:10px;align-items:center;justify-content:space-between}.giveaway-meta{display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch}.giveaway-meta div{background:#090b10;border:1px solid var(--line);border-radius:8px;padding:9px}.giveaway-meta span{display:block;color:var(--muted);font-size:11px}.giveaway-meta b{font-size:15px}.status-pill{border:1px solid var(--line);border-radius:999px;padding:5px 8px;color:var(--muted);font-weight:800;font-size:12px}.status-pill.live{background:#11251c;border-color:var(--green);color:#d9ffe9}.prize{color:#d7dbe4}.winner-list{display:flex;gap:8px;flex-wrap:wrap}.secondary{background:#303642}.toolbar-form{margin-bottom:12px}@media(max-width:900px){.giveaway-grid{grid-template-columns:1fr}.giveaway-meta{grid-template-columns:1fr}}.filter-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.filter-tabs a{border:1px solid var(--line);background:#0d0f15;border-radius:8px;padding:8px 10px;color:#dfe3eb;font-weight:800}.filter-tabs a.active{background:var(--blue);border-color:var(--blue);color:white}.giveaway-members{display:grid;gap:8px;background:#090b10;border:1px solid var(--line);border-radius:8px;padding:10px}.giveaway-members>span{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.giveaway-members>div{display:flex;gap:8px;flex-wrap:wrap}.giveaway-card[hidden]{display:none}.player-hero{display:grid;grid-template-columns:136px 1fr;gap:20px;align-items:center;background:linear-gradient(135deg,#181c25,#0b0d12);border:1px solid var(--line);border-radius:8px;padding:22px;margin-bottom:16px}.player-hero>img{width:136px;height:136px;border-radius:8px;object-fit:cover;background:white}.player-hero h2{font-size:34px;margin:0 0 6px}.status-badge{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:4px 8px;font-size:12px;font-weight:900;color:var(--muted);white-space:nowrap}.status-badge.ok{background:#10261b;border-color:var(--green);color:#dcffe9}.status-badge.bad{background:#301414;border-color:var(--red);color:#ffe3e3}.status-badge.wait{background:#2b230f;border-color:var(--gold);color:#fff1c9}.player-actions .wide{grid-column:1/-1}.check-line{display:flex;gap:8px;align-items:center;color:var(--muted)}.check-line input{width:auto}.notification-list{display:grid;gap:10px}.notification-card{background:#0d0f15;border:1px solid var(--line);border-radius:8px;padding:12px}.notification-card.unread{border-color:var(--gold);box-shadow:inset 3px 0 0 var(--gold)}.notification-card>div{display:flex;justify-content:space-between;gap:12px}.notification-card span{color:var(--muted);font-size:12px}.nav-badge{float:right;min-width:20px;text-align:center;background:var(--gold);color:#17110a;border-radius:999px;padding:1px 6px;font-size:11px;margin-left:6px}.event-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.event-card{background:#0d0f15;border:1px solid var(--line);border-radius:8px;padding:13px;display:grid;gap:8px}.event-card>div:first-child{display:flex;justify-content:space-between;gap:10px}.event-card span{color:var(--gold);font-weight:900;text-transform:uppercase;font-size:11px}.event-actions{display:flex;gap:8px}.notice-lite{margin:0 0 14px;border:1px solid var(--gold);background:#17130a;color:#fff1c9;border-radius:8px;padding:10px 12px;font-weight:800}.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;align-items:stretch}.quick-grid form{display:block;margin:0;min-width:0}.quick-grid .button,.quick-grid button{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:42px;white-space:normal;line-height:1.15;text-align:center;overflow-wrap:anywhere}.live-fragment{display:contents}.button.secondary{background:#303642}.report-link:hover,.filter-tabs a:hover,button:hover,.button:hover{filter:brightness(1.08)}@media(max-width:900px){.player-hero{grid-template-columns:1fr}.player-hero>img{width:112px;height:112px}.event-board,.quick-grid{grid-template-columns:1fr}}.event-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.event-meta-grid>div{background:#090b10;border:1px solid var(--line);border-radius:8px;padding:8px}.event-meta-grid span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;font-weight:900}.event-meta-grid b{display:block;margin-top:3px}.event-admin-info{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:12px}.event-admin-info>span{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:5px 8px}.event-participants{border:1px solid var(--line);border-radius:8px;background:#090b10;padding:9px}.event-participants summary{cursor:pointer;font-weight:900;color:#f4f5f7}.participant-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin-top:10px}.participant-list>div{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#0d0f15;border:1px solid var(--line);border-radius:8px;padding:8px}.event-card .status-badge{text-transform:none;font-size:12px;letter-spacing:0}.participant-list .person-chip,.event-admin-info .person-chip{color:var(--text);text-transform:none;letter-spacing:0}.participant-list .person-chip small{color:var(--muted);text-transform:none}.locked-action{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border:1px solid var(--line);border-radius:8px;background:#090b10;color:var(--muted);font-weight:900;padding:8px 10px}@media(max-width:900px){.event-meta-grid{grid-template-columns:1fr 1fr}.participant-list{grid-template-columns:1fr}}
:root{color-scheme:dark;--bg:#050507;--bg-2:#0a0b0e;--surface:#0d0f13;--surface-2:#12151b;--panel:rgba(18,21,27,.88);--panel-solid:#12151b;--panel-strong:#171b22;--line:rgba(255,255,255,.12);--line-strong:rgba(255,255,255,.22);--text:#f7f7f2;--muted:#b8bbc2;--soft:#7d8490;--ink:#0b0b0c;--white:#fff;--silver:#d9d9d2;--snow:#f1f2ec;--gold:#f4b63f;--gold-2:#ffd96a;--blue:#5865f2;--green:#24b46b;--red:#e35858;--shadow:0 22px 70px rgba(0,0,0,.62);--shadow-soft:0 12px 34px rgba(0,0,0,.34);--radius:18px;--radius-sm:12px;--sidebar:272px}
html{min-height:100%;background:#050507;scrollbar-color:rgba(244,182,63,.45) rgba(255,255,255,.04)}
body{min-height:100vh;margin:0;color:var(--text);font:14px/1.48 "Segoe UI",Roboto,Arial,sans-serif;background:radial-gradient(950px 620px at 85% -10%,rgba(255,255,255,.13),transparent 52%),radial-gradient(800px 520px at -12% 18%,rgba(244,182,63,.16),transparent 48%),linear-gradient(145deg,#050507 0%,#0a0b0e 46%,#030304 100%);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),rgba(0,0,0,.2))}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;opacity:.105;mix-blend-mode:screen;background:url('/static/miki-bg-wide.jpg') center top/cover fixed;filter:grayscale(1) contrast(1.15)}
a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}h1,h2,h3{letter-spacing:.01em}p{color:var(--muted)}::selection{background:rgba(244,182,63,.32);color:#fff}
button,.button,.primary-link{min-height:42px;border:1px solid rgba(255,255,255,.16);border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,#fff2a7 0%,var(--gold) 46%,#b97916 100%);color:#111;font-weight:950;padding:10px 14px;cursor:pointer;text-align:center;box-shadow:0 11px 22px rgba(244,182,63,.16),inset 0 1px 0 rgba(255,255,255,.55);transition:transform .18s ease,filter .18s ease,border-color .18s ease,box-shadow .18s ease}
button:hover,.button:hover,.primary-link:hover{transform:translateY(-1px);filter:brightness(1.07);box-shadow:0 15px 28px rgba(244,182,63,.22),inset 0 1px 0 rgba(255,255,255,.65)}button:active,.button:active,.primary-link:active{transform:translateY(0)}button:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.55);transform:none}
.secondary,.button.secondary,.event-actions .secondary{background:linear-gradient(180deg,#252a32,#171a20);color:var(--text);border-color:var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 18px rgba(0,0,0,.24)}
input,textarea,select{width:100%;border:1px solid var(--line);background:rgba(3,4,6,.76);color:var(--text);border-radius:14px;padding:12px 13px;font:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.045);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
input:hover,textarea:hover,select:hover{border-color:rgba(255,255,255,.22)}input:focus,textarea:focus,select:focus{border-color:rgba(244,182,63,.78);box-shadow:0 0 0 4px rgba(244,182,63,.12),inset 0 1px 0 rgba(255,255,255,.06);background:rgba(0,0,0,.84)}textarea{min-height:108px;resize:vertical}input::placeholder,textarea::placeholder{color:#7b818b}
.login-hero{min-height:100vh;display:flex;align-items:center;padding:clamp(28px,7vw,88px);background:linear-gradient(90deg,rgba(3,4,6,.98) 0%,rgba(3,4,6,.76) 54%,rgba(3,4,6,.34) 100%),url('/static/miki-bg-wide.jpg') center/cover no-repeat;position:relative;overflow:hidden}
.login-hero:after{content:"MIKI";position:absolute;right:4vw;bottom:-8vw;font:1000 clamp(80px,18vw,250px)/.8 Arial Black,Impact,sans-serif;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.09);letter-spacing:-.08em;pointer-events:none}.hero-copy{max-width:720px;position:relative;z-index:1}
.brand-mark{width:clamp(110px,14vw,168px);height:auto;object-fit:contain;filter:drop-shadow(0 20px 35px #000) drop-shadow(0 0 28px rgba(255,255,255,.08));background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:26px;padding:10px}.hero-copy h1{font:1000 clamp(46px,8vw,86px)/.88 Arial Black,Impact,"Segoe UI",sans-serif;letter-spacing:-.065em;margin:18px 0 14px;text-transform:uppercase;text-shadow:0 10px 38px #000}.hero-copy p{font-size:clamp(17px,2.2vw,22px);max-width:620px;color:#e9e9e4}.primary-link{margin-top:6px;text-transform:uppercase;letter-spacing:.02em}
.notice,.notice-lite{margin-top:18px;border:1px solid rgba(244,182,63,.42);background:linear-gradient(180deg,rgba(57,42,13,.82),rgba(24,19,10,.82));border-radius:16px;padding:14px;color:#fff1c9;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.app-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow:auto;padding:18px 16px 22px;background:linear-gradient(180deg,rgba(8,9,11,.96),rgba(8,9,11,.91)),url('/static/miki-bg-wide.jpg') center top/cover no-repeat;border-right:1px solid var(--line);box-shadow:18px 0 52px rgba(0,0,0,.45);z-index:20}.sidebar:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 22%,rgba(244,182,63,.05) 100%);mix-blend-mode:screen}.sidebar::-webkit-scrollbar,.workspace::-webkit-scrollbar{width:9px}.sidebar::-webkit-scrollbar-thumb,.workspace::-webkit-scrollbar-thumb{background:rgba(244,182,63,.35);border-radius:999px}.sidebar::-webkit-scrollbar-track,.workspace::-webkit-scrollbar-track{background:rgba(255,255,255,.04)}
.brand{position:relative;display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto auto;gap:2px 12px;align-items:center;margin:0 0 24px;padding:12px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(0,0,0,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.brand img{grid-row:1/3;width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 7px 12px #000)}.brand b{font:1000 22px/1 Arial Black,Impact,sans-serif;letter-spacing:.02em}.brand span{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.nav-title{margin:20px 8px 9px;color:var(--gold);font-size:11px;text-transform:uppercase;font-weight:950;letter-spacing:.14em;text-shadow:0 0 18px rgba(244,182,63,.24)}nav{display:grid;gap:6px;position:relative}nav a{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:41px;padding:10px 12px 10px 14px;border:1px solid transparent;border-radius:14px;color:#dde0e5;font-weight:760;overflow:hidden;transition:background .16s ease,border-color .16s ease,transform .16s ease,color .16s ease}nav a:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:999px;background:transparent}nav a:hover{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.1);transform:translateX(2px);color:#fff}nav a.active{background:linear-gradient(90deg,rgba(244,182,63,.24),rgba(255,255,255,.06));border-color:rgba(244,182,63,.42);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 8px 18px rgba(0,0,0,.2)}nav a.active:before{background:var(--gold)}.nav-badge{min-width:22px;text-align:center;background:var(--gold);color:#15100a;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:1000;margin-left:auto;box-shadow:0 0 18px rgba(244,182,63,.28)}
.workspace{min-width:0;padding:22px clamp(18px,3vw,36px) 36px;background:linear-gradient(180deg,rgba(255,255,255,.015),transparent 32%)}.workspace-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.workspace-top h1{font:950 clamp(28px,4vw,42px)/1.02 Arial Black,"Segoe UI",sans-serif;letter-spacing:-.035em;margin:0;text-shadow:0 12px 30px rgba(0,0,0,.55)}.kicker{margin:0 0 5px;color:var(--gold);font-weight:1000;text-transform:uppercase;font-size:11px;letter-spacing:.14em}.identity{display:flex;align-items:center;gap:10px;max-width:420px;background:rgba(9,10,12,.74);border:1px solid var(--line);border-radius:17px;padding:8px 10px;box-shadow:var(--shadow-soft);backdrop-filter:blur(14px)}.identity img{width:38px;height:38px;border-radius:50%;object-fit:cover;background:#fff;border:1px solid rgba(255,255,255,.28)}.identity span{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:900}.identity a{color:var(--muted);border-left:1px solid var(--line);padding-left:10px}.identity a:hover{color:#fff}
.hero-panel,.welcome{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:238px;margin-bottom:16px;padding:clamp(22px,3vw,34px);border:1px solid rgba(255,255,255,.16);border-radius:var(--radius);background:linear-gradient(90deg,rgba(6,7,9,.94) 0%,rgba(15,17,22,.82) 47%,rgba(8,9,11,.44) 100%),url('/static/miki-bg-wide.jpg') center/cover no-repeat;box-shadow:var(--shadow)}.hero-panel:before,.welcome:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 26%,rgba(244,182,63,.08) 70%,transparent);pointer-events:none}.hero-panel:after,.welcome:after{content:"FAMILY WEB";position:absolute;right:22px;bottom:15px;color:rgba(255,255,255,.07);font:1000 54px/.85 Arial Black,Impact,sans-serif;letter-spacing:-.07em;pointer-events:none}.hero-panel>div,.welcome>div{position:relative;z-index:1}.hero-panel h2,.welcome h1{font:1000 clamp(38px,6vw,64px)/.9 Arial Black,Impact,"Segoe UI",sans-serif;letter-spacing:-.065em;margin:8px 0 12px;text-transform:uppercase}.hero-panel p,.welcome p{max-width:760px;color:#ecece8}.hero-panel img,.welcome img{position:relative;z-index:1;width:clamp(128px,17vw,190px);height:auto;object-fit:contain;filter:drop-shadow(0 22px 34px rgba(0,0,0,.85))}
.stat-grid,.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}.metric,.stat-card{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(23,27,34,.96),rgba(13,15,19,.96));border:1px solid var(--line);border-radius:var(--radius-sm);padding:16px;box-shadow:var(--shadow-soft);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.metric:before,.stat-card:before{content:"";position:absolute;left:0;top:0;right:0;height:2px;background:linear-gradient(90deg,var(--snow),var(--gold),transparent)}.metric:after,.stat-card:after{content:"";position:absolute;right:-38px;bottom:-48px;width:120px;height:120px;border:1px solid rgba(255,255,255,.06);border-radius:50%;background:rgba(255,255,255,.025)}.metric:hover,.stat-card:hover{transform:translateY(-2px);border-color:rgba(244,182,63,.32);box-shadow:0 20px 42px rgba(0,0,0,.45)}.metric span,.stat-card span{display:block;color:var(--muted);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.065em}.metric b,.stat-card b{position:relative;display:block;margin-top:7px;font:1000 clamp(23px,3vw,31px)/1.05 Arial Black,"Segoe UI",sans-serif;letter-spacing:-.04em;color:var(--white)}.metric small,.stat-card small{display:block;color:var(--soft);margin-top:6px;font-weight:650}
.content-grid,.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.95fr);gap:16px;align-items:start}.panel{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(20,23,30,.91),rgba(12,14,18,.93));border:1px solid var(--line);border-radius:var(--radius);padding:17px;margin-bottom:16px;box-shadow:var(--shadow-soft);backdrop-filter:blur(16px)}.panel:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);pointer-events:none}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}.panel h2{font:1000 20px/1.1 Arial Black,"Segoe UI",sans-serif;margin:0 0 14px;letter-spacing:-.02em}.panel-head h2{margin:0}.panel h3{font-size:15px;margin:14px 0 9px;color:#fff}.empty{color:var(--muted);border:1px dashed rgba(255,255,255,.16);border-radius:14px;padding:17px;background:rgba(0,0,0,.22)}
.form,.form-card{display:grid;gap:11px}.form-card{background:linear-gradient(180deg,rgba(7,8,11,.76),rgba(6,7,9,.68));border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:14px}.form-card h3{margin:0 0 4px}.form-inline{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-bottom:14px}.toolbar-form{margin:0 0 14px}.split{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-forms{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.table-wrap{overflow:auto;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(0,0,0,.18)}table{width:100%;border-collapse:separate;border-spacing:0}th,td{text-align:left;border-bottom:1px solid rgba(255,255,255,.08);padding:11px 12px;vertical-align:middle}th{position:sticky;top:0;background:rgba(9,10,13,.9);color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:950;z-index:1}tr:last-child td{border-bottom:0}tbody tr{transition:background .16s ease}tbody tr:hover{background:rgba(255,255,255,.045)}.row{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--line);background:rgba(6,7,9,.58);border-radius:14px;padding:11px}.row span{color:var(--muted);text-align:right}.mini-form{display:flex;gap:7px;min-width:280px}.mini-form input,.mini-form select{padding:8px 9px;border-radius:11px}.mini-form button{min-height:36px;padding:8px 11px;border-radius:11px}.locked-action{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.34);color:var(--muted);font-weight:950;padding:8px 10px}
.person-chip{display:inline-grid;grid-template-columns:36px auto;grid-template-rows:auto auto;column-gap:9px;align-items:center;min-width:0;vertical-align:middle}.person-chip img{grid-row:1/3;width:36px;height:36px;border-radius:50%;object-fit:cover;background:#fff;border:1px solid rgba(255,255,255,.25);box-shadow:0 6px 14px rgba(0,0,0,.25)}.person-chip b{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:950}.person-chip small{color:var(--muted);font-size:11px}.person-chip.small{grid-template-columns:28px auto;column-gap:8px}.person-chip.small img{width:28px;height:28px}.person-chip.small b{font-size:13px;max-width:175px}.person-chip.small small{font-size:10px}.status-badge{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;padding:5px 9px;font-size:12px;font-weight:1000;color:var(--muted);white-space:nowrap;background:rgba(255,255,255,.035)}.status-badge.ok{background:rgba(36,180,107,.13);border-color:rgba(36,180,107,.58);color:#ddffea}.status-badge.bad{background:rgba(227,88,88,.13);border-color:rgba(227,88,88,.52);color:#ffe1e1}.status-badge.wait{background:rgba(244,182,63,.14);border-color:rgba(244,182,63,.58);color:#fff1c3}.status-pill{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:6px 10px;color:var(--muted);font-weight:1000;font-size:12px;background:rgba(255,255,255,.04)}.status-pill.live{background:rgba(36,180,107,.13);border-color:rgba(36,180,107,.58);color:#dcffe8}.badge-cloud{display:flex;gap:8px;flex-wrap:wrap}.badge-cloud span{border:1px solid var(--line);border-radius:999px;padding:8px 11px;color:var(--muted);background:rgba(255,255,255,.035);font-weight:850}.badge-cloud span.on{background:rgba(36,180,107,.12);border-color:rgba(36,180,107,.65);color:#fff}.winner-list{display:flex;gap:8px;flex-wrap:wrap}
.bars{display:grid;gap:10px;margin-bottom:14px}.bar-row>div{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;font-weight:850}.bar-row b{color:#fff}.bar-row i{display:block;height:9px;background:linear-gradient(90deg,var(--snow),var(--gold) 42%,#5e6474);border-radius:999px;margin-top:5px;box-shadow:0 0 18px rgba(244,182,63,.14)}
.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;align-items:stretch}.quick-grid form{display:block;margin:0;min-width:0}.quick-grid .button,.quick-grid button{width:100%;min-height:46px;white-space:normal;line-height:1.15;overflow-wrap:anywhere}.report-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.report-link{display:flex;align-items:center;justify-content:center;min-height:72px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(23,27,34,.92),rgba(9,10,13,.92));border-radius:16px;font-weight:1000;text-align:center}.report-link:hover{border-color:rgba(244,182,63,.42);transform:translateY(-1px)}
.balance-line{padding:12px 13px;background:rgba(0,0,0,.27);border:1px solid var(--line);border-radius:14px;margin-bottom:12px}.shop-grid,.idea-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shop-card,.idea-card,.rule-hit{position:relative;background:linear-gradient(180deg,rgba(15,17,22,.92),rgba(7,8,11,.9));border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:0 10px 22px rgba(0,0,0,.22)}.shop-card b,.idea-card b,.rule-hit b{font-weight:1000}.shop-card p,.idea-card p,.rule-hit p{color:var(--muted)}.shop-card span,.idea-card span{color:var(--gold);font-weight:1000}.shop-card form,.idea-card form{margin:10px 0 0}.idea-card.voted{border-color:rgba(36,180,107,.7);box-shadow:0 0 0 1px rgba(36,180,107,.17)}.rule-hit{margin-bottom:10px}
.passport-card{display:grid;grid-template-columns:150px 1fr;gap:18px;background:linear-gradient(135deg,rgba(22,26,33,.96),rgba(8,9,12,.96)),url('/static/miki-bg-wide.jpg') center/cover;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);overflow:hidden}.passport-card>img{width:150px;height:150px;object-fit:cover;border-radius:18px;background:white;border:1px solid rgba(255,255,255,.24)}.passport-card h2{font:1000 38px/.95 Arial Black,"Segoe UI",sans-serif;margin:7px 0 10px}.passport-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.passport-card .badge-cloud{grid-column:1/-1}.player-hero{display:grid;grid-template-columns:138px 1fr;gap:20px;align-items:center;background:linear-gradient(135deg,rgba(22,26,33,.96),rgba(8,9,12,.95)),url('/static/miki-bg-wide.jpg') center/cover;border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin-bottom:16px;box-shadow:var(--shadow-soft);overflow:hidden}.player-hero>img{width:138px;height:138px;border-radius:18px;object-fit:cover;background:white;border:1px solid rgba(255,255,255,.24)}.player-hero h2{font:1000 clamp(30px,4vw,48px)/.95 Arial Black,"Segoe UI",sans-serif;margin:0 0 8px;letter-spacing:-.045em}.player-hero p{margin-bottom:12px}
.filter-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.filter-tabs a{border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:12px;padding:9px 12px;color:#e8e8e3;font-weight:950;transition:background .16s ease,border-color .16s ease}.filter-tabs a:hover{border-color:rgba(255,255,255,.24)}.filter-tabs a.active{background:linear-gradient(180deg,#fff2a7,var(--gold));border-color:rgba(244,182,63,.9);color:#15100a}.giveaway-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.giveaway-card{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(15,17,22,.94),rgba(7,8,11,.92));border:1px solid var(--line);border-radius:18px;padding:15px;display:grid;gap:12px;box-shadow:0 12px 26px rgba(0,0,0,.25)}.giveaway-card:before{content:"";position:absolute;left:0;top:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold),rgba(255,255,255,.68),transparent)}.giveaway-card.joined{border-color:rgba(36,180,107,.68);box-shadow:0 0 0 1px rgba(36,180,107,.18),0 12px 26px rgba(0,0,0,.25)}.giveaway-card.ended{opacity:.75}.giveaway-top,.giveaway-actions{display:flex;gap:10px;align-items:center;justify-content:space-between}.giveaway-top a{color:var(--muted);font-weight:900}.giveaway-card h3{font-size:20px;margin:0}.prize{color:#eeeeea;margin:0}.giveaway-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.giveaway-meta div{background:rgba(0,0,0,.32);border:1px solid var(--line);border-radius:13px;padding:10px}.giveaway-meta span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;font-weight:950;letter-spacing:.05em}.giveaway-meta b{display:block;margin-top:4px;font-size:15px}.giveaway-members{display:grid;gap:8px;background:rgba(0,0,0,.25);border:1px solid var(--line);border-radius:14px;padding:10px}.giveaway-members>span{color:var(--muted);font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.065em}.giveaway-members>div{display:flex;gap:8px;flex-wrap:wrap}
.event-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.event-card{background:linear-gradient(180deg,rgba(15,17,22,.94),rgba(7,8,11,.9));border:1px solid var(--line);border-radius:18px;padding:15px;display:grid;gap:10px;box-shadow:0 12px 24px rgba(0,0,0,.22)}.event-card>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:center}.event-card span{color:var(--gold);font-weight:1000;text-transform:uppercase;font-size:11px;letter-spacing:.05em}.event-card h3{font-size:20px;margin:0}.event-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.event-meta-grid>div{background:rgba(0,0,0,.32);border:1px solid var(--line);border-radius:13px;padding:9px}.event-meta-grid span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;font-weight:950}.event-meta-grid b{display:block;margin-top:3px}.event-actions{display:flex;gap:8px;flex-wrap:wrap}.event-admin-info{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:12px}.event-admin-info>span{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:5px 8px;background:rgba(0,0,0,.22)}.event-participants{border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.28);padding:10px}.event-participants summary{cursor:pointer;font-weight:950;color:#f4f5f7}.participant-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin-top:10px}.participant-list>div{display:flex;align-items:center;justify-content:space-between;gap:8px;background:rgba(10,12,16,.82);border:1px solid var(--line);border-radius:12px;padding:8px}.event-card .status-badge{text-transform:none;letter-spacing:0}.participant-list .person-chip,.event-admin-info .person-chip{color:var(--text);text-transform:none;letter-spacing:0}.participant-list .person-chip small{color:var(--muted);text-transform:none}
.live-fragment{display:contents}.notification-list{display:grid;gap:10px}.notification-card{background:linear-gradient(180deg,rgba(15,17,22,.92),rgba(7,8,11,.9));border:1px solid var(--line);border-radius:16px;padding:13px;box-shadow:0 10px 22px rgba(0,0,0,.2)}.notification-card.unread{border-color:rgba(244,182,63,.62);box-shadow:inset 3px 0 0 var(--gold),0 10px 22px rgba(0,0,0,.2)}.notification-card>div{display:flex;justify-content:space-between;gap:12px}.notification-card span{color:var(--muted);font-size:12px}.notification-card p{margin:8px 0 0}.live-feed td{white-space:nowrap}.live-feed td:nth-child(4){color:var(--muted);font-size:12px}.rule-hit p{white-space:pre-wrap}
.topbar{position:sticky;top:0;z-index:20;display:flex;gap:14px;align-items:center;padding:12px 22px;border-bottom:1px solid var(--line);background:rgba(5,6,8,.86);backdrop-filter:blur(16px)}.logo{display:flex;gap:10px;align-items:center;font-weight:1000}.logo img{width:36px;height:36px;object-fit:contain}.topbar nav{display:flex;gap:10px;margin-left:auto}.user-pill{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:12px;padding:8px 10px}
@media(max-width:1200px){:root{--sidebar:246px}.stat-grid,.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid,.two-col{grid-template-columns:1fr}.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.event-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line)}nav{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{padding:16px}.workspace-top{align-items:flex-start}.hero-panel img,.welcome img{display:none}.shop-grid,.idea-board,.giveaway-grid,.event-board,.admin-forms{grid-template-columns:1fr}.passport-card,.player-hero{grid-template-columns:1fr}.passport-card>img,.player-hero>img{width:122px;height:122px}.giveaway-meta{grid-template-columns:1fr}.participant-list{grid-template-columns:1fr}.mini-form{min-width:0;display:grid}.quick-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.workspace{padding:12px}.workspace-top{display:grid}.identity{width:100%;max-width:none}.form-inline,.split{grid-template-columns:1fr}.stat-grid,.stats,.passport-stats,.report-grid,.quick-grid{grid-template-columns:1fr}.hero-panel,.welcome,.panel,.passport-card,.player-hero{border-radius:16px}.hero-panel h2,.welcome h1{font-size:36px}.login-hero{padding:22px}.hero-copy{max-width:100%}.hero-copy h1{font-size:clamp(38px,13vw,54px);letter-spacing:-.055em}.hero-copy p{max-width:100%;font-size:16px;line-height:1.45}nav{grid-template-columns:1fr}.event-actions{display:grid}.notification-card>div{display:grid}}
.wheel-hero:after{content:"LUCKY TAPE"}.wheel-machine{position:relative;margin:4px 0 18px}.wheel-window{position:relative;overflow:hidden;border:1px solid rgba(244,182,63,.32);border-radius:18px;background:linear-gradient(180deg,rgba(0,0,0,.42),rgba(8,9,12,.88));box-shadow:inset 0 0 34px rgba(0,0,0,.56),0 18px 38px rgba(0,0,0,.28);padding:16px 0}.wheel-window:before,.wheel-window:after{content:"";position:absolute;top:0;bottom:0;width:16%;z-index:2;pointer-events:none}.wheel-window:before{left:0;background:linear-gradient(90deg,#050507,transparent)}.wheel-window:after{right:0;background:linear-gradient(270deg,#050507,transparent)}.wheel-pointer{position:absolute;left:50%;top:-7px;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:0;border-bottom:22px solid var(--gold);filter:drop-shadow(0 8px 12px rgba(0,0,0,.55));z-index:4;transform:translateX(-50%)}.wheel-pointer:after{content:"";position:absolute;left:-2px;top:22px;width:4px;height:132px;background:linear-gradient(180deg,var(--gold),transparent);box-shadow:0 0 18px rgba(244,182,63,.45)}.wheel-track{display:flex;gap:10px;will-change:transform;padding:0 44vw 0 18px}.wheel-track.rolling{animation:mikiWheelRoll 3.9s cubic-bezier(.12,.78,.08,1) forwards}.wheel-tile{flex:0 0 126px;height:130px;display:grid;grid-template-rows:46px 26px 1fr;align-items:center;justify-items:center;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:linear-gradient(180deg,rgba(24,28,35,.98),rgba(8,9,12,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 20px rgba(0,0,0,.24);padding:12px 10px;text-align:center}.wheel-tile i{font-style:normal;font-size:34px;filter:drop-shadow(0 7px 10px rgba(0,0,0,.45))}.wheel-tile b{font:1000 22px/1 Arial Black,"Segoe UI",sans-serif;color:#fff}.wheel-tile span{font-size:12px;color:var(--muted);font-weight:900}.wheel-tile.result{border-color:rgba(244,182,63,.78);background:linear-gradient(180deg,rgba(75,55,14,.98),rgba(15,17,22,.98));box-shadow:0 0 0 1px rgba(244,182,63,.26),0 0 38px rgba(244,182,63,.22),inset 0 1px 0 rgba(255,255,255,.16)}.wheel-machine.revealed .wheel-tile.result{animation:mikiWheelPulse 1.3s ease-in-out infinite}.wheel-result-card{display:grid;grid-template-columns:88px 1fr;gap:14px;align-items:center;border:1px solid rgba(244,182,63,.42);border-radius:18px;background:linear-gradient(135deg,rgba(45,33,9,.86),rgba(14,16,20,.94));padding:16px;margin:12px 0;box-shadow:0 18px 34px rgba(0,0,0,.26)}.wheel-result-card.empty{border-color:rgba(255,255,255,.16);background:linear-gradient(135deg,rgba(24,27,34,.86),rgba(8,9,12,.94))}.wheel-result-card.vpn{border-color:rgba(90,170,255,.52);background:linear-gradient(135deg,rgba(16,35,55,.88),rgba(14,16,20,.96));box-shadow:0 18px 34px rgba(0,0,0,.26),0 0 30px rgba(90,170,255,.12)}.wheel-result-emoji{width:82px;height:82px;display:grid;place-items:center;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);font-size:42px}.wheel-result-card h2{font:1000 clamp(28px,4vw,44px)/.92 Arial Black,"Segoe UI",sans-serif;margin:4px 0 8px}.wheel-result-card p{margin:0}.wheel-next{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin:0 0 14px;border:1px solid rgba(244,182,63,.34);border-radius:16px;background:linear-gradient(90deg,rgba(244,182,63,.13),rgba(0,0,0,.22));padding:12px 14px}.wheel-next span{color:var(--muted);font-size:12px;text-transform:uppercase;font-weight:1000;letter-spacing:.06em}.wheel-next b{font:1000 24px/1 Arial Black,"Segoe UI",sans-serif;color:#fff}.wheel-next small{color:var(--soft);text-align:right}.wheel-next.ready{border-color:rgba(36,180,107,.52);background:linear-gradient(90deg,rgba(36,180,107,.14),rgba(0,0,0,.22))}.wheel-next.locked{border-color:rgba(255,255,255,.16);background:rgba(0,0,0,.2)}.wheel-vpn-choice{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;border:1px solid rgba(90,170,255,.35);border-radius:16px;background:linear-gradient(90deg,rgba(18,47,74,.72),rgba(8,9,12,.82));padding:14px;margin:12px 0}.wheel-vpn-choice b{font-size:18px}.wheel-vpn-choice p{margin:3px 0 0;color:var(--muted)}.wheel-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.wheel-reward-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wheel-reward-card{display:grid;grid-template-columns:52px 1fr;gap:10px;align-items:center;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(15,17,22,.92),rgba(7,8,11,.9));padding:12px}.wheel-reward-card i{font-style:normal;font-size:30px}.wheel-reward-card b{font-weight:1000}.wheel-reward-card span{display:block;color:var(--gold);font-weight:950}.wheel-reward-card p{margin:4px 0 0;font-size:12px}@keyframes mikiWheelRoll{0%{transform:translateX(0)}18%{transform:translateX(120px)}78%{transform:translateX(calc(var(--wheel-final) - 82px))}100%{transform:translateX(var(--wheel-final))}}@keyframes mikiWheelPulse{0%,100%{transform:translateY(0);filter:brightness(1)}50%{transform:translateY(-4px);filter:brightness(1.16)}}@media(max-width:900px){.wheel-track{padding-left:12px;padding-right:44vw}.wheel-tile{flex-basis:112px;height:122px}.wheel-result-card{grid-template-columns:68px 1fr}.wheel-result-emoji{width:64px;height:64px;font-size:34px}.wheel-reward-grid{grid-template-columns:1fr}.wheel-actions,.wheel-vpn-choice{display:grid;grid-template-columns:1fr}.wheel-actions .button,.wheel-actions button,.wheel-vpn-choice button{width:100%}.wheel-next{grid-template-columns:1fr}.wheel-next small{text-align:left}}
.wheel-track.smooth-rolling{transition:transform 5.35s cubic-bezier(.08,.82,.06,1);}.wheel-machine.spinning .wheel-tile{filter:saturate(1.08) brightness(1.03)}.wheel-machine.spinning .wheel-pointer{animation:mikiPointerTick .42s ease-in-out infinite}.wheel-result-card.role{border-color:rgba(244,182,63,.58);background:linear-gradient(135deg,rgba(61,38,7,.88),rgba(16,18,23,.96));box-shadow:0 18px 34px rgba(0,0,0,.26),0 0 34px rgba(244,182,63,.12)}.wheel-custom-role{display:grid;grid-template-columns:minmax(160px,1fr) 120px auto;gap:8px;align-items:center}.wheel-custom-role input{min-width:0}@keyframes mikiPointerTick{0%,100%{transform:translateX(-50%) rotate(0deg)}50%{transform:translateX(-50%) rotate(1.7deg)}}@media(max-width:900px){.wheel-custom-role{grid-template-columns:1fr}}.vpn-grid{display:grid;gap:14px}.vpn-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(15,17,22,.94),rgba(7,8,11,.92));padding:16px;box-shadow:0 12px 26px rgba(0,0,0,.25)}.vpn-card.ready{border-color:rgba(36,180,107,.42)}.vpn-card.pending{border-color:rgba(244,182,63,.42)}.vpn-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.vpn-card-head span,.vpn-meta-grid span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;font-weight:950;letter-spacing:.06em}.vpn-card-head h3{margin:4px 0 0;font-size:22px}.vpn-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:13px}.vpn-meta-grid>div{background:rgba(0,0,0,.28);border:1px solid var(--line);border-radius:13px;padding:10px;min-width:0}.vpn-meta-grid b{display:block;margin-top:4px;overflow-wrap:anywhere}.vpn-meta-grid b span{display:inline-flex;margin:2px 4px 2px 0;border:1px solid var(--line);border-radius:999px;padding:4px 7px;text-transform:none;letter-spacing:0;color:#f4f5f7;background:rgba(255,255,255,.04);font-size:12px}.vpn-actions{display:flex;gap:9px;flex-wrap:wrap;margin:8px 0 11px}.vpn-copy-label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.vpn-copy-label input{font-family:Consolas,'Courier New',monospace;font-size:12px}.vpn-hero{min-height:190px}@media(max-width:900px){.vpn-card-head{display:grid}.vpn-meta-grid{grid-template-columns:1fr}.vpn-actions{display:grid}.vpn-actions .button{width:100%}}.journey-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.journey-step{border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.28);padding:12px}.journey-step b{display:block}.journey-step span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.journey-step.ok{border-color:rgba(36,180,107,.55);background:rgba(36,180,107,.1)}.journey-step.wait{border-color:rgba(244,182,63,.4)}.warm-card{display:grid;gap:10px}.warm-card>div{border:1px solid var(--line);border-radius:13px;background:rgba(0,0,0,.25);padding:10px}.warm-card span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;font-weight:950;letter-spacing:.06em}.warm-card b{display:block;margin-top:4px}.warm-card p{white-space:pre-wrap;margin:4px 0 0}.stat-card b,.stat-card small{overflow-wrap:anywhere}.steam-badge-card{display:grid;grid-template-columns:82px minmax(0,1fr);gap:13px;align-items:start}.steam-badge-card>img{width:82px;height:82px;border-radius:14px;object-fit:cover;background:#fff;border:1px solid rgba(255,255,255,.2)}.steam-badge-card h3{margin:2px 0 5px;font-size:22px;overflow-wrap:anywhere}.steam-badge-card p{margin-bottom:8px}.steam-mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:8px 0}.steam-mini-stats span{display:block;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.24);padding:8px;color:var(--muted);font-size:11px;font-weight:950;text-transform:uppercase}.steam-mini-stats b{display:block;margin-top:3px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.steam-search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.steam-search-quick{margin:0 0 12px}@media(max-width:640px){.steam-badge-card,.steam-search-form{grid-template-columns:1fr}.steam-mini-stats{grid-template-columns:1fr}}.help-actions{display:flex;gap:8px;flex-wrap:wrap}.member-lookup{display:grid;gap:6px}.member-search-form textarea{min-height:82px}.group-call-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.group-call-card{display:grid;gap:11px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(15,17,22,.94),rgba(7,8,11,.92));padding:15px;box-shadow:0 12px 26px rgba(0,0,0,.22)}.group-call-card.open{border-color:rgba(36,180,107,.42)}.group-call-top,.group-call-foot{display:flex;justify-content:space-between;align-items:center;gap:10px}.group-call-card h3{font-size:21px;margin:0}.group-call-card p{white-space:pre-wrap;margin:0}.group-participants{display:flex;gap:8px;flex-wrap:wrap;border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.22);padding:10px}.group-actions{display:flex;gap:8px;flex-wrap:wrap}.group-actions button{min-width:120px}.group-checklist{margin:0;padding:10px 10px 10px 28px;border:1px solid var(--line);border-radius:14px;background:rgba(244,182,63,.08);color:#fff1c9}.group-template-strip{display:flex;gap:8px;flex-wrap:wrap}.group-template-pill.active{background:linear-gradient(180deg,#fff2a7,var(--gold));color:#17110a}.groups-admin-layout>.panel:nth-child(3){grid-column:1/-1}.group-template-admin{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:12px}.group-template-card{display:grid;gap:10px;border:1px solid var(--line);border-radius:16px;background:rgba(0,0,0,.22);padding:12px}.access-layout .panel:first-child,.access-layout .panel:nth-child(3){grid-column:1/-1}.access-preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.access-preset{display:grid;gap:10px;border:1px solid var(--line);border-radius:16px;background:rgba(0,0,0,.22);padding:13px}.access-preset h3{margin:0}.perm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:9px}.perm-grid label{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:2px 8px;border:1px solid var(--line);border-radius:13px;background:rgba(0,0,0,.22);padding:10px}.perm-grid input{grid-row:1/3;width:auto;margin-top:3px}.perm-grid b{font-size:13px}.perm-grid span{color:var(--muted);font-size:12px}.perm-badges{display:flex;gap:6px;flex-wrap:wrap}.perm-badges span{border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.05);padding:4px 7px;color:#e9ecef;font-size:12px;font-weight:800}@media(max-width:900px){.group-call-board,.group-template-admin{grid-template-columns:1fr}.group-actions{display:grid}.group-actions button{width:100%}}
.dyn-forms-layout .dyn-builder-panel{grid-column:1/-1}.dyn-form-builder{display:grid;gap:16px}.dyn-builder-intro{display:flex;justify-content:space-between;gap:18px;align-items:stretch;border:1px solid rgba(244,182,63,.28);border-radius:18px;background:linear-gradient(120deg,rgba(244,182,63,.12),rgba(88,101,242,.09),rgba(0,0,0,.18));padding:18px}.dyn-builder-intro h3{font-size:26px;margin:2px 0 8px}.dyn-builder-intro p{max-width:760px;margin:0}.dyn-builder-steps{display:grid;grid-template-columns:1fr;gap:8px;min-width:190px}.dyn-builder-steps span{display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.28);padding:9px 10px;font-weight:950;color:#f4f5f7}.dyn-template-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.dyn-template{min-height:74px;display:grid;align-content:center;gap:4px;background:linear-gradient(180deg,rgba(34,38,48,.96),rgba(14,16,21,.96));color:var(--text);border-color:var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 20px rgba(0,0,0,.16);text-align:left;justify-content:stretch}.dyn-template b{font-size:16px}.dyn-template span{color:var(--muted);font-weight:800;font-size:12px}.dyn-template.active{background:linear-gradient(180deg,#fff2a7,var(--gold));color:#17110a;border-color:rgba(244,182,63,.92)}.dyn-template.active span{color:#4b3310}.dyn-main-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:14px;align-items:start}.dyn-editor,.dyn-preview{min-width:0}.dyn-editor{display:grid;gap:13px;border:1px solid var(--line);border-radius:18px;background:rgba(0,0,0,.2);padding:14px}.dyn-section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:4px}.dyn-section-title h3{font-size:18px;margin:0}.dyn-section-title p{margin:3px 0 0}.dyn-section-title .button{white-space:nowrap}.dyn-field-list{display:grid;gap:10px}.dyn-field-card{position:relative;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(16,19,25,.96),rgba(8,9,12,.93));padding:12px;box-shadow:0 10px 22px rgba(0,0,0,.18)}.dyn-field-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.dyn-field-card-head b{font-size:13px;color:var(--gold);text-transform:uppercase;letter-spacing:.06em}.dyn-field-actions{display:flex;gap:6px}.dyn-field-actions button{min-height:32px;width:34px;padding:0;border-radius:10px}.dyn-field-grid{display:grid;grid-template-columns:minmax(0,1.2fr) 150px 120px;gap:9px;align-items:end}.dyn-field-grid label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:900}.dyn-field-grid .dyn-placeholder{grid-column:1/-1}.dyn-field-grid .check-line{height:44px;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.22);padding:0 10px;color:var(--text);font-size:13px}.dyn-field-grid .check-line input{width:auto}.dyn-raw{border:1px dashed var(--line);border-radius:14px;padding:10px;background:rgba(0,0,0,.16)}.dyn-raw summary{cursor:pointer;font-weight:950;color:#dfe3eb}.dyn-raw textarea{margin-top:10px;font-family:Consolas,'Courier New',monospace;font-size:12px}.dyn-preview{position:sticky;top:18px;display:grid;gap:12px}.dyn-phone{border:1px solid rgba(88,101,242,.34);border-radius:18px;background:linear-gradient(180deg,#161923,#0b0d12);padding:13px;box-shadow:0 18px 38px rgba(0,0,0,.28)}.dyn-discord-head{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px;font-weight:900;margin-bottom:10px}.dyn-discord-head span{color:#d9defb}.dyn-discord-head i{font-style:normal}.dyn-embed-preview{border-left:4px solid #5865f2;border-radius:10px;background:#181b20;border-top:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);padding:13px;margin-bottom:10px}.dyn-embed-preview>b{display:block;color:#f7f7f2;font-size:12px;margin-bottom:8px}.dyn-embed-preview h3{font-size:18px;margin:0 0 8px}.dyn-embed-preview p{margin:0 0 10px;color:#d7dbe4}.dyn-preview-flow{border-top:1px solid rgba(255,255,255,.1);padding-top:10px}.dyn-preview-flow span{display:block;color:#fff;font-weight:950;margin-bottom:4px}.dyn-discord-button{width:auto;min-height:36px;padding:8px 13px;border-radius:9px;background:#5865f2;color:white;box-shadow:none}.dyn-modal-preview{border:1px solid var(--line);border-radius:18px;background:rgba(0,0,0,.2);padding:13px}.dyn-modal-preview h3{font-size:17px;margin-bottom:4px}.dyn-modal-preview p{margin-bottom:11px}.dyn-preview-fields{display:grid;gap:8px}.dyn-preview-field{border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.04);padding:9px}.dyn-preview-field b{display:block;font-size:13px}.dyn-preview-field span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.dyn-submit{width:100%;min-height:50px;font-size:15px}.dyn-limit{color:var(--gold);font-weight:950;font-size:12px}.dyn-field-card.is-dragging{opacity:.7}.dyn-field-card input,.dyn-field-card select{border-radius:12px}.dyn-builder-panel .panel-head{margin-bottom:12px}@media(max-width:1200px){.dyn-main-grid{grid-template-columns:1fr}.dyn-preview{position:relative;top:auto;grid-template-columns:1fr 1fr}.dyn-template-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:780px){.dyn-builder-intro{display:grid}.dyn-builder-steps{min-width:0}.dyn-preview{grid-template-columns:1fr}.dyn-field-grid{grid-template-columns:1fr}.dyn-field-grid .check-line{height:auto;min-height:42px}.dyn-section-title{display:grid}.dyn-section-title .button{width:100%}.dyn-template-row{grid-template-columns:1fr}}

@media(max-width:820px){
  html{scroll-padding-top:14px}
  body{background:#050507;overscroll-behavior-y:contain}
  .app-shell{display:block;min-height:100vh}
  .sidebar{
    position:fixed;left:0;right:0;bottom:0;top:auto;height:auto;max-height:none;
    padding:10px 10px calc(10px + env(safe-area-inset-bottom));border-right:0;border-top:1px solid rgba(255,255,255,.16);
    border-bottom:0;background:linear-gradient(180deg,rgba(18,20,26,.86),rgba(5,6,8,.98));
    box-shadow:0 -18px 42px rgba(0,0,0,.56);overflow:visible;backdrop-filter:blur(18px);z-index:60
  }
  .sidebar:before{display:none}
  .brand,.nav-title{display:none!important}
  .sidebar nav{
    display:flex!important;grid-template-columns:none!important;gap:8px;overflow-x:auto;overflow-y:hidden;
    padding:2px 4px 4px;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch
  }
  .sidebar nav::-webkit-scrollbar{display:none}
  .sidebar nav a{
    flex:0 0 auto;min-height:46px;max-width:178px;padding:11px 14px;border-radius:16px;
    background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);white-space:nowrap;
    overflow:hidden;text-overflow:ellipsis;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);scroll-snap-align:center;
    transform:none!important
  }
  .sidebar nav a:before{display:none}
  .sidebar nav a.active{
    background:linear-gradient(180deg,#fff2a7,var(--gold));color:#17110a;border-color:rgba(244,182,63,.95);
    box-shadow:0 0 0 1px rgba(244,182,63,.2),0 10px 24px rgba(244,182,63,.22)
  }
  .nav-badge{margin-left:7px;background:#17110a;color:var(--gold)}
  .workspace{
    padding:calc(14px + env(safe-area-inset-top)) 12px calc(104px + env(safe-area-inset-bottom));
    min-height:100vh
  }
  .workspace-top{
    position:sticky;top:0;z-index:30;display:grid;gap:10px;margin:-2px 0 12px;padding:8px 0 11px;
    background:linear-gradient(180deg,#050507 0%,rgba(5,5,7,.92) 72%,rgba(5,5,7,0) 100%);
    backdrop-filter:blur(12px)
  }
  .workspace-top h1{font-size:clamp(28px,10vw,40px);line-height:.95;letter-spacing:-.03em}
  .kicker{font-size:10px;margin-bottom:4px}
  .identity{width:100%;max-width:none;border-radius:18px;padding:8px 9px}
  .identity img{width:34px;height:34px}
  .identity span{max-width:calc(100vw - 154px)}
  .hero-panel,.welcome{min-height:150px;padding:18px 16px;border-radius:18px;margin-bottom:12px}
  .hero-panel:after,.welcome:after{font-size:38px;right:12px;bottom:10px}
  .hero-panel h2,.welcome h1{font-size:clamp(30px,11vw,42px);line-height:.9;margin-bottom:10px}
  .hero-panel p,.welcome p{font-size:15px;line-height:1.45}
  .panel{padding:14px;border-radius:18px;margin-bottom:12px}
  .panel-head{display:grid;gap:8px}
  .stat-grid,.stats,.content-grid,.two-col,.shop-grid,.idea-board,.giveaway-grid,.event-board,.admin-forms,.report-grid,.passport-stats,.quick-grid{grid-template-columns:1fr!important}
  .metric,.stat-card,.shop-card,.idea-card,.rule-hit,.event-card,.giveaway-card,.vpn-card,.group-call-card{border-radius:16px}
  .table-wrap{margin-inline:-2px}
  .form-inline,.split,.mini-form{display:grid;grid-template-columns:1fr!important}
  .button,button,.primary-link{width:100%;min-height:46px}
  .filter-tabs{display:flex;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:none}
  .filter-tabs::-webkit-scrollbar{display:none}
  .filter-tabs a{flex:0 0 auto}
  .wheel-window{border-radius:16px;padding:13px 0}
  .wheel-track{padding-left:10px;padding-right:48vw}
  .wheel-tile{flex-basis:112px;height:120px}
  .dyn-main-grid,.dyn-preview,.dyn-template-row,.dyn-field-grid{grid-template-columns:1fr!important}
}

@media(max-width:820px){
  html{scroll-behavior:auto!important;scroll-padding-top:8px}
  body{font-size:14px;line-height:1.38}
  .workspace{padding:calc(8px + env(safe-area-inset-top)) 10px calc(96px + env(safe-area-inset-bottom))!important}
  .workspace-top{display:flex!important;align-items:center!important;margin:0 0 8px!important;padding:6px 0 9px!important}
  .workspace-top .identity{display:none!important}
  .workspace-top h1{font-size:clamp(24px,8.8vw,34px)!important;line-height:.95!important}
  .workspace-top .kicker{font-size:9px;letter-spacing:.12em;margin-bottom:2px}
  .hero-panel,.welcome{min-height:auto!important;padding:13px 14px!important;margin-bottom:10px!important;border-radius:16px!important}
  .hero-panel img,.welcome img{display:none!important}
  .hero-panel h2,.welcome h1{font-size:clamp(24px,8.5vw,32px)!important;line-height:.94!important;margin-bottom:7px!important}
  .hero-panel p,.welcome p{font-size:13px!important;line-height:1.35!important;margin-bottom:0!important}
  .wheel-hero{display:none!important}
  .panel{padding:12px!important;margin-bottom:10px!important;border-radius:16px!important}
  .panel h2{font-size:18px!important;margin-bottom:8px!important}
  .panel-head{margin-bottom:4px}
  .content-grid,.two-col,.stat-grid,.stats,.shop-grid,.idea-board,.giveaway-grid,.event-board,.admin-forms,.quick-grid{gap:10px!important}
  .row,.metric,.stat-card,.shop-card,.idea-card,.rule-hit,.event-card,.giveaway-card,.vpn-card,.group-call-card,.notification-card{padding:11px!important;border-radius:15px!important}
  .button,button,.primary-link{min-height:44px!important;padding:10px 12px!important;border-radius:13px!important;font-size:14px!important}
  input,textarea,select{min-height:42px;padding:10px 11px!important;border-radius:13px!important;font-size:14px!important}
  textarea{min-height:86px!important}
  .sidebar{padding:8px 8px calc(8px + env(safe-area-inset-bottom))!important}
  .sidebar nav{gap:7px!important;padding-bottom:2px!important}
  .sidebar nav a{min-height:42px!important;max-width:152px!important;padding:9px 12px!important;border-radius:14px!important;font-size:13px!important}
  .wheel-main{scroll-margin-top:6px}
  .wheel-next{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;margin-bottom:10px!important;padding:11px!important;border-radius:15px!important}
  .wheel-next b{font-size:clamp(24px,9vw,34px)!important;line-height:1!important}
  .wheel-next small{text-align:left!important}
  .wheel-machine{margin:0 -2px 10px!important}
  .wheel-window{padding:12px 0!important;border-radius:15px!important}
  .wheel-pointer{top:-5px;border-left-width:12px;border-right-width:12px;border-bottom-width:18px}
  .wheel-track{gap:8px!important;padding-left:9px!important;padding-right:52vw!important}
  .wheel-tile{flex-basis:96px!important;height:106px!important;padding:9px 8px!important;border-radius:14px!important;grid-template-rows:34px 24px 1fr!important}
  .wheel-tile i{font-size:28px!important}
  .wheel-tile b{font-size:18px!important}
  .wheel-tile span{font-size:11px!important}
  .wheel-result-card{grid-template-columns:54px 1fr!important;gap:10px!important;padding:12px!important;margin:9px 0!important;border-radius:15px!important}
  .wheel-result-emoji{width:52px!important;height:52px!important;font-size:28px!important;border-radius:14px!important}
  .wheel-result-card h2{font-size:clamp(22px,8vw,30px)!important;margin:2px 0 5px!important}
  .wheel-result-card p{font-size:13px!important}
  .wheel-vpn-choice{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;padding:12px!important;margin:9px 0!important;border-radius:15px!important}
  .wheel-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:9px!important}
  .wheel-actions form,.wheel-actions a,.wheel-vpn-choice form,.wheel-vpn-choice button{width:100%!important}
  .wheel-reward-grid{grid-template-columns:1fr!important;gap:8px!important}
  .wheel-reward-card{grid-template-columns:42px 1fr!important;padding:10px!important;border-radius:14px!important}
  .wheel-reward-card i{font-size:25px!important}
  .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  table{min-width:520px;font-size:12px}
  th,td{padding:7px!important}
  .dyn-builder-intro,.dyn-editor,.dyn-phone,.dyn-modal-preview{padding:12px!important;border-radius:16px!important}
  .dyn-builder-intro h3{font-size:21px!important}
  .dyn-field-card{padding:10px!important;border-radius:14px!important}
  .vpn-card-head,.vpn-meta-grid,.vpn-actions{display:grid!important;grid-template-columns:1fr!important}
  .help-actions,.event-actions,.group-actions{display:grid!important;grid-template-columns:1fr!important}
}

.chat-app{display:grid;grid-template-columns:300px minmax(0,1fr);height:calc(100vh - 138px);min-height:560px;max-height:none;border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden;background:#090b0f;box-shadow:0 24px 70px rgba(0,0,0,.38)}
.chat-sidebar{min-width:0;min-height:0;border-right:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(16,18,24,.98),rgba(9,10,14,.98));display:grid;grid-template-rows:auto auto auto minmax(92px,1fr) auto minmax(110px,1fr);gap:10px;padding:14px}
.chat-side-head,.chat-main-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.chat-side-head{padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.chat-main-head{min-height:82px;border-bottom:1px solid rgba(255,255,255,.1);padding:14px 16px;background:linear-gradient(180deg,rgba(18,20,26,.96),rgba(11,12,17,.96))}
.chat-title-card{min-width:0;display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;align-items:center}.chat-room-avatar{width:54px;height:54px;border-radius:16px;object-fit:cover;background:#fff;border:1px solid rgba(244,182,63,.35);box-shadow:0 10px 24px rgba(0,0,0,.28)}
.chat-side-head h2,.chat-main-head h2{margin:2px 0 5px;font:1000 22px/1.08 Arial Black,"Segoe UI",sans-serif;letter-spacing:0}.chat-main-head h2{font-size:24px}
.chat-side-head>span{display:inline-grid;place-items:center;min-height:26px;padding:0 9px;border:1px solid rgba(244,182,63,.25);border-radius:999px;background:rgba(244,182,63,.08);color:#ffe5a0;font-size:11px;font-weight:900;white-space:nowrap}
.chat-main-head span{color:var(--muted);font-size:12px;font-weight:850}.chat-search input{width:100%;background:rgba(5,7,11,.72);border-color:rgba(255,255,255,.12)}
.chat-search-results{display:grid;gap:7px;max-height:210px;overflow:auto}.chat-search-results:empty{display:none}.chat-side-section{display:flex;align-items:center;justify-content:space-between;color:#d7dbe4;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em;opacity:.9}
.chat-search-hit,.chat-room,.chat-contact{width:100%;min-height:58px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.1);border-radius:14px;box-shadow:none;color:var(--text);padding:9px 10px;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}
.chat-search-hit:hover,.chat-room:hover,.chat-contact:hover{transform:translateY(-1px);border-color:rgba(244,182,63,.34);background:rgba(255,255,255,.055)}
.chat-search-hit img,.chat-room img,.chat-contact img,.chat-member img,.chat-message-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background:#fff}
.chat-search-hit b,.chat-room b,.chat-contact b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.chat-search-hit span,.chat-room span,.chat-contact span{display:block;color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-contact.online{border-color:rgba(36,180,107,.32);background:rgba(36,180,107,.06)}
.chat-room-list{min-height:0;display:grid;grid-auto-rows:min-content;align-content:start;gap:8px;overflow:auto;padding:1px 2px 4px 0}.chat-room.active{border-color:rgba(244,182,63,.72);background:linear-gradient(90deg,rgba(244,182,63,.18),rgba(255,255,255,.045));box-shadow:inset 3px 0 0 var(--gold)}
.chat-dm-action,.chat-room-delete{min-height:28px!important;padding:4px 10px!important;border-radius:999px!important;font-size:11px!important;background:rgba(244,182,63,.16)!important;border:1px solid rgba(244,182,63,.38)!important;color:#fff1c9!important;box-shadow:none!important;opacity:0;pointer-events:none;transform:translateY(2px);transition:opacity .15s ease,transform .15s ease,background .15s ease,border-color .15s ease}.chat-dm-action:hover{background:rgba(244,182,63,.28)!important;border-color:rgba(244,182,63,.7)!important}.chat-room-delete{width:28px;padding:0!important;color:#ffd8d8!important;border-color:rgba(255,110,110,.35)!important;background:rgba(95,22,22,.34)!important}.chat-search-hit:hover .chat-dm-action,.chat-contact:hover .chat-dm-action,.chat-member:hover .chat-dm-action,.chat-bubble:hover .chat-dm-action,.chat-author-line:hover .chat-dm-action,.chat-room:hover .chat-room-delete{opacity:1;pointer-events:auto;transform:translateY(0)}.can-dm{cursor:pointer}
.chat-contact-list{min-height:0;display:grid;grid-auto-rows:min-content;align-content:start;gap:8px;overflow:auto;padding:1px 2px 4px 0}
.chat-room i{min-width:22px;height:22px;display:grid;place-items:center;border-radius:999px;background:var(--gold);color:#17110a;font-style:normal;font-weight:1000;font-size:11px}
.chat-main{min-width:0;min-height:0;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#080a0e}
.chat-members{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap;max-width:48%}.chat-member{display:grid;grid-template-columns:26px minmax(0,1fr) auto auto;gap:7px;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.04);padding:5px 8px;max-width:280px}.chat-member.can-dm:hover{border-color:rgba(244,182,63,.48);background:rgba(244,182,63,.08)}.chat-member img{width:26px;height:26px}.chat-member b{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-member span{display:block;color:var(--muted);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-member.online{border-color:rgba(36,180,107,.58);background:rgba(36,180,107,.11)}.chat-member.online.can-dm:hover{border-color:rgba(244,182,63,.58);background:rgba(244,182,63,.09)}.chat-member-action{min-height:24px!important;padding:3px 7px!important;border-radius:999px!important;font-size:10px!important}
.chat-messages{min-height:0;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:9px;background:linear-gradient(180deg,rgba(255,255,255,.01),transparent 32%),radial-gradient(780px 380px at 88% 0,rgba(244,182,63,.055),transparent 58%)}
.chat-app.dragging .chat-messages{outline:2px dashed rgba(244,182,63,.65);outline-offset:-10px}.chat-empty{margin:auto;max-width:320px;text-align:center;color:var(--muted);border:1px dashed rgba(255,255,255,.14);border-radius:16px;padding:18px;background:rgba(255,255,255,.025)}
.chat-day{align-self:center;margin:6px 0 4px;padding:5px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.045);color:#d8dce6;font-size:11px;font-weight:900}
.chat-message{display:grid;grid-template-columns:40px minmax(0,620px);gap:9px;align-items:end}.chat-message.mine{grid-template-columns:minmax(0,620px);justify-content:end}.chat-message.mine .chat-bubble{background:linear-gradient(180deg,rgba(178,126,30,.92),rgba(95,67,20,.92));border-color:rgba(255,202,95,.54)}.chat-message.mine .chat-meta{color:#ffe9b0}
.chat-bubble{min-width:0;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(16,18,24,.94);padding:10px 12px;box-shadow:0 12px 28px rgba(0,0,0,.2)}
.chat-author-line{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-2px -4px 6px;padding:4px 6px;border-radius:10px;transition:background .15s ease}.chat-author-line.can-dm:hover{background:rgba(244,182,63,.08)}.chat-message-avatar.can-dm{cursor:pointer;transition:filter .15s ease,transform .15s ease}.chat-message-avatar.can-dm:hover{filter:brightness(1.12);transform:translateY(-1px)}.chat-author{display:block;color:#fff;font-size:12px}.chat-text{white-space:pre-wrap;overflow-wrap:anywhere;color:#f4f5f7;margin:0 0 7px;line-height:1.45}.chat-meta{display:block;color:var(--muted);font-size:11px;text-align:right}
.chat-message-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:8px}.chat-mini-action{min-height:26px!important;padding:4px 8px!important;border-radius:999px!important;font-size:11px!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.12)!important;color:#f5f6fb!important;box-shadow:none!important}.chat-mini-action.danger{border-color:rgba(255,111,111,.35)!important;color:#ffd7d7!important;background:rgba(120,24,24,.24)!important}
.chat-attachment{display:grid;gap:7px;margin:6px 0}.chat-attachment img,.chat-attachment video{display:block;max-width:min(420px,100%);max-height:340px;border-radius:12px;border:1px solid rgba(255,255,255,.14);object-fit:contain;background:#050507}.chat-attachment a{color:#fff1c9;font-weight:850;overflow-wrap:anywhere}
.chat-composer{position:sticky;bottom:0;z-index:5;border-top:1px solid rgba(255,255,255,.1);padding:10px 12px;background:rgba(6,7,10,.98);display:grid;gap:8px}.chat-composer textarea{min-height:56px!important;max-height:132px;resize:vertical;border-color:rgba(244,182,63,.46);background:rgba(6,8,12,.9)}
.chat-tools{display:grid;grid-template-columns:78px minmax(120px,1fr) 108px;gap:8px;align-items:center}.chat-tools button,.chat-tools input{min-height:40px!important}.chat-tools input{background:rgba(5,7,11,.72);border-color:rgba(255,255,255,.12)}.chat-preview-box{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid rgba(244,182,63,.38);border-radius:13px;background:rgba(244,182,63,.08);padding:8px 9px;color:#fff1c9}.chat-preview-box span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1100px){.chat-app{grid-template-columns:1fr;height:auto;min-height:0}.chat-sidebar{border-right:0;border-bottom:1px solid var(--line);grid-template-rows:auto auto auto auto auto auto}.chat-room-list,.chat-contact-list{max-height:220px}.chat-main{min-height:620px}.chat-members{max-width:none;justify-content:flex-start}.chat-tools{grid-template-columns:1fr}.chat-tools button,.chat-tools input{width:100%}}
@media(max-height:760px) and (min-width:1101px){.chat-app{height:calc(100vh - 138px);min-height:0}.chat-composer textarea{min-height:44px!important;max-height:86px}.chat-main-head{min-height:72px;padding:10px 14px}.chat-messages{padding:12px}}
@media(max-width:640px){.chat-app{border-radius:16px;margin:0 -2px}.chat-main{min-height:560px}.chat-main-head,.chat-side-head{display:grid}.chat-messages{padding:12px}.chat-message,.chat-message.mine{grid-template-columns:1fr}.chat-message-avatar{display:none}.chat-bubble{border-radius:14px}.chat-attachment img,.chat-attachment video{max-height:300px}.chat-preview-box{display:grid}.chat-preview-box span{white-space:normal}}

/* MIKI clean redesign v3: calmer typography, compact cards, reliable buttons */
:root{
  --bg:#050609;--bg-2:#0b0d12;--panel:#11151b;--panel-solid:#11151b;--panel-strong:#151a22;
  --line:rgba(255,255,255,.14);--line-strong:rgba(255,255,255,.22);--text:#f6f4ed;--muted:#b9bec8;--soft:#858c99;
  --gold:#d7aa45;--gold-2:#f1d37a;--blue:#5d78d6;--green:#2fb978;--red:#e15d5d;--radius:8px;--radius-sm:8px;
  --shadow:0 14px 34px rgba(0,0,0,.34);--shadow-soft:0 8px 22px rgba(0,0,0,.24)
}
body{
  font:14px/1.5 "Inter","Segoe UI",Arial,sans-serif!important;
  background:linear-gradient(180deg,rgba(5,6,9,.96),rgba(5,6,9,.98)),url('/static/miki-bg-wide.jpg') center top/cover fixed!important;
}
body:before{background:linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.014) 1px,transparent 1px)!important;background-size:42px 42px!important}
body:after{opacity:.045!important;filter:grayscale(1) contrast(1.05)!important}
h1,h2,h3,.workspace-top h1,.hero-panel h2,.welcome h1,.hero-copy h1,.player-hero h2,.passport-card h2,.wheel-result-card h2{
  font-family:"Inter","Segoe UI",Arial,sans-serif!important;
  font-weight:850!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.workspace-top h1{font-size:30px!important;line-height:1.12!important}.hero-panel h2,.welcome h1{font-size:36px!important;line-height:1.08!important}.hero-copy h1{font-size:56px!important;line-height:1.02!important}
.kicker,.nav-title,.stat-card span,.metric span,.vpn-card-head span,.vpn-meta-grid span,.event-card span,.compact-facts span{
  letter-spacing:.06em!important;
}
button,.button,.primary-link,.dyn-submit,.dyn-template,.report-link{
  border-radius:8px!important;
  background:linear-gradient(180deg,#f0cf75,#d6a63e)!important;
  border:1px solid rgba(255,224,132,.52)!important;
  color:#12100a!important;
  box-shadow:0 7px 16px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.42)!important;
  font-weight:780!important;
  letter-spacing:0!important;
}
.secondary,.button.secondary,.event-actions .secondary,.chat-mini-action,.chat-member-action,.filter-tabs a,.topbar nav a{
  background:linear-gradient(180deg,#232832,#171b22)!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
button:hover,.button:hover,.primary-link:hover{transform:translateY(-1px);filter:brightness(1.05)!important}
input,textarea,select{border-radius:8px!important;background:rgba(4,5,8,.72)!important}
.app-shell{grid-template-columns:258px minmax(0,1fr)!important}
.sidebar{
  background:linear-gradient(180deg,rgba(8,10,13,.97),rgba(8,10,13,.94)),url('/static/miki-bg-wide.jpg') center/cover no-repeat!important;
  padding:16px 14px!important;
}
.brand,.identity,.panel,.stat-card,.metric,.shop-card,.idea-card,.rule-hit,.event-card,.giveaway-card,.vpn-card,.group-call-card,.passport-card,.player-hero,.notification-card,.form-card,.wheel-reward-card,.wheel-result-card,.wheel-next,.chat-app,.chat-bubble,.chat-room,.chat-contact,.chat-search-hit{
  border-radius:8px!important;
  border-color:var(--line)!important;
}
.brand{grid-template-columns:44px 1fr!important;padding:10px!important;margin-bottom:18px!important;background:rgba(0,0,0,.36)!important}.brand img{width:44px!important;height:44px!important}.brand b{font-family:"Inter","Segoe UI",Arial,sans-serif!important;font-size:18px!important;font-weight:850!important}
nav{gap:5px!important}nav a{min-height:38px!important;border-radius:8px!important;padding:9px 10px!important;font-weight:700!important}nav a.active{background:linear-gradient(90deg,rgba(215,170,69,.2),rgba(255,255,255,.055))!important;border-color:rgba(215,170,69,.44)!important}
.workspace{padding:22px 24px!important}.workspace-top{margin-bottom:16px!important}.identity{background:rgba(14,17,22,.84)!important}
.hero-panel,.welcome{
  min-height:188px!important;
  padding:24px!important;
  border-radius:8px!important;
  background:linear-gradient(90deg,rgba(7,8,11,.94),rgba(14,17,22,.82)),url('/static/miki-bg-wide.jpg') center/cover no-repeat!important;
  box-shadow:var(--shadow-soft)!important;
}
.hero-panel:after,.welcome:after,.login-hero:after{display:none!important}
.hero-panel p,.welcome p,.hero-copy p{font-size:16px!important;line-height:1.55!important;color:#dfe2e8!important}
.panel,.stat-card,.shop-card,.idea-card,.event-card,.giveaway-card,.vpn-card,.group-call-card,.form-card{
  background:linear-gradient(180deg,rgba(18,22,29,.94),rgba(11,13,18,.94))!important;
  box-shadow:var(--shadow-soft)!important;
}
.panel{padding:16px!important}.panel h2{font-size:19px!important}.stat-card b{font-size:23px!important}
.content-grid{gap:14px!important}.stat-grid{gap:10px!important}
.table-wrap table,table{font-size:13px!important}th{font-weight:780!important;color:#c7ccd6!important}td,th{padding:8px!important}
.status-badge,.status-pill,.tag,.badge-cloud span{border-radius:999px!important}
.wheel-window{border-radius:8px!important}.wheel-tile{border-radius:8px!important;background:linear-gradient(180deg,rgba(22,26,34,.98),rgba(10,12,17,.98))!important}.wheel-tile b{font-family:"Inter","Segoe UI",Arial,sans-serif!important;font-size:18px!important}
.chat-app{height:calc(100vh - 126px)!important}.chat-sidebar,.chat-main-head{background:linear-gradient(180deg,rgba(16,19,25,.98),rgba(9,11,15,.98))!important}.chat-title-card{grid-template-columns:46px minmax(0,1fr)!important}.chat-room-avatar{width:46px!important;height:46px!important;border-radius:8px!important}
@media(max-width:820px){
  .workspace{padding:10px 10px calc(96px + env(safe-area-inset-bottom))!important}
  .workspace-top h1{font-size:26px!important}.hero-panel h2,.welcome h1{font-size:28px!important}.hero-copy h1{font-size:40px!important}
  .sidebar nav a{border-radius:8px!important;min-height:40px!important}
  .panel,.hero-panel,.welcome,.stat-card,.event-card,.shop-card,.idea-card,.vpn-card,.group-call-card{border-radius:8px!important}
}

/* MIKI full redesign v4: one visual system for Family Web + game ecosystem */
:root{
  --bg:#050607;--bg-2:#0b0d10;--panel:#101319;--panel-solid:#12161d;--panel-strong:#181d25;
  --line:rgba(255,255,255,.13);--line-strong:rgba(255,255,255,.24);--text:#f8f5ec;--muted:#b9bdc7;--soft:#828995;
  --gold:#e3b24d;--gold-2:#f7d983;--blue:#6d83ff;--cyan:#69d5ff;--green:#34c782;--red:#ef6464;--violet:#a78bfa;
  --radius:14px;--radius-sm:10px;--shadow:0 24px 64px rgba(0,0,0,.46);--shadow-soft:0 12px 28px rgba(0,0,0,.28)
}
body{font:14px/1.5 "Inter","Segoe UI",Arial,sans-serif!important;background:linear-gradient(140deg,rgba(5,6,7,.98),rgba(10,12,16,.98)),url('/static/miki-bg-wide.jpg') center/cover fixed!important}
body:before{background:linear-gradient(90deg,rgba(227,178,77,.09) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.035) 1px,transparent 1px)!important;background-size:72px 72px!important;opacity:.32!important}
body:after{opacity:.075!important;filter:grayscale(1) contrast(1.16)!important}
h1,h2,h3,.brand b,.workspace-top h1,.hero-panel h2,.welcome h1,.hero-copy h1,.player-hero h2,.passport-card h2,.wheel-result-card h2{font-family:"Inter","Segoe UI",Arial,sans-serif!important;font-weight:860!important;letter-spacing:0!important;text-transform:none!important}
.app-shell{grid-template-columns:276px minmax(0,1fr)!important}
.sidebar{padding:18px 16px!important;background:linear-gradient(180deg,rgba(7,8,10,.98),rgba(10,11,14,.96)),url('/static/miki-bg-wide.jpg') 36% top/cover no-repeat!important;border-right:1px solid var(--line)!important;box-shadow:20px 0 64px rgba(0,0,0,.46)!important}
.brand{border-radius:14px!important;padding:12px!important;margin-bottom:18px!important;background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.035))!important;border-color:rgba(255,255,255,.18)!important}
.brand img{width:48px!important;height:48px!important}.brand b{font-size:20px!important}.brand span{color:#d7d9df!important}
.nav-title{margin:18px 7px 8px!important;color:var(--gold)!important;letter-spacing:.12em!important}
nav{gap:7px!important}nav a{min-height:41px!important;border-radius:12px!important;padding:10px 12px!important;color:#e8e9ef!important;background:rgba(255,255,255,.025)!important;border:1px solid transparent!important}
nav a:hover{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.14)!important}
nav a.active{background:linear-gradient(90deg,rgba(227,178,77,.24),rgba(105,213,255,.08))!important;border-color:rgba(227,178,77,.48)!important;box-shadow:inset 3px 0 0 var(--gold)!important}
.workspace{padding:24px clamp(18px,2.5vw,34px)!important}
.workspace-top{position:sticky;top:0;z-index:12;margin:-24px calc(clamp(18px,2.5vw,34px)*-1) 22px!important;padding:18px clamp(18px,2.5vw,34px)!important;background:linear-gradient(180deg,rgba(5,6,7,.9),rgba(5,6,7,.72));backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.workspace-top h1{font-size:34px!important;line-height:1.08!important}.kicker{color:var(--gold)!important;letter-spacing:.11em!important}
.identity{border-radius:12px!important;background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.15)!important}
.hero-panel,.welcome{position:relative;overflow:hidden;min-height:230px!important;border-radius:14px!important;border-color:rgba(255,255,255,.16)!important;background:linear-gradient(110deg,rgba(10,12,16,.97),rgba(15,18,24,.82)),url('/static/miki-bg-wide.jpg') center/cover no-repeat!important;box-shadow:var(--shadow)!important}
.hero-panel:before,.welcome:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(227,178,77,.14),transparent 28%,rgba(105,213,255,.08));pointer-events:none}
.hero-panel>* , .welcome>*{position:relative;z-index:1}.hero-panel h2,.welcome h1{font-size:42px!important;line-height:1.04!important}.hero-panel p,.welcome p{max-width:720px;color:#e2e5ec!important}
.panel,.stat-card,.metric,.shop-card,.idea-card,.rule-hit,.event-card,.giveaway-card,.vpn-card,.group-call-card,.passport-card,.player-hero,.notification-card,.form-card,.wheel-reward-card,.wheel-result-card,.wheel-next,.chat-app,.chat-bubble,.chat-room,.chat-contact,.chat-search-hit{
  border-radius:14px!important;border-color:rgba(255,255,255,.13)!important;background:linear-gradient(180deg,rgba(18,22,29,.92),rgba(9,11,15,.94))!important;box-shadow:var(--shadow-soft)!important
}
.panel{padding:18px!important}.panel-head{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}.panel h2{font-size:20px!important}
.stat-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(174px,1fr))!important;gap:12px!important}.stat-card,.metric{min-height:104px!important;padding:16px!important}
.stat-card span,.metric span{color:#d2d6df!important;font-size:11px!important;text-transform:uppercase!important;font-weight:900!important;letter-spacing:.09em!important}.stat-card b,.metric b{font-size:25px!important;color:#fff8e9!important}
button,.button,.primary-link,.dyn-submit,.dyn-template,.report-link{border-radius:12px!important;background:linear-gradient(180deg,#ffe89b,#e4b24d 48%,#b57918)!important;color:#111!important;border:1px solid rgba(255,230,151,.62)!important;box-shadow:0 12px 28px rgba(227,178,77,.22),inset 0 1px 0 rgba(255,255,255,.55)!important}
.secondary,.button.secondary,.event-actions .secondary,.chat-mini-action,.chat-member-action,.filter-tabs a,.topbar nav a{background:linear-gradient(180deg,#272d37,#171b22)!important;color:var(--text)!important;border-color:rgba(255,255,255,.13)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important}
input,textarea,select{border-radius:12px!important;background:rgba(2,3,5,.7)!important;border-color:rgba(255,255,255,.13)!important}
.content-grid,.two-col{gap:18px!important}.table-wrap,table{border-radius:12px!important}th{background:rgba(255,255,255,.035)!important;color:#d5d9e2!important}td,th{border-color:rgba(255,255,255,.09)!important}
.viz-grid{display:grid;grid-template-columns:1fr 1fr minmax(280px,1.35fr);gap:14px;margin:0 0 18px}
.viz-ring-card,.viz-panel{border:1px solid rgba(255,255,255,.13);border-radius:14px;background:linear-gradient(180deg,rgba(18,22,29,.92),rgba(9,11,15,.94));box-shadow:var(--shadow-soft);padding:16px}
.viz-ring-card{display:grid;grid-template-columns:94px minmax(0,1fr);gap:14px;align-items:center}.viz-ring-card>div:last-child>span,.viz-caption{display:block;color:#cfd4de;font-size:11px;text-transform:uppercase;font-weight:900;letter-spacing:.08em}.viz-ring-card strong{display:block;font-size:24px;color:#fff7e8;margin:3px 0}.viz-ring-card p{margin:0;color:var(--muted)}
.viz-ring{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--gold) calc(var(--pct)*1%),rgba(255,255,255,.09) 0);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.viz-ring:after{content:"";position:absolute;inset:10px;border-radius:50%;background:#0b0d10;border:1px solid rgba(255,255,255,.1)}.viz-ring b,.viz-ring span{position:relative;z-index:1}.viz-ring b{font-size:23px}.viz-ring span{font-size:11px;color:var(--muted);margin-left:2px}.tone-green .viz-ring{background:conic-gradient(var(--green) calc(var(--pct)*1%),rgba(255,255,255,.09) 0)}.tone-blue .viz-ring{background:conic-gradient(var(--cyan) calc(var(--pct)*1%),rgba(255,255,255,.09) 0)}.tone-red .viz-ring{background:conic-gradient(var(--red) calc(var(--pct)*1%),rgba(255,255,255,.09) 0)}
.viz-panel h3{margin:0 0 12px;font-size:18px!important}.viz-bars{display:grid;gap:10px}.viz-bar-row>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:5px}.viz-bar-row b{font-size:13px}.viz-bar-row span{color:#fff1c7;font-weight:850}.viz-bar-row i{display:block;width:var(--w);height:10px;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--cyan));box-shadow:0 0 18px rgba(105,213,255,.14)}
.minecraft-viz .viz-ring-card,.admin-viz .viz-ring-card{min-height:132px}
@media(max-width:980px){.app-shell{grid-template-columns:1fr!important}.sidebar{position:relative!important;height:auto!important}.workspace-top{position:relative!important;margin:-16px -12px 16px!important}.viz-grid{grid-template-columns:1fr}.hero-panel,.welcome{min-height:190px!important}.hero-panel h2,.welcome h1{font-size:32px!important}}
@media(max-width:640px){.workspace{padding:16px 12px!important}.workspace-top{padding:14px 12px!important}.workspace-top h1{font-size:28px!important}.viz-ring-card{grid-template-columns:80px minmax(0,1fr)}.viz-ring{width:76px;height:76px}.stat-card,.metric{min-height:92px!important}.hero-panel,.welcome{padding:18px!important}}
.timeline-list{display:grid;gap:9px}.timeline-row{position:relative;border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.22);padding:10px 12px 10px 15px}.timeline-row:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:999px;background:var(--gold)}.timeline-row span{display:block;color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.timeline-row b{display:block;margin:3px 0}.timeline-row p{margin:0;color:#d9dde6}.health-score{border:1px solid var(--line);border-radius:16px;background:rgba(0,0,0,.24);padding:14px;margin-bottom:12px}.health-score strong{font:1000 42px/1 Arial Black,'Segoe UI',sans-serif}.health-score.good,.health-score.excellent{border-color:rgba(36,180,107,.42)}.health-score.warn{border-color:rgba(244,182,63,.5)}.health-score.critical{border-color:rgba(227,88,88,.55)}.compact-facts{display:grid;gap:8px}.compact-facts>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:10px;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.18);padding:9px}.compact-facts span{color:var(--muted);font-weight:900}.compact-facts b{overflow-wrap:anywhere}.inline-form{display:inline-flex;margin:2px 4px 2px 0}.inline-form button{min-height:34px;padding:7px 9px;border-radius:10px;font-size:12px}@media(max-width:700px){.compact-facts>div{grid-template-columns:1fr}.inline-form{display:flex}.inline-form button{width:100%}}
/* MIKI full product redesign v5: command center UI */
:root{
  color-scheme:dark;
  --bg:#080a0e;--bg-soft:#0c0f14;--surface:#10141b;--surface-2:#151a22;--surface-3:#1b222c;
  --line:rgba(255,255,255,.115);--line-strong:rgba(255,255,255,.2);
  --text:#f5f2ea;--muted:#aeb6c2;--soft:#737c89;
  --gold:#e5b449;--gold-soft:#ffe29a;--blue:#7aa2ff;--green:#44d18a;--red:#f06a6a;
  --radius:16px;--radius-sm:12px;--sidebar:232px;
  --shadow:0 18px 48px rgba(0,0,0,.38);--shadow-soft:0 10px 24px rgba(0,0,0,.24);
}
html{background:var(--bg)!important}
body{
  background:
    radial-gradient(900px 560px at 12% -14%,rgba(229,180,73,.16),transparent 56%),
    radial-gradient(720px 520px at 88% -6%,rgba(122,162,255,.12),transparent 55%),
    linear-gradient(180deg,#090b0f 0%,#07090c 44%,#050608 100%)!important;
  color:var(--text)!important;
  font:14px/1.52 "Inter","Segoe UI",Arial,sans-serif!important;
}
body:before{opacity:.12!important;background:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.03) 1px,transparent 1px)!important;background-size:64px 64px!important}
body:after{display:none!important}
h1,h2,h3,.brand b,.workspace-top h1,.hero-panel h2,.welcome h1,.hero-copy h1,.player-hero h2,.passport-card h2,.wheel-result-card h2{
  font-family:"Inter","Segoe UI",Arial,sans-serif!important;
  font-weight:840!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
p{color:var(--muted)!important}
a{color:inherit}
.app-shell{
  display:grid!important;
  grid-template-columns:var(--sidebar) minmax(0,1fr)!important;
  min-height:100vh!important;
}
.sidebar{
  position:sticky!important;top:0!important;height:100vh!important;overflow:auto!important;
  padding:18px 14px 20px!important;
  background:linear-gradient(180deg,#0c0f14,#080a0e)!important;
  border-right:1px solid var(--line)!important;
  box-shadow:18px 0 48px rgba(0,0,0,.28)!important;
}
.sidebar:before{display:none!important}
.brand{
  display:grid!important;grid-template-columns:44px 1fr!important;grid-template-rows:auto auto!important;gap:2px 10px!important;
  align-items:center!important;margin:0 0 20px!important;padding:10px!important;
  border:1px solid var(--line)!important;border-radius:18px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.brand img{grid-row:1/3!important;width:44px!important;height:44px!important;object-fit:contain!important;filter:drop-shadow(0 8px 12px rgba(0,0,0,.7))!important}
.brand b{font-size:19px!important;line-height:1!important}
.brand span{font-size:11px!important;color:var(--muted)!important}
.sidebar-nav{display:grid!important;gap:16px!important}
.nav-group{display:grid!important;gap:5px!important}
.sidebar .nav-title{
  margin:0 0 5px!important;padding:0 8px!important;
  color:var(--gold)!important;font-size:10px!important;font-weight:900!important;
  text-transform:uppercase!important;letter-spacing:.12em!important;
}
.sidebar-nav a{
  position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;
  min-height:36px!important;padding:8px 10px!important;border-radius:12px!important;
  color:#dbe1ea!important;background:transparent!important;border:1px solid transparent!important;
  font-weight:720!important;font-size:13px!important;line-height:1.15!important;
}
.sidebar-nav a span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-nav a:hover{background:rgba(255,255,255,.055)!important;border-color:var(--line)!important;color:#fff!important}
.sidebar-nav a.active{
  background:linear-gradient(90deg,rgba(229,180,73,.19),rgba(122,162,255,.07))!important;
  border-color:rgba(229,180,73,.38)!important;color:#fff!important;
  box-shadow:inset 3px 0 0 var(--gold)!important;
}
.nav-badge{min-width:20px!important;height:20px!important;display:inline-grid!important;place-items:center!important;padding:0 6px!important;border-radius:999px!important;background:var(--gold)!important;color:#111!important;font-size:11px!important;font-weight:900!important;float:none!important}
.workspace{
  min-width:0!important;max-width:1840px!important;width:100%!important;margin:0 auto!important;
  padding:24px clamp(18px,2.5vw,34px) 56px!important;background:transparent!important;
}
.workspace-top{
  position:sticky!important;top:0!important;z-index:15!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;
  margin:-24px calc(clamp(18px,2.5vw,34px)*-1) 22px!important;
  padding:16px clamp(18px,2.5vw,34px)!important;
  background:rgba(8,10,14,.78)!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid var(--line)!important;
}
.workspace-top h1{font-size:clamp(28px,2.3vw,40px)!important;line-height:1.05!important;margin:0!important}
.kicker{margin:0 0 5px!important;color:var(--gold)!important;font-size:10px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.13em!important}
.identity{
  display:flex!important;align-items:center!important;gap:10px!important;max-width:360px!important;
  padding:8px 10px!important;border-radius:999px!important;border:1px solid var(--line)!important;
  background:rgba(255,255,255,.055)!important;box-shadow:var(--shadow-soft)!important;
}
.identity img{width:34px!important;height:34px!important;border-radius:50%!important;object-fit:cover!important;background:#fff!important}
.identity span{max-width:170px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-weight:800!important}
.identity a{color:var(--muted)!important;border-left:1px solid var(--line)!important;padding-left:10px!important}
.hero-panel,.welcome{
  min-height:178px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;
  margin:0 0 18px!important;padding:24px clamp(20px,2.3vw,32px)!important;
  border:1px solid var(--line)!important;border-radius:22px!important;
  background:
    linear-gradient(135deg,rgba(229,180,73,.13),transparent 42%),
    linear-gradient(180deg,rgba(20,25,33,.92),rgba(10,13,18,.96))!important;
  box-shadow:var(--shadow)!important;overflow:hidden!important;
}
.hero-panel:before,.welcome:before{content:"";position:absolute;inset:auto 18px 0 18px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)!important;opacity:.52!important}
.hero-panel:after,.welcome:after{display:none!important}
.hero-panel h2,.welcome h1{font-size:clamp(34px,3.4vw,58px)!important;line-height:1.02!important;margin:7px 0 9px!important}
.hero-panel p,.welcome p{max-width:780px!important;font-size:15px!important;line-height:1.56!important;color:#d9dee7!important}
.hero-panel img,.welcome img{width:92px!important;max-width:18vw!important;opacity:.88!important;filter:drop-shadow(0 12px 22px rgba(0,0,0,.65))!important}
.hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}
.hero-actions .button{min-height:38px!important;padding:8px 12px!important}
.dashboard-hero{background:linear-gradient(135deg,rgba(229,180,73,.16),rgba(20,25,33,.94) 42%,rgba(10,13,18,.98))!important}
.admin-hero{background:linear-gradient(135deg,rgba(68,209,138,.13),rgba(20,25,33,.94) 40%,rgba(10,13,18,.98))!important}
.stat-grid,.stats{
  display:grid!important;grid-template-columns:repeat(auto-fit,minmax(172px,1fr))!important;gap:12px!important;margin:0 0 18px!important;
}
.stat-card,.metric{
  position:relative!important;min-height:96px!important;padding:15px!important;border-radius:16px!important;
  border:1px solid var(--line)!important;background:linear-gradient(180deg,rgba(18,23,30,.94),rgba(10,13,18,.96))!important;
  box-shadow:var(--shadow-soft)!important;overflow:hidden!important;
}
.stat-card:before,.metric:before{content:"";position:absolute;left:0;top:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold),rgba(122,162,255,.65),transparent)!important;opacity:.72!important}
.stat-card:after,.metric:after{display:none!important}
.stat-card span,.metric span{display:block!important;color:#c5cbd5!important;font-size:10px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.095em!important}
.stat-card b,.metric b{display:block!important;margin-top:8px!important;color:#fff7e7!important;font-size:clamp(22px,2vw,31px)!important;line-height:1.05!important;font-weight:900!important;letter-spacing:0!important}
.stat-card small,.metric small{display:block!important;margin-top:5px!important;color:var(--soft)!important;font-size:12px!important}
.content-grid,.two-col{
  display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr)!important;gap:16px!important;align-items:start!important;
}
.overview-grid,.admin-grid{grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr)!important}
.panel,.form-card,.shop-card,.idea-card,.rule-hit,.event-card,.giveaway-card,.vpn-card,.group-call-card,.passport-card,.player-hero,.notification-card,.wheel-reward-card,.wheel-result-card,.wheel-next,.chat-app,.chat-bubble,.chat-room,.chat-contact,.chat-search-hit{
  border-radius:18px!important;border:1px solid var(--line)!important;
  background:linear-gradient(180deg,rgba(18,23,30,.92),rgba(10,13,18,.94))!important;
  box-shadow:var(--shadow-soft)!important;
}
.panel{padding:16px!important;margin-bottom:16px!important}
.panel-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:-2px 0 12px!important;padding:0 0 12px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.panel h2{font-size:18px!important;margin:0!important}
.quick-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:9px!important}
.quick-grid .button,.quick-grid button,.report-link{min-height:42px!important;border-radius:14px!important;font-size:13px!important;line-height:1.15!important;white-space:normal!important}
button,.button,.primary-link,.dyn-submit,.dyn-template,.report-link{
  background:linear-gradient(180deg,#252b35,#171b22)!important;color:#f6f2e8!important;border-color:var(--line)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 18px rgba(0,0,0,.22)!important;
  font-weight:820!important;letter-spacing:0!important;
}
.quick-grid .button:first-child,.quick-grid button:first-child,.hero-actions .button:first-child,.form-card button:last-child:not(.secondary),.primary-link{
  background:linear-gradient(180deg,#fff0a6,#e4b64e 52%,#b87a18)!important;color:#14100a!important;border-color:rgba(255,225,141,.62)!important;
}
.button.secondary,button.secondary,.secondary,.filter-tabs a,.chat-mini-action,.chat-member-action{background:linear-gradient(180deg,#222832,#141820)!important;color:#e8ecf4!important;border-color:var(--line)!important}
input,textarea,select{border-radius:14px!important;background:rgba(4,6,9,.78)!important;border-color:var(--line)!important}
.table-wrap{border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;background:rgba(0,0,0,.16)!important;overflow:auto!important}
table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;font-size:13px!important}
th,td{padding:10px 12px!important;border-bottom:1px solid rgba(255,255,255,.075)!important;vertical-align:middle!important}
th{position:sticky!important;top:0!important;background:#121821!important;color:#cbd2de!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-weight:900!important;z-index:1!important}
tbody tr:hover{background:rgba(255,255,255,.035)!important}
.row{border-radius:14px!important;border-color:rgba(255,255,255,.09)!important;background:rgba(255,255,255,.025)!important}
.status-badge,.status-pill,.tag,.badge-cloud span,.pill{border-radius:999px!important;background:rgba(255,255,255,.055)!important;border:1px solid var(--line)!important}
.status-badge.ok,.status-pill.live,.tag.good{background:rgba(68,209,138,.12)!important;border-color:rgba(68,209,138,.38)!important;color:#dfffea!important}
.status-badge.bad,.tag.bad{background:rgba(240,106,106,.12)!important;border-color:rgba(240,106,106,.42)!important;color:#ffe4e4!important}
.bars{gap:10px!important}.bar-row>div{font-size:12px!important;color:#c2c8d2!important}.bar-row i{height:10px!important;background:linear-gradient(90deg,var(--gold),var(--blue))!important;box-shadow:0 0 18px rgba(122,162,255,.16)!important}
.viz-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin:0 0 18px!important}
.viz-ring-card,.viz-panel{border-radius:18px!important;border:1px solid var(--line)!important;background:linear-gradient(180deg,rgba(18,23,30,.92),rgba(10,13,18,.94))!important;box-shadow:var(--shadow-soft)!important}
.viz-ring{background:conic-gradient(var(--gold) calc(var(--pct)*1%),rgba(255,255,255,.08) 0)!important}.tone-green .viz-ring{background:conic-gradient(var(--green) calc(var(--pct)*1%),rgba(255,255,255,.08) 0)!important}.tone-blue .viz-ring{background:conic-gradient(var(--blue) calc(var(--pct)*1%),rgba(255,255,255,.08) 0)!important}.tone-red .viz-ring{background:conic-gradient(var(--red) calc(var(--pct)*1%),rgba(255,255,255,.08) 0)!important}
.wheel-hero{min-height:150px!important}.wheel-window{border-radius:18px!important;border-color:rgba(229,180,73,.36)!important;background:linear-gradient(180deg,rgba(7,9,12,.92),rgba(2,3,5,.94))!important}
.wheel-track{gap:10px!important}.wheel-tile{border-radius:16px!important;border-color:rgba(255,255,255,.1)!important;background:linear-gradient(180deg,#19202a,#0d1118)!important}.wheel-tile.result{border-color:rgba(229,180,73,.8)!important;background:linear-gradient(180deg,#40300f,#111720)!important}
.wheel-result-card,.wheel-vpn-choice{border-radius:18px!important}
.shop-grid,.idea-board,.giveaway-grid,.event-board,.group-call-board,.wheel-reward-grid{gap:12px!important}
.chat-app{border-radius:20px!important;overflow:hidden!important}.chat-sidebar,.chat-main-head,.chat-composer{background:linear-gradient(180deg,#11161e,#0a0d12)!important}
.passport-card,.player-hero{background:linear-gradient(135deg,rgba(23,29,38,.96),rgba(10,13,18,.98))!important}
@media(max-width:1180px){
  :root{--sidebar:218px}.content-grid,.two-col,.overview-grid,.admin-grid{grid-template-columns:1fr!important}.viz-grid{grid-template-columns:1fr!important}
}
@media(max-width:900px){
  .app-shell{display:block!important}.sidebar{position:relative!important;height:auto!important;border-right:0!important;border-bottom:1px solid var(--line)!important}
  .sidebar-nav{display:flex!important;gap:10px!important;overflow-x:auto!important;padding-bottom:4px!important}.nav-group{min-width:190px!important}.workspace{padding:16px 12px 44px!important}
  .workspace-top{position:relative!important;margin:-16px -12px 16px!important;padding:14px 12px!important}.hero-panel,.welcome{min-height:auto!important}.hero-panel img,.welcome img{display:none!important}
  .stat-grid,.stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
  .workspace-top{display:grid!important}.identity{width:100%!important;max-width:none!important}.stat-grid,.stats{grid-template-columns:1fr!important}
  .hero-panel h2,.welcome h1{font-size:30px!important}.hero-actions,.quick-grid{grid-template-columns:1fr!important;display:grid!important}.split,.form-inline{grid-template-columns:1fr!important;display:grid!important}
}

/* MIKI OS redesign v6: product dashboard, less noise, stronger data visualisation */
:root{
  --bg:#070a0f;--page:#0a0e15;--surface:#111821;--surface-2:#17202b;--surface-3:#202b39;
  --line:rgba(235,241,255,.12);--line-strong:rgba(235,241,255,.22);
  --text:#f6f1e6;--muted:#aeb8c7;--soft:#748093;
  --gold:#e7b74f;--gold-2:#ffe49b;--cyan:#7dd7ff;--blue:#86a4ff;--green:#4dd28e;--red:#f26f6f;
  --radius:18px;--radius-sm:12px;--sidebar:248px;
  --shadow:0 24px 70px rgba(0,0,0,.36);--shadow-soft:0 12px 30px rgba(0,0,0,.24);
}
body{
  background:
    radial-gradient(740px 430px at 18% -8%,rgba(231,183,79,.14),transparent 58%),
    radial-gradient(620px 420px at 92% -12%,rgba(125,215,255,.10),transparent 55%),
    linear-gradient(180deg,#070a0f 0%,#0a0e15 46%,#080b11 100%)!important;
  color:var(--text)!important;
  font:14px/1.52 "Inter","Segoe UI",Arial,sans-serif!important;
}
body:before{opacity:.08!important;background:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.035) 1px,transparent 1px)!important;background-size:80px 80px!important}
body:after{display:none!important}
.app-shell{grid-template-columns:var(--sidebar) minmax(0,1fr)!important;background:transparent!important}
.sidebar{
  padding:18px 12px!important;background:#080b11!important;border-right:1px solid var(--line)!important;
  box-shadow:none!important;
}
.brand{
  min-height:70px!important;border-radius:20px!important;border-color:var(--line)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;
  margin-bottom:18px!important;
}
.brand b{font-size:20px!important}.brand span{font-size:11px!important}
.sidebar-nav{gap:12px!important}
.nav-group{
  padding:8px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:18px!important;
  background:rgba(255,255,255,.018)!important;
}
.sidebar .nav-title{padding:0 8px 7px!important;margin:0!important;color:#f0cf83!important;font-size:10px!important}
.sidebar-nav a{
  min-height:34px!important;padding:8px 10px!important;border-radius:12px!important;
  color:#cfd6e2!important;font-size:12.5px!important;font-weight:760!important;
}
.sidebar-nav a.active{
  background:linear-gradient(90deg,rgba(231,183,79,.26),rgba(125,215,255,.08))!important;
  border-color:rgba(231,183,79,.42)!important;box-shadow:inset 3px 0 0 var(--gold)!important;
}
.workspace{
  max-width:1760px!important;padding:26px clamp(20px,2.6vw,42px) 64px!important;
}
.workspace-top{
  margin:-26px calc(clamp(20px,2.6vw,42px)*-1) 24px!important;
  padding:17px clamp(20px,2.6vw,42px)!important;
  background:rgba(7,10,15,.82)!important;border-bottom:1px solid var(--line)!important;
}
.workspace-top h1{font-size:clamp(30px,2.45vw,44px)!important;font-weight:880!important}
.identity{background:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.13)!important;border-radius:16px!important}
.hero-panel,.welcome{
  min-height:206px!important;padding:28px clamp(24px,3vw,42px)!important;border-radius:26px!important;
  background:
    linear-gradient(135deg,rgba(231,183,79,.15),rgba(125,215,255,.06) 44%,rgba(17,24,33,.97) 100%)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:var(--shadow)!important;
}
.hero-panel:before,.welcome:before{display:none!important}
.hero-panel h2,.welcome h1{font-size:clamp(38px,4.4vw,72px)!important;font-weight:900!important;line-height:.96!important;margin:6px 0 12px!important}
.hero-panel p,.welcome p{font-size:16px!important;color:#dbe2ec!important;max-width:860px!important}
.hero-panel img,.welcome img{width:112px!important;opacity:.92!important}
.hero-actions .button{min-height:42px!important}
.stat-grid,.stats{
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:14px!important;margin-bottom:20px!important;
}
.stat-card,.metric{
  min-height:112px!important;border-radius:20px!important;background:linear-gradient(180deg,rgba(18,25,34,.96),rgba(10,14,20,.96))!important;
  border-color:rgba(255,255,255,.11)!important;box-shadow:var(--shadow-soft)!important;
}
.stat-card:before,.metric:before{height:3px!important;background:linear-gradient(90deg,var(--gold),var(--cyan),transparent)!important}
.stat-card span,.metric span{font-size:10px!important;color:#cad2df!important}
.stat-card b,.metric b{font-size:clamp(24px,2.4vw,34px)!important;color:#fff7e4!important}
.content-grid,.two-col,.overview-grid,.admin-grid{
  grid-template-columns:minmax(0,1.18fr) minmax(420px,.82fr)!important;gap:18px!important;
}
.panel,.form-card,.shop-card,.idea-card,.rule-hit,.event-card,.giveaway-card,.vpn-card,.group-call-card,.passport-card,.player-hero,.notification-card,.wheel-reward-card,.wheel-result-card,.wheel-next,.chat-app,.chat-bubble,.chat-room,.chat-contact,.chat-search-hit{
  border-radius:22px!important;background:linear-gradient(180deg,rgba(18,25,34,.94),rgba(9,13,19,.96))!important;
  border-color:rgba(255,255,255,.105)!important;box-shadow:var(--shadow-soft)!important;
}
.panel{padding:18px!important}
.panel-head{padding-bottom:13px!important;margin-bottom:14px!important}
.panel h2{font-size:19px!important}
button,.button,.primary-link,.dyn-submit,.dyn-template,.report-link{
  min-height:42px!important;border-radius:14px!important;background:linear-gradient(180deg,#273342,#17202b)!important;
  color:#eef3fb!important;border-color:rgba(255,255,255,.13)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 9px 20px rgba(0,0,0,.2)!important;
}
button:hover,.button:hover,.primary-link:hover{transform:translateY(-1px)!important;filter:brightness(1.06)!important}
.quick-grid .button:first-child,.quick-grid button:first-child,.hero-actions .button:first-child,.form-card button:last-child:not(.secondary),.primary-link{
  background:linear-gradient(180deg,#fff2ad,#e7b74f 52%,#a96f17)!important;color:#16110a!important;border-color:rgba(255,229,150,.62)!important;
}
.button.secondary,button.secondary,.secondary,.filter-tabs a{background:linear-gradient(180deg,#222b37,#141a23)!important;color:#e6edf7!important}
input,textarea,select{border-radius:14px!important;background:#070b11!important;border-color:rgba(255,255,255,.12)!important}
.table-wrap{border-radius:20px!important}
th{background:#141c26!important}
td,th{padding:11px 12px!important}
.viz-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:16px!important}
.viz-ring-card,.viz-panel{border-radius:22px!important;background:linear-gradient(180deg,rgba(18,25,34,.94),rgba(9,13,19,.96))!important;border-color:rgba(255,255,255,.105)!important}
.viz-ring{width:96px!important;height:96px!important}.viz-ring:after{inset:11px!important;background:#0a0f16!important}
.viz-ring b{font-size:25px!important}
.wheel-hero{background:linear-gradient(135deg,rgba(231,183,79,.18),rgba(125,215,255,.08),rgba(12,17,24,.98))!important}
.wheel-window{border-radius:22px!important;border-color:rgba(231,183,79,.38)!important}
.wheel-tile{border-radius:18px!important;flex-basis:132px!important;height:134px!important}
.wheel-result-card{border-radius:22px!important}
.wheel-reward-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr))!important}
.chat-app{height:calc(100vh - 150px)!important}
@media(max-width:1180px){
  :root{--sidebar:226px}.content-grid,.two-col,.overview-grid,.admin-grid{grid-template-columns:1fr!important}
}
@media(max-width:900px){
  .app-shell{display:block!important}.sidebar{position:relative!important;height:auto!important}.sidebar-nav{display:flex!important;overflow-x:auto!important}.nav-group{min-width:210px!important}
  .workspace{padding:16px 12px 44px!important}.workspace-top{position:relative!important;margin:-16px -12px 16px!important}
}
@media(max-width:640px){
  .stat-grid,.stats{grid-template-columns:1fr!important}.hero-panel,.welcome{padding:20px!important;border-radius:20px!important}.hero-panel h2,.welcome h1{font-size:34px!important}
  .wheel-tile{flex-basis:104px!important;height:112px!important}
}