:root{--zp-bg:#07050b;--zp-panel:#100c16;--zp-panel2:#171020;--zp-purple:#a64dff;--zp-violet:#6e25d9;--zp-gold:#d7a84a;--zp-gold2:#f5d78b;--zp-text:#f8f3ff;--zp-muted:#b8a9c7;--zp-green:#61ef9b;--zp-red:#ff6d82;--zp-border:rgba(215,168,74,.28);--zp-purple-border:rgba(166,77,255,.28);--zp-shadow:0 22px 70px rgba(0,0,0,.46)}
body{font-family:Inter,Segoe UI,Arial,sans-serif!important;background:radial-gradient(circle at 50% -10%,rgba(117,31,200,.22),transparent 35%),linear-gradient(180deg,#07050b,#0b0710 45%,#060409)!important;color:var(--zp-text)!important}
.zportal-main{min-height:65vh}.zh-page-shell{width:min(1500px,calc(100% - 40px))!important;margin:34px auto 72px!important}
/* shared cinematic hero */
.zp-new-page-hero{position:relative;isolation:isolate;min-height:360px;width:100%;display:grid;place-items:end center;overflow:hidden;border-bottom:1px solid rgba(215,168,74,.35);background:url('../img/zepisty-v2/hero.jpg') center 46%/cover no-repeat!important}
.zp-new-page-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,3,8,.75),rgba(8,3,14,.25) 45%,rgba(5,3,8,.75)),linear-gradient(180deg,rgba(4,3,7,.18),rgba(5,3,8,.88) 96%)}
.zp-new-page-hero:after{content:"";position:absolute;inset:auto 0 0;height:115px;z-index:-1;background:linear-gradient(transparent,#07050b)}
.zp-new-page-hero-inner{width:min(1500px,calc(100% - 40px));padding:80px 0 46px;text-align:center!important}
.zp-kicker{display:inline-flex;padding:7px 13px;border:1px solid rgba(166,77,255,.55);background:rgba(29,12,45,.72);border-radius:999px;color:#d6a6ff!important;font:800 11px/1 Inter,Arial,sans-serif!important;letter-spacing:.18em;text-transform:uppercase;box-shadow:0 0 24px rgba(166,77,255,.2)}
.zp-new-page-hero h1{font-family:Georgia,serif!important;font-size:clamp(42px,6vw,78px)!important;line-height:.96!important;letter-spacing:.02em!important;margin:14px 0 10px!important;text-transform:none!important;text-shadow:0 5px 24px #000,0 0 30px rgba(143,45,228,.38)}
.zp-new-page-hero p{max-width:780px;margin:0 auto!important;color:#ded2e8!important;font-size:clamp(14px,1.5vw,18px)!important;line-height:1.65!important}
.zp-new-page-metrics{display:flex!important;justify-content:center!important;gap:10px!important;flex-wrap:wrap!important;margin-top:22px!important}
.zp-new-page-metric{min-width:150px!important;padding:12px 16px!important;border:1px solid var(--zp-border)!important;background:rgba(9,6,13,.78)!important;border-radius:10px!important;box-shadow:inset 0 1px rgba(255,255,255,.03)!important}
.zp-new-page-metric span{color:#ad9bb9!important;font:700 10px/1 Inter,Arial,sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase!important}.zp-new-page-metric strong{display:block!important;margin-top:7px!important;color:var(--zp-gold2)!important;font-size:18px!important}
/* common panels */
.zh-fantasy-panel,.zach-panel,.zcl-panel,.zca-panel,.zach-card,.zcl-card,.zca-card{background:linear-gradient(180deg,rgba(23,16,32,.96),rgba(12,9,17,.98))!important;border:1px solid var(--zp-border)!important;border-radius:16px!important;box-shadow:var(--zp-shadow),inset 0 1px rgba(255,255,255,.035)!important}
.zh-fantasy-panel{padding:24px!important}.zp-mode-title{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:20px!important;border-bottom:1px solid rgba(215,168,74,.17)!important;padding-bottom:15px!important}.zp-mode-title h2{font-family:Georgia,serif!important;font-size:27px!important;color:#fff!important;margin:0!important}.zp-mode-title span{color:var(--gold2,#f5d78b)!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.14em!important}
.zh-button,.zh-btn,.zh-btn-primary,.mini-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:43px!important;padding:0 18px!important;border-radius:9px!important;border:1px solid rgba(166,77,255,.5)!important;background:linear-gradient(180deg,#7025b8,#3b116d)!important;color:#fff!important;font-weight:800!important;box-shadow:0 9px 24px rgba(71,20,119,.25)!important;transition:.18s ease!important}.zh-button:hover,.zh-btn:hover,.zh-btn-primary:hover,.mini-btn:hover{transform:translateY(-2px)!important;border-color:var(--zp-gold)!important;box-shadow:0 13px 30px rgba(100,35,165,.34)!important}
/* account dashboard */
.zp-account-dashboard{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:22px}.zp-account-profile{position:relative;overflow:hidden;min-height:260px}.zp-account-profile:after{content:"";position:absolute;right:-80px;bottom:-120px;width:360px;height:360px;background:radial-gradient(circle,rgba(166,77,255,.25),transparent 68%);pointer-events:none}.zp-profile-top{display:flex;align-items:center;gap:18px}.zp-profile-avatar{width:76px;height:76px;border-radius:16px;display:grid;place-items:center;font:800 34px/1 Georgia,serif;color:#fff;background:linear-gradient(145deg,#7d2ece,#2c0c52);border:1px solid rgba(245,215,139,.55);box-shadow:0 0 28px rgba(166,77,255,.32)}.zp-profile-copy h2{margin:0;font:700 31px/1 Georgia,serif}.zp-profile-copy p{margin:7px 0 0;color:var(--zp-muted)}.zp-profile-badge{display:inline-flex;margin-top:10px;padding:5px 9px;border-radius:99px;border:1px solid rgba(215,168,74,.48);color:var(--zp-gold2);font-size:11px;font-weight:800;text-transform:uppercase}.zp-account-statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px}.zp-account-stat{padding:14px;border:1px solid var(--zp-purple-border);background:rgba(8,6,12,.58);border-radius:11px}.zp-account-stat span{display:block;color:var(--zp-muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.zp-account-stat b{display:block;margin-top:7px;font-size:16px;color:#fff}.zp-account-quick{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.zp-account-quick .zh-mini-card{min-height:112px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;position:relative!important;overflow:hidden!important;padding:16px!important;border-radius:12px!important;background:linear-gradient(145deg,rgba(34,18,48,.92),rgba(10,8,14,.95))!important;border:1px solid var(--zp-purple-border)!important}.zp-account-quick .zh-mini-card:before{content:attr(data-icon);position:absolute;right:13px;top:9px;font-size:30px;opacity:.24}.zp-account-quick .zh-mini-card:hover{border-color:var(--zp-gold)!important;transform:translateY(-2px)!important}.zp-account-quick strong{font-size:14px!important}.zp-account-quick span{font-size:11px!important;color:var(--zp-muted)!important;margin-top:5px!important}
/* progress pages */
.zach-page,.zcl-page,.zca-page{width:min(1500px,calc(100% - 40px))!important}.zach-panel,.zcl-panel,.zca-panel{padding:26px!important}.zach-hero-row,.zcl-hero-row,.zca-hero-row{padding:4px 4px 22px!important;border-bottom:1px solid rgba(215,168,74,.14)!important}.zach-ring,.zcl-ring,.zca-ring{width:126px!important;height:126px!important;background:conic-gradient(var(--zp-purple) calc(var(--pct)*1%),rgba(255,255,255,.08) 0)!important;box-shadow:0 0 34px rgba(166,77,255,.2)!important}.zach-ring:before,.zcl-ring:before,.zca-ring:before{background:#110c18!important}.zach-metrics,.zcl-metrics,.zca-metrics{gap:12px!important;margin:20px 0!important}.zach-metric,.zcl-metric,.zca-metric{background:rgba(8,6,12,.65)!important;border:1px solid var(--zp-purple-border)!important;border-radius:12px!important}.zach-toolbar,.zcl-toolbar,.zca-toolbar{background:rgba(7,5,10,.55)!important;border:1px solid var(--zp-border)!important;border-radius:12px!important;padding:12px!important;margin:18px 0!important}.zach-search input,.zcl-search input,.zca-search input{background:#09070d!important;border:1px solid rgba(166,77,255,.28)!important;color:#fff!important}.zach-filter-buttons button,.zcl-filter-buttons button,.zca-filter-buttons button,.zcl-item-filter-buttons button{border-radius:8px!important;background:#17101f!important;border:1px solid rgba(166,77,255,.22)!important;color:#cdbeda!important}.zach-filter-buttons button.is-active,.zcl-filter-buttons button.is-active,.zca-filter-buttons button.is-active,.zcl-item-filter-buttons button.is-active{background:linear-gradient(180deg,#7830c5,#421372)!important;border-color:rgba(245,215,139,.55)!important;color:#fff!important}.zach-workspace,.zcl-workspace,.zca-workspace{gap:16px!important}.zach-tier-tile,.zcl-category-tile,.zca-tier-tile,.zcl-log-card{border-radius:10px!important;background:rgba(10,7,14,.78)!important;border:1px solid rgba(166,77,255,.16)!important}.zach-tier-tile:hover,.zcl-category-tile:hover,.zca-tier-tile:hover,.zcl-log-card:hover,.zcl-log-card.is-selected{border-color:rgba(215,168,74,.55)!important;background:rgba(35,18,48,.9)!important}.zach-ach-card,.zca-ach-card{background:linear-gradient(145deg,rgba(23,15,31,.94),rgba(10,7,14,.96))!important;border:1px solid rgba(166,77,255,.19)!important;border-radius:12px!important}.zach-ach-card.is-done,.zca-ach-card.is-done{border-color:rgba(97,239,155,.34)!important}.zcl-item{background:#0d0a11!important;border-radius:12px!important;border:1px solid rgba(166,77,255,.15)!important}.zcl-item.is-done{border-color:rgba(215,168,74,.48)!important;box-shadow:0 0 20px rgba(215,168,74,.09)!important}.zcl-item.is-missing{filter:grayscale(.85);opacity:.58}.zcl-item img{image-rendering:auto!important}
/* staff control centre */
.zh-staff-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}.zh-staff-grid>.zh-fantasy-panel{margin:0!important}.zh-stat-card{background:linear-gradient(145deg,rgba(24,16,33,.96),rgba(9,7,13,.97))!important;border:1px solid var(--zp-purple-border)!important;border-radius:12px!important;padding:18px!important}.zh-stat-card h3{font-family:Georgia,serif!important;color:#fff!important;font-size:20px!important}.zh-stat-card input,.zh-stat-card select,.zh-stat-card textarea,.zh-auth-form input,.zp-form-grid input,.zp-form-grid select,.zp-form-grid textarea{background:#09070d!important;border:1px solid rgba(166,77,255,.32)!important;color:#fff!important;border-radius:9px!important}.zh-table{border-collapse:separate!important;border-spacing:0 8px!important}.zh-table th{color:var(--zp-gold2)!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.12em!important}.zh-table td{background:#100c16!important;border-top:1px solid rgba(166,77,255,.17)!important;border-bottom:1px solid rgba(166,77,255,.17)!important}
/* improve header */
.topbar{background:rgba(7,5,10,.95)!important;border-bottom:1px solid rgba(215,168,74,.18)!important;backdrop-filter:blur(16px)!important}.nav a{border-radius:7px!important}.nav a:hover{background:rgba(166,77,255,.1)!important;color:#fff!important}.account-trigger{background:linear-gradient(180deg,#17101f,#0b0810)!important;border:1px solid rgba(215,168,74,.35)!important}.account-dropdown{background:#0d0912!important;border:1px solid rgba(215,168,74,.35)!important}.status-strip{background:#0b0810!important;border-bottom:1px solid rgba(166,77,255,.2)!important}
@media(max-width:1000px){.zp-account-dashboard{grid-template-columns:1fr}.zp-account-statgrid{grid-template-columns:repeat(2,1fr)}.zh-staff-grid{grid-template-columns:1fr!important}.zp-new-page-hero{min-height:310px}.zach-workspace,.zcl-workspace,.zca-workspace{grid-template-columns:1fr!important}}
@media(max-width:650px){.zh-page-shell,.zach-page,.zcl-page,.zca-page,.zp-new-page-hero-inner{width:min(100% - 22px,1500px)!important}.zp-new-page-hero{min-height:285px}.zp-new-page-hero-inner{padding-bottom:30px}.zp-new-page-hero h1{font-size:38px!important}.zp-new-page-metric{min-width:calc(50% - 6px)!important}.zp-account-statgrid,.zp-account-quick{grid-template-columns:1fr 1fr}.zach-panel,.zcl-panel,.zca-panel,.zh-fantasy-panel{padding:16px!important}.zach-ring,.zcl-ring,.zca-ring{width:104px!important;height:104px!important}}