:root{
  --bg:#070a10;
  --panel:#0f1520;
  --panel2:#141b28;
  --line:#273044;
  --text:#f6f7fb;
  --muted:#8e99ad;
  --purple:#806cff;
  --cyan:#42d8ff;
  --green:#36e59a;
  --orange:#ffb45e;
  --danger:#ff6b7d;
  --radius:16px;
  --shadow:0 22px 70px rgba(0,0,0,.28);
}
html{scrollbar-color:#313b51 #090d14}
body{background:
  radial-gradient(circle at 76% -8%,rgba(87,73,205,.18),transparent 28%),
  radial-gradient(circle at 32% 110%,rgba(26,116,137,.09),transparent 30%),
  var(--bg);color:var(--text)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}

/* Belépés */
.login-shell{position:relative;grid-template-columns:minmax(0,1.15fr) minmax(460px,.85fr);background:#070a10}
.hero-panel{border-right:1px solid rgba(125,139,170,.18);padding:44px clamp(48px,6vw,110px);background:linear-gradient(145deg,rgba(7,10,16,.74),rgba(10,14,24,.9)),radial-gradient(circle at 52% 45%,rgba(115,91,255,.2),transparent 33%)}
.hero-panel:after{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(130,111,255,.12);border-radius:50%;left:47%;top:47%;transform:translate(-50%,-50%);box-shadow:0 0 0 90px rgba(119,99,255,.025),0 0 0 180px rgba(119,99,255,.015)}
.brand{gap:14px;letter-spacing:.7px}.brand-logo{border:1px solid rgba(145,130,255,.32);box-shadow:0 12px 35px rgba(102,78,255,.32)}
.hero-copy{z-index:1}.hero-copy h1{font-size:clamp(52px,5.4vw,88px);line-height:.98;letter-spacing:-4.8px;margin:20px 0 27px}.hero-copy h1 em{background:linear-gradient(110deg,#a99dff,#6c5cff 58%,#44d5ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy p{font-size:16px;color:#a1aabc;max-width:610px}
.server-chart{z-index:1;width:min(380px,100%);border-color:rgba(114,130,161,.27);background:linear-gradient(145deg,rgba(19,26,39,.88),rgba(10,15,23,.92));box-shadow:var(--shadow);border-radius:18px;padding:17px 18px 13px}
.login-panel{position:relative;background:linear-gradient(145deg,rgba(12,16,25,.94),rgba(7,10,16,.98));padding:50px}
.login-card{width:min(440px,100%);padding:34px;border:1px solid rgba(102,115,142,.2);border-radius:22px;background:linear-gradient(145deg,rgba(19,25,37,.76),rgba(10,14,22,.72));box-shadow:0 35px 90px rgba(0,0,0,.25);backdrop-filter:blur(18px)}
.login-card h2{font-size:38px;margin:10px 0 8px}.login-card .muted{margin-bottom:28px}

/* Navigáció és fejléc */
.sidebar{width:268px;padding:24px 16px 18px;border-right:1px solid rgba(104,119,149,.2);background:linear-gradient(180deg,rgba(11,15,23,.98),rgba(7,10,16,.99));box-shadow:14px 0 55px rgba(0,0,0,.16)}
.nav-brand{padding:2px 13px 24px}.nav-brand .brand-logo{width:42px;height:42px;border-radius:13px}
.sidebar nav{overflow-y:auto;overflow-x:hidden;padding-right:4px;scrollbar-width:thin;scrollbar-color:#293247 transparent}
.sidebar nav small{margin:21px 13px 8px;font-size:8px;color:#556078;letter-spacing:1.8px}
.sidebar nav a{position:relative;min-height:45px;padding:11px 13px;border:1px solid transparent;border-radius:11px;color:#939eb2;font-size:12px;transition:background .2s,border-color .2s,color .2s,transform .2s}
.sidebar nav a>span{width:21px;color:#8190aa;transition:.2s}.sidebar nav a>b{background:#202839;border:1px solid #2a3448;color:#9aa6bb}
.sidebar nav a:hover{color:#f6f7fb;background:rgba(255,255,255,.035);border-color:rgba(108,122,151,.16);transform:translateX(2px)}
.sidebar nav a.active{color:#fff;background:linear-gradient(100deg,rgba(124,105,255,.18),rgba(27,34,49,.88));border-color:rgba(128,108,255,.24);box-shadow:inset 3px 0 #806cff,0 10px 30px rgba(0,0,0,.15)}
.sidebar nav a.active>span{color:#a99eff}
.app-shell{margin-left:268px}
.app-shell header{height:76px;padding:0 clamp(24px,3.5vw,62px);border-bottom:1px solid rgba(103,118,148,.19);background:rgba(8,12,19,.78);box-shadow:0 8px 35px rgba(0,0,0,.12);backdrop-filter:blur(20px)}
.header-actions{gap:12px}.points{border-color:rgba(128,108,255,.3);background:rgba(128,108,255,.1);color:#b3aaff;border-radius:10px;padding:9px 12px}
.avatar{border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 24px rgba(92,72,226,.25)}
.header-logout{height:38px;border-color:#303a4d;background:#111722;padding:9px 13px}.header-logout:hover{border-color:rgba(255,107,125,.4);background:rgba(255,107,125,.08)}

/* Általános tartalom */
.content{padding:48px clamp(26px,4vw,72px) 56px}
.content>:not(dialog){width:min(100%,1240px)}
.page-title{align-items:center;margin-bottom:28px;min-height:72px}.page-title h1{font-size:34px;letter-spacing:-1.5px;margin:7px 0 5px}.page-title p{color:#8f9aaf}.eyebrow{font-size:9px;letter-spacing:2.35px;color:#988bff}
.panel,.entity-card{border:1px solid rgba(103,119,150,.23);border-radius:var(--radius);background:linear-gradient(145deg,rgba(18,24,35,.96),rgba(12,17,26,.96));box-shadow:0 16px 45px rgba(0,0,0,.11);transition:border-color .22s,transform .22s,box-shadow .22s}
.entity-card:hover,.news-admin-card:hover{border-color:rgba(128,108,255,.34);transform:translateY(-2px);box-shadow:0 22px 60px rgba(0,0,0,.18)}
.panel-head{border-bottom:1px solid rgba(103,119,150,.18);margin-bottom:2px}.panel-head h2,.form-panel h2{font-size:17px}
.primary{min-height:44px;border-radius:11px;padding:12px 18px;background:linear-gradient(135deg,#8b77ff,#6654e8);box-shadow:0 12px 32px rgba(105,83,235,.24);transition:transform .2s,box-shadow .2s,filter .2s}
.primary:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(105,83,235,.34)}
input,select,textarea{border-color:#2a3447;background:#0c111a;border-radius:11px;padding:13px 14px;transition:border-color .2s,box-shadow .2s,background .2s}
input:hover,select:hover,textarea:hover{border-color:#354158;background:#0e141e}
input:focus,select:focus,textarea:focus{border-color:#806cff;box-shadow:0 0 0 4px rgba(128,108,255,.11)}
dialog{border-color:#303a50;border-radius:20px;background:linear-gradient(145deg,#121925,#0b1018);box-shadow:0 35px 100px rgba(0,0,0,.7)}
dialog::backdrop{background:rgba(2,4,8,.78);backdrop-filter:blur(8px)}
.toast{top:22px;right:22px;border-radius:12px;background:#151d29;box-shadow:0 18px 55px rgba(0,0,0,.5)}
.empty{min-height:100px;display:grid;place-items:center;border-radius:13px;color:#6f7c93;background:rgba(7,11,17,.26)}

/* Dashboard */
.stats-grid{gap:15px;margin-bottom:19px}.stats-grid article{min-height:92px;border-color:rgba(103,119,150,.22);border-radius:15px;padding:19px;background:linear-gradient(145deg,rgba(19,26,38,.96),rgba(12,17,26,.96));box-shadow:0 14px 38px rgba(0,0,0,.1)}
.stat-icon{width:46px;height:46px;border-radius:13px}.stats-grid strong{font-size:20px;letter-spacing:-.4px}.dashboard-grid{gap:19px}.news{overflow:hidden}.news-card{border-color:rgba(103,119,150,.17);padding:20px 0}.news-card h3{font-size:16px}

/* Entitások */
.card-grid{gap:17px}.vehicle-visual,.property-visual{border:1px solid rgba(95,110,139,.19);background:radial-gradient(circle at 50% 35%,#29344b,#111722 68%);border-radius:13px}
.vehicle-visual{height:150px}.vehicle-visual>img{padding:5px}.entity-card h2{letter-spacing:-.4px}.entity-stats{border-color:rgba(103,119,150,.18)}.progress{height:5px}
.character-detail{border-radius:18px}.character-main{grid-template-columns:220px 1fr;min-height:270px}.skin-showcase{background:radial-gradient(circle at 50% 32%,#34415c,#111722 70%)}.character-info{padding:30px}.inventory{padding:23px;border-color:rgba(103,119,150,.18)}.item-grid{gap:10px}.item-slot{border-color:rgba(103,119,150,.2);background:#0b1018;border-radius:11px}

/* Shop, kérések, admin és táblázatok */
.package-grid{gap:17px}.pp-package{border-color:rgba(103,119,150,.22);border-radius:17px;background:linear-gradient(145deg,#141b28,#0d131d);box-shadow:0 18px 48px rgba(0,0,0,.15)}.pp-package.featured{border-color:rgba(128,108,255,.48);box-shadow:0 20px 60px rgba(91,69,218,.16)}
.request-row,.payment-row{border-color:rgba(103,119,150,.17)}.request-status{border:1px solid rgba(111,125,153,.18)}
.admin-table-wrap{border-radius:16px}.admin-table th{background:rgba(8,12,18,.42);color:#748198}.admin-table td{border-color:rgba(103,119,150,.14)}.admin-table tbody tr{transition:background .18s}.admin-table tbody tr:hover{background:rgba(128,108,255,.035)}
.news-admin-grid,.request-admin-grid{gap:17px}.approve-button,.reject-button,.mini-button{border-radius:9px}
.settings-panel{box-shadow:var(--shadow)}.profile{border-color:rgba(103,119,150,.18)}
footer{color:#465167;padding-bottom:28px}

/* Mozgás és fókusz */
@media(prefers-reduced-motion:no-preference){
  .sidebar nav a,.primary,.entity-card,.news-admin-card{will-change:transform}
}
@media(max-width:1100px){
  .sidebar{width:244px}.app-shell{margin-left:244px}.content{padding-inline:28px}
  .character-main{grid-template-columns:180px 1fr}
}
@media(max-width:760px){
  .login-shell{display:block}.login-panel{padding:28px 20px}.login-card{padding:25px 22px;border-radius:18px}.mobile-brand{margin-bottom:44px}
  .sidebar{width:min(286px,86vw);transform:translateX(-105%)}.app-shell{margin-left:0}.app-shell header{padding:0 18px}.content{padding:30px 17px 45px}
  .page-title{align-items:flex-start}.page-title h1{font-size:29px}.stats-grid{gap:10px}.stats-grid article{min-height:82px}
  .character-main{display:block}.skin-showcase{height:230px}.character-info{padding:23px}.item-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  .header-actions{gap:7px}.avatar{width:35px;height:35px}.header-logout{padding:8px}.page-title{margin-bottom:22px}
  .stats-grid{grid-template-columns:1fr}.readonly-grid{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr}
}

/* 2026 detailed interface pass */
::selection{background:rgba(128,108,255,.38);color:#fff}
.app-body{background-color:#070a10}
.app-body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 82% 10%,rgba(91,72,215,.12),transparent 26%),radial-gradient(circle at 72% 85%,rgba(41,160,194,.06),transparent 25%)}
.sidebar:after{content:"VELTRIX ROLEPLAY";display:block;margin:18px 13px 2px;color:#30394c;font-size:7px;font-weight:800;letter-spacing:2px}
.nav-brand span{font-size:15px}.nav-brand:after{content:"UCP";margin-left:auto;padding:4px 6px;border:1px solid #30394a;border-radius:6px;color:#657087;font-size:7px;letter-spacing:1px}
.header-user{position:relative;padding-left:15px}.header-user:before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:2px;border-radius:2px;background:linear-gradient(var(--purple),var(--cyan))}
.header-live{display:flex;align-items:center;gap:7px;color:#778398;font-size:9px;font-weight:700}.header-live i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}

.dashboard-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:35px;min-height:236px;margin-bottom:19px;padding:38px 42px;overflow:hidden;border:1px solid rgba(128,108,255,.28);border-radius:22px;background:linear-gradient(120deg,rgba(26,31,49,.98),rgba(13,18,29,.97) 60%,rgba(21,20,47,.96));box-shadow:0 24px 70px rgba(0,0,0,.2)}
.dashboard-hero:before{content:"";position:absolute;width:380px;height:380px;right:-90px;top:-210px;border:1px solid rgba(151,137,255,.15);border-radius:50%;box-shadow:0 0 0 58px rgba(128,108,255,.025),0 0 0 116px rgba(128,108,255,.018)}
.dashboard-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 55%,rgba(128,108,255,.055)),repeating-linear-gradient(90deg,transparent 0 79px,rgba(255,255,255,.013) 80px)}
.dashboard-hero-copy{position:relative;z-index:1;max-width:680px}.dashboard-hero h1{margin:8px 0 10px;font-size:clamp(30px,3.3vw,48px);line-height:1.08;letter-spacing:-2.3px}.dashboard-hero p{max-width:620px;margin:0;color:#929db1;font-size:13px;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:12px;margin-top:23px}.hero-actions .primary{min-height:42px;padding:11px 16px;font-size:10px;gap:18px}.secondary-action{padding:11px 15px;border:1px solid #30394d;border-radius:10px;color:#a1aabd;font-size:10px;font-weight:700;transition:.2s}.secondary-action:hover{color:#fff;border-color:#4a5570;background:rgba(255,255,255,.025)}
.account-level{position:relative;z-index:1;display:flex;align-items:center;gap:15px;min-width:238px;padding:18px;border:1px solid rgba(132,117,239,.22);border-radius:15px;background:rgba(8,11,19,.46);backdrop-filter:blur(14px)}.account-level-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(166,153,255,.35);border-radius:14px;background:linear-gradient(145deg,#8875ff,#5443c7);box-shadow:0 13px 35px rgba(103,80,232,.3);font-weight:900}.account-level div{display:grid}.account-level small{color:#6f7a91;font-size:7px;letter-spacing:1.4px}.account-level strong{margin:3px 0 2px;font-size:16px}.account-level div span{color:#8f99ac;font-size:8px}
.stats-grid article{position:relative;overflow:hidden}.stats-grid article:after{content:"";position:absolute;inset:auto -20px -45px auto;width:90px;height:90px;border-radius:50%;background:currentColor;opacity:.025}.stat-note{margin-top:3px;color:#59657a;font-size:8px}.stats-grid article>div{min-width:0}.stats-grid strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.panel-head>div small{display:block;margin-bottom:4px;letter-spacing:1.3px}.news-card{position:relative;padding-left:3px}.dynamic-news h3{font-size:18px;letter-spacing:-.3px}.dynamic-news p{max-width:900px;line-height:1.8}.news-image{border-radius:12px}
.entity-card,.panel,.pp-package{isolation:isolate}.entity-card:focus-within,.panel:focus-within{border-color:rgba(128,108,255,.42)}
.status,.request-status,.ticket-status{font-weight:800;letter-spacing:.7px}
.empty:before{content:"◇";display:block;margin-bottom:6px;color:#58647a;font-size:18px}

@media(max-width:1000px){.account-level{display:none}.dashboard-hero{padding:34px}}
@media(max-width:760px){.header-live{display:none}.dashboard-hero{min-height:0;padding:28px 23px;border-radius:18px}.dashboard-hero h1{font-size:31px}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions a{text-align:center}}
@media(max-width:480px){.dashboard-hero{padding:25px 20px}.dashboard-hero p{font-size:11px}.dashboard-hero h1{font-size:28px}.header-user small{display:none}}

.store-page-title{align-items:center}.store-balance{display:flex;align-items:center;gap:11px;padding:11px 15px;border:1px solid rgba(128,108,255,.28);border-radius:12px;background:rgba(128,108,255,.08)}.store-balance>span{color:#a99eff;font-size:18px;text-shadow:0 0 20px #806cff}.store-balance div{display:grid}.store-balance small{color:#777f94;font-size:7px;letter-spacing:1px}.store-balance strong{margin-top:2px;font-size:13px}
.maintenance-stage{position:relative;min-height:520px;padding:58px 56px 34px;overflow:hidden;border:1px solid rgba(108,94,209,.28);border-radius:23px;background:radial-gradient(circle at 82% 26%,rgba(102,80,223,.2),transparent 28%),linear-gradient(135deg,#151b29,#0d121c 60%,#111326);box-shadow:0 28px 80px rgba(0,0,0,.22)}.maintenance-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000,transparent)}
.maintenance-copy{position:relative;z-index:2;max-width:650px}.maintenance-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(255,180,94,.28);border-radius:20px;background:rgba(255,180,94,.08);color:#ffc27d;font-size:8px;font-weight:800;letter-spacing:1.2px}.maintenance-badge i{width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 12px var(--orange)}.maintenance-copy h2{margin:19px 0 13px;font-size:clamp(36px,4vw,58px);line-height:1;letter-spacing:-3px}.maintenance-copy>p{max-width:610px;margin:0;color:#929caf;font-size:13px;line-height:1.8}.maintenance-actions{display:flex;gap:11px;margin-top:27px}.maintenance-actions .primary,.maintenance-actions .secondary-action{font-size:10px}
.maintenance-orbit{position:absolute;right:7%;top:60px;width:230px;height:230px;border:1px solid rgba(148,132,255,.15);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 35px rgba(128,108,255,.025),0 0 0 70px rgba(128,108,255,.018)}.maintenance-orbit>span{display:grid;place-items:center;width:82px;height:82px;border:1px solid rgba(161,147,255,.35);border-radius:24px;background:linear-gradient(145deg,#8976ff,#5140c5);box-shadow:0 20px 60px rgba(104,81,231,.42);color:#fff;font-size:31px;transform:rotate(45deg)}.maintenance-orbit i{position:absolute;width:9px;height:9px;border-radius:50%;background:#806cff;box-shadow:0 0 16px #806cff}.maintenance-orbit i:nth-of-type(1){left:11px;top:72px}.maintenance-orbit i:nth-of-type(2){right:29px;bottom:39px;background:var(--cyan);box-shadow:0 0 16px var(--cyan)}.maintenance-orbit i:nth-of-type(3){right:23px;top:42px;width:5px;height:5px;background:var(--orange)}
.maintenance-meta{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:55px}.maintenance-meta article{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid rgba(103,119,150,.17);border-radius:13px;background:rgba(7,11,18,.38);backdrop-filter:blur(12px)}.meta-icon{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:9px;font-size:11px;font-weight:900}.meta-icon.shield{color:var(--green);background:rgba(54,229,154,.09)}.meta-icon.history{color:#a99eff;background:rgba(128,108,255,.1)}.meta-icon.support{color:var(--cyan);background:rgba(66,216,255,.09)}.maintenance-meta strong{display:block;font-size:9px}.maintenance-meta p{margin:5px 0 0;color:#6f7a8e;font-size:8px;line-height:1.55}
.maintenance-history{margin-top:18px}.history-count{padding:6px 9px;border-radius:7px;background:#1b2230;color:#798499;font-size:8px}.store-empty{display:grid;justify-items:center;padding:42px 20px;text-align:center}.store-empty>span{color:#6255c1;font-size:25px}.store-empty strong{margin-top:8px;font-size:11px}.store-empty p{margin:5px 0 0;color:#687387;font-size:9px}
@media(max-width:1050px){.maintenance-orbit{opacity:.3;right:-30px}.maintenance-copy{max-width:590px}.maintenance-meta{grid-template-columns:1fr}}
@media(max-width:650px){.store-page-title{align-items:flex-start}.store-balance{margin-top:10px}.maintenance-stage{min-height:0;padding:34px 23px 23px}.maintenance-orbit{display:none}.maintenance-copy h2{font-size:36px;letter-spacing:-2px}.maintenance-copy>p{font-size:11px}.maintenance-actions{align-items:stretch;flex-direction:column}.maintenance-actions a{text-align:center}.maintenance-meta{margin-top:35px}.maintenance-history .payment-row{grid-template-columns:1fr auto}}
.store-admin-control{display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(100%,1000px)!important;margin:0 auto 18px!important;padding:20px 22px}.store-control-copy{display:flex;align-items:center;gap:15px}.control-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:12px;background:rgba(128,108,255,.11);color:#a99eff;font-size:18px}.store-control-copy h2{margin:4px 0;font-size:15px}.store-control-copy p{margin:0;color:#778297;font-size:9px}.store-control-state{display:flex;align-items:center;gap:12px}.store-control-state>.request-status{display:flex;align-items:center;gap:6px}.store-control-state>.request-status i{width:5px;height:5px;border-radius:50%;background:currentColor}.maintenance-button{border:0;border-radius:8px;padding:9px 12px;background:rgba(255,180,94,.13);color:var(--orange);font-size:9px;font-weight:800;cursor:pointer}
@media(max-width:700px){.store-admin-control{align-items:flex-start;flex-direction:column}.store-control-state{width:100%;justify-content:space-between}}

/* Polished detail pass */
.dashboard-grid,.support-grid,.request-admin-grid,.news-admin-grid,.admin-ticket-list,.card-grid,.package-grid,.stats-grid,.maintenance-meta,.ucp-profile-layout{gap:18px}
.page-title,.panel-head,.ticket-row,.request-card-head,.ticket-admin-head,.store-control-state,.payment-row,.news-admin-head,.character-vehicle-popup-head{align-items:center}
.page-title h1,.hero-copy h1,.maintenance-copy h2,.ucp-profile-heading h1{letter-spacing:-.06em}
.panel,.entity-card,.pp-package,.admin-ticket,.player-ticket,.news-card,.request-card,.maintenance-stage,.store-admin-control,.login-card,.server-chart,.hero-panel,.sidebar nav a,.header-logout,.primary,.reject-button,.approve-button,.mini-button{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease,opacity .2s ease}
.panel:hover,.entity-card:hover,.pp-package:hover,.admin-ticket:hover,.player-ticket:hover,.request-card:hover,.news-admin-card:hover,.news-card:hover{transform:translateY(-2px);box-shadow:0 18px 50px rgba(0,0,0,.18)}
.panel h2,.entity-card h2,.pp-package strong,.admin-ticket h2,.player-ticket strong,.request-card h2{font-weight:800}
.panel p,.entity-card p,.player-ticket p,.request-card p,.news-card p,.maintenance-copy>p{line-height:1.75}
.eyebrow,.request-status,.ticket-status,.status{font-weight:800;letter-spacing:.12em}
.tag,.request-status,.ticket-status,.status,.history-count,.store-balance,.maintenance-badge,.control-icon,.avatar,.stat-icon,.meta-icon,.skin-avatar,.skin-large,.server-chart,.server-pill,.primary,.mini-button,.approve-button,.reject-button,.maintenance-button{border:1px solid rgba(128,108,255,.12)}
.tag,.request-status,.ticket-status,.status{box-shadow:0 10px 26px rgba(0,0,0,.12)}
.news-card{position:relative;padding:18px 0 18px 18px;border-left:1px solid rgba(103,119,150,.12)}
.news-card:before{content:"";position:absolute;left:-1px;top:22px;width:2px;height:22px;border-radius:2px;background:linear-gradient(var(--purple),var(--cyan));opacity:.85}
.news-image{display:block;width:100%;max-height:280px;object-fit:cover;border:1px solid rgba(103,119,150,.2);box-shadow:0 16px 40px rgba(0,0,0,.18);aspect-ratio:1/1;border-radius:12px}
.ucp-profile-layout{display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);align-items:start}
.ucp-profile-side,.ucp-profile-main{display:grid;gap:18px}
.ucp-box{border:1px solid rgba(103,119,150,.2);border-radius:18px;background:linear-gradient(145deg,rgba(18,24,35,.96),rgba(11,16,24,.96));box-shadow:0 16px 45px rgba(0,0,0,.12)}
.ucp-box h2{display:flex;align-items:center;gap:10px;font-size:16px}
.ucp-portrait{position:relative;overflow:hidden;border-radius:18px;border:1px solid rgba(103,119,150,.2);box-shadow:0 18px 50px rgba(0,0,0,.24)}
.ucp-portrait img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
.ucp-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 62%,rgba(0,0,0,.6));pointer-events:none}
.ucp-portrait .status{position:absolute;left:14px;bottom:14px;z-index:1}
.ucp-facts{gap:12px}.ucp-facts div{padding:12px 0;border-top:1px solid rgba(103,119,150,.14)}.ucp-facts div:first-child{border-top:0;padding-top:0}
.ucp-facts dt,.ucp-table th,.admin-table th,.panel-head small,.news-admin-head small,.ticket-admin-head small,.player-ticket small{color:#7d879a;font-weight:700;text-transform:uppercase;letter-spacing:.1em}
.ucp-table,.admin-table{border-collapse:separate;border-spacing:0 10px}
.ucp-table thead th,.admin-table thead th{background:transparent;border-bottom:1px solid rgba(103,119,150,.2)}
.ucp-table tbody tr,.admin-table tbody tr{background:rgba(255,255,255,.015)}
.ucp-table tbody td,.admin-table tbody td{border-top:1px solid rgba(103,119,150,.1);border-bottom:1px solid rgba(103,119,150,.1)}
.ucp-table tbody td:first-child,.admin-table tbody td:first-child{border-left:1px solid rgba(103,119,150,.1);border-top-left-radius:12px;border-bottom-left-radius:12px}
.ucp-table tbody td:last-child,.admin-table tbody td:last-child{border-right:1px solid rgba(103,119,150,.1);border-top-right-radius:12px;border-bottom-right-radius:12px}
.ucp-table tbody tr:hover td,.admin-table tbody tr:hover td{background:rgba(128,108,255,.045)}
.ucp-inventory{overflow:hidden}
.ucp-inventory h2{margin-bottom:2px}
.ucp-inventory h2 small{margin-left:8px;color:#7c869a}
.ucp-inventory-board{width:100%;max-width:100%;margin-top:16px;padding:14px;border:1px solid rgba(103,119,150,.18);border-radius:18px;background:linear-gradient(180deg,rgba(12,17,26,.9),rgba(8,12,18,.95));box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 18px 50px rgba(0,0,0,.16)}
.ucp-inventory-tabs{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px;padding:8px;border:1px solid rgba(103,119,150,.14);border-radius:14px;background:rgba(255,255,255,.015)}
.ucp-inventory-tabs button{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid transparent;border-radius:11px;background:rgba(255,255,255,.02);color:#748196;cursor:pointer;transition:transform .18s,border-color .18s,background .18s,color .18s,box-shadow .18s}
.ucp-inventory-tabs button .v-icon{width:20px;height:20px}
.ucp-inventory-tabs button:hover{transform:translateY(-1px);color:#dce3f1;border-color:rgba(128,108,255,.18);background:rgba(128,108,255,.06)}
.ucp-inventory-tabs button.active{color:var(--green);border-color:rgba(54,229,154,.24);background:rgba(54,229,154,.07);box-shadow:0 10px 24px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.04)}
.ucp-item-grid{display:none;grid-template-columns:repeat(10,minmax(0,1fr));gap:7px;justify-content:center}
.ucp-item-grid.active{display:grid}
.ucp-item{position:relative;aspect-ratio:1/1;display:grid;place-items:center;border-radius:12px;border:1px solid rgba(103,119,150,.18);background:
  radial-gradient(circle at 50% 25%,rgba(255,255,255,.03),transparent 50%),
  linear-gradient(180deg,rgba(25,31,44,.98),rgba(12,17,26,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 10px 24px rgba(0,0,0,.16)}
.ucp-item:before{content:"";position:absolute;inset:1px;border-radius:11px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 55%);pointer-events:none}
.ucp-item:hover{border-color:rgba(128,108,255,.26);transform:translateY(-1px);box-shadow:0 14px 28px rgba(0,0,0,.18)}
.ucp-item img{width:72%;height:72%;aspect-ratio:1/1;object-fit:contain;display:block;filter:drop-shadow(0 10px 18px rgba(0,0,0,.34))}
.ucp-item>span{position:absolute;right:6px;bottom:5px;color:#fff;font-size:10px;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.9)}
.ucp-item.empty-slot{opacity:.72;background:linear-gradient(180deg,rgba(18,23,33,.96),rgba(10,14,20,.96));border-style:dashed}
.ucp-item.empty-slot:hover{opacity:1}
.weapon-skill-row i,.ucp-meter i{background:#1a2130;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.weapon-skill-row em,.ucp-meter em{box-shadow:0 0 16px rgba(128,108,255,.2)}
.player-ticket,.admin-ticket,.admin-request,.news-admin-card,.pp-package{padding:22px}
.ticket-chat-message,.ticket-reply,.player-reason,.store-empty,.info-empty,.character-group-card,.character-group-empty,.request-card dl,.request-card .player-reason,.maintenance-meta article{border-radius:14px}
.ticket-chat-message{background:rgba(255,255,255,.02);border:1px solid rgba(103,119,150,.12)}
.ticket-chat-message.admin{background:rgba(128,108,255,.06)}
.ticket-chat-message.player{background:rgba(66,216,255,.05)}
.form-panel label input,.form-panel label select,.form-panel label textarea{border-radius:12px}
.form-panel label input:focus,.form-panel label select:focus,.form-panel label textarea:focus{transform:translateY(-1px)}
.dialog-close,.ucp-row-link{border-radius:10px;border:1px solid rgba(103,119,150,.18);background:#121926;color:#dde3ef}
.dialog-close:hover,.ucp-row-link:hover{border-color:rgba(128,108,255,.32);background:rgba(128,108,255,.08)}
.primary:disabled,.approve-button:disabled,.reject-button:disabled,.maintenance-button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}
.sidebar nav a:focus-visible,.primary:focus-visible,.header-logout:focus-visible,.menu:focus-visible,.ucp-row-link:focus-visible,.dialog-close:focus-visible{outline:2px solid rgba(128,108,255,.55);outline-offset:2px}
@media(max-width:1100px){.ucp-profile-layout{grid-template-columns:1fr}.ucp-profile-side{grid-template-columns:repeat(2,minmax(0,1fr))}.ucp-portrait{grid-column:1/-1}.ucp-item-grid{gap:6px}}
@media(max-width:760px){.ucp-profile-side{grid-template-columns:1fr}.player-ticket,.admin-ticket,.admin-request,.news-admin-card,.pp-package{padding:18px}.news-card{padding-left:0;border-left:0}.news-card:before{display:none}.ucp-inventory-board{padding:12px}.ucp-item-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}}
@media(max-width:520px){.ucp-inventory-tabs{justify-content:space-between;padding:7px}.ucp-inventory-tabs button{width:36px;height:36px}.ucp-item-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.ucp-item{border-radius:11px}}