:root{--bg:#071019;--bg2:#0b1722;--panel:#0e1b27;--panel2:#122331;--line:#223646;--muted:#8092a2;--text:#edf4f8;--gold:#d59a2f;--gold2:#f2c35b;--red:#e65b4f;--blue:#4da3ff;--purple:#a06bff;--green:#47c982;--shadow:0 18px 45px rgba(0,0,0,.28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 0,rgba(213,154,47,.08),transparent 28%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.app-shell{min-height:100vh;display:flex}.app-sidebar{position:fixed;inset:0 auto 0 0;width:250px;padding:20px 16px;display:flex;flex-direction:column;background:linear-gradient(180deg,#07111a,#08131d);border-right:1px solid var(--line);z-index:1040;transition:transform .25s ease}.app-brand{display:flex;align-items:center;gap:12px;padding:4px 8px 22px;color:var(--text);text-decoration:none}.app-brand strong{display:block;font:800 24px/1 Georgia,serif;color:#f3d27b}.app-brand small{display:block;margin-top:4px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.brand-shield{width:46px;height:46px;display:grid;place-items:center;border:1px solid #86611f;border-radius:13px;background:linear-gradient(145deg,#2b2112,#0b151d);color:var(--gold2);font-size:23px;box-shadow:inset 0 0 18px rgba(213,154,47,.13)}.sidebar-profile{display:flex;align-items:center;gap:10px;padding:12px;margin-bottom:18px;background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:13px}.profile-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#1b2c39;color:var(--gold2)}.sidebar-profile strong,.sidebar-profile small{display:block}.sidebar-profile strong{font-size:13px}.sidebar-profile small{font-size:11px;color:var(--muted)}.sidebar-nav{display:flex;flex-direction:column;gap:5px}.nav-group-label{margin:15px 10px 6px;font-size:10px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;color:#566b7c}.side-link{width:100%;display:flex;align-items:center;gap:11px;padding:10px 12px;border:0;border-radius:9px;background:none;color:#a7b6c2;text-decoration:none;font-size:13px;font-weight:600;transition:.2s}.side-link i{width:18px;text-align:center}.side-link:hover{color:#fff;background:#102130}.side-link.active{color:#ffd876;background:linear-gradient(90deg,rgba(213,154,47,.20),rgba(213,154,47,.04));box-shadow:inset 3px 0 var(--gold)}.sidebar-footer{margin-top:auto;padding-top:15px;border-top:1px solid var(--line)}.sidebar-footer form{margin:0}.version-pill{display:inline-flex;align-items:center;gap:6px;margin:0 8px 10px;padding:6px 9px;border-radius:999px;background:rgba(71,201,130,.08);color:#7fdda8;font-size:10px}.logout-link{cursor:pointer}.app-main{width:calc(100% - 250px);margin-left:250px}.app-topbar{height:72px;position:sticky;top:0;z-index:1000;display:flex;align-items:center;gap:14px;padding:0 28px;background:rgba(7,16,25,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.sidebar-toggle{display:none;border:0;background:none;color:#fff;font-size:25px}.global-search{width:min(560px,60vw);display:flex;align-items:center;gap:10px;padding:9px 13px;border:1px solid var(--line);border-radius:10px;background:#09141e;color:#5e7182}.global-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:13px}.global-search input::placeholder{color:#5f7282}.search-hint{padding:3px 7px;border-radius:5px;background:#132432;color:#6f8494;font-size:9px;text-transform:uppercase}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.app-content{padding:28px;max-width:1600px;margin:auto}.section-kicker,.eyebrow{font-size:10px;font-weight:800;letter-spacing:.18em;color:var(--gold);text-transform:uppercase}.hero-ek{min-height:250px;position:relative;overflow:hidden;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;padding:34px;border:1px solid #2e3f4e;border-radius:18px;background:linear-gradient(100deg,#101d28 0%,#0d1b27 55%,#1a1710 100%);box-shadow:var(--shadow)}.hero-ek:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 30%,rgba(242,195,91,.18),transparent 32%)}.hero-ek-content{position:relative;z-index:2;max-width:720px}.hero-ek h1{margin:8px 0 12px;font-size:clamp(30px,4vw,52px);line-height:1.05}.hero-ek p{max-width:650px;color:#9eacb8;font-size:15px}.hero-actions{display:flex;gap:10px;margin-top:22px}.hero-ek-art{height:100%;display:grid;place-items:center;position:relative}.hero-knight{width:190px;height:190px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(213,154,47,.35);background:radial-gradient(circle,rgba(213,154,47,.16),transparent 65%);color:var(--gold2);font-size:112px;filter:drop-shadow(0 0 24px rgba(213,154,47,.18))}.btn{border-radius:9px;font-weight:700;font-size:13px;padding:.65rem 1rem}.btn-gold{background:linear-gradient(180deg,var(--gold2),var(--gold));border:1px solid #f6d378;color:#201707}.btn-gold:hover{background:#ffd77b;color:#171109}.btn-ghost,.btn-wood,.btn-outline-light{background:#0d1a25!important;border:1px solid #2b4051!important;color:#c9d4dc!important}.btn-ghost:hover,.btn-wood:hover,.btn-outline-light:hover{background:#152737!important;color:#fff!important}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.modern-stat{position:relative;display:flex;align-items:center;gap:14px;padding:18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#0e1b27,#0b1721);color:var(--text);text-decoration:none;transition:.2s}.modern-stat:hover{transform:translateY(-3px);border-color:#3c5264;color:#fff}.stat-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:#182835;font-size:21px}.modern-stat.red .stat-icon{color:var(--red);background:rgba(230,91,79,.1)}.modern-stat.gold .stat-icon{color:var(--gold2);background:rgba(213,154,47,.1)}.modern-stat.purple .stat-icon{color:var(--purple);background:rgba(160,107,255,.1)}.modern-stat.blue .stat-icon{color:var(--blue);background:rgba(77,163,255,.1)}.modern-stat strong,.modern-stat small{display:block}.modern-stat strong{font-size:25px}.modern-stat small{color:var(--muted)}.stat-arrow{margin-left:auto;color:#4a6172}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,.7fr);gap:16px}.surface-card,.tibia-window,.panel,.game-card,.creature-card{background:linear-gradient(145deg,var(--panel),#0b1721);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);color:var(--text)}.surface-card,.tibia-window,.panel,.game-card{padding:20px}.surface-header,.window-title,.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.surface-header h2,.window-title h2,.panel-header h2,.tibia-window h2,.panel h2{margin:3px 0 0;font-size:18px;color:#fff}.surface-header a{color:var(--gold2);font-size:12px;text-decoration:none}.recent-hunts{display:flex;flex-direction:column}.recent-hunt{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid #1c3040;color:var(--text);text-decoration:none}.recent-hunt:last-child{border-bottom:0}.hunt-emblem{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:rgba(213,154,47,.1);color:var(--gold2)}.recent-hunt-main{min-width:0;flex:1}.recent-hunt-main strong,.recent-hunt-main small{display:block}.recent-hunt-main small{margin-top:4px;color:var(--muted)}.hunt-count{text-align:right;font-weight:800}.hunt-count small{display:block;color:var(--muted);font-size:10px;font-weight:500}.quick-actions{display:grid;gap:10px}.quick-actions a{display:grid;grid-template-columns:40px 1fr;column-gap:10px;padding:12px;border:1px solid #1e3342;border-radius:11px;color:var(--text);text-decoration:none}.quick-actions a:hover{border-color:#456072;background:#10202c}.quick-actions span{grid-row:1/3;width:40px;height:40px;display:grid;place-items:center;border-radius:9px;background:#172935;color:var(--gold2)}.quick-actions strong,.quick-actions small{display:block}.quick-actions strong{font-size:13px}.quick-actions small{color:var(--muted);font-size:11px}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:20px}.page-heading h1{margin:5px 0 2px;font-size:clamp(28px,4vw,42px)}.page-heading p,.text-muted,.text-secondary{color:var(--muted)!important}.search-panel,.search-bar{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;margin-bottom:18px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#0a1620}.form-control,.form-select,.ts-control,.ts-dropdown{background:#091722!important;border:1px solid #294050!important;color:var(--text)!important;border-radius:9px!important}.form-control:focus,.form-select:focus{border-color:var(--gold);box-shadow:0 0 0 .2rem rgba(213,154,47,.12)}.form-label{font-size:12px;font-weight:700;color:#b7c3cc}.creature-card{overflow:hidden;height:100%}.card-image{display:grid;place-items:center;height:210px;background:radial-gradient(circle,#182d3b,#08131c)}.card-image.compact{height:170px}.card-image img{max-width:86%;max-height:86%;object-fit:contain;transition:.2s}.creature-card:hover .card-image img{transform:scale(1.05)}.creature-card .card-body{padding:17px}.creature-card h2{font-size:17px}.creature-card h2 a,.tibia-window a,.panel a{color:#fff;text-decoration:none}.creature-card p{color:var(--muted);font-size:13px}.creature-card .card-footer{display:flex;justify-content:space-between;gap:8px;padding:13px 17px;border-top:1px solid var(--line);background:transparent}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:13px 0}.metric-grid span{padding:10px;border:1px solid #213646;border-radius:9px;background:#0a1721;font-weight:800}.metric-grid small{display:block;color:var(--muted);font-size:9px;letter-spacing:.12em}.tag-list,.tags{display:flex;flex-wrap:wrap;gap:6px}.tag-list span,.tag-list a,.tags span,.mini-tag,.category-badge{padding:5px 8px;border-radius:999px;background:rgba(213,154,47,.09);border:1px solid rgba(213,154,47,.22);color:#eec66f!important;font-size:10px;text-decoration:none}.detail-image{max-width:100%;max-height:360px;object-fit:contain}.detail-image.charm{max-height:270px}.detail-list{display:grid;gap:8px}.detail-list>div{display:flex;justify-content:space-between;padding:10px 12px;border:1px solid #203645;border-radius:9px;background:#091722}.table{--bs-table-bg:transparent;--bs-table-color:#dce6ec;--bs-table-border-color:#213747}.table thead th{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#748898}.table td,.table th{padding:.85rem}.dropdown-menu{background:#0d1a25;border-color:#2a4050}.dropdown-item{color:#c5d1da}.dropdown-item:hover{background:#172a38;color:#fff}.form-window,.form-section{margin-bottom:15px}.form-section{padding-top:18px;border-top:1px solid var(--line)}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.material-editor,.element-control,.selected-element-row,.hunt-monster-row{padding:13px;border:1px solid #213747;border-radius:10px;background:#091722}.selected-elements,.hunt-monster-editor{display:grid;gap:10px}.selected-element-row{display:grid;grid-template-columns:1fr 180px auto;align-items:center;gap:10px}.selected-element-name{display:flex;gap:8px;align-items:center}.hunt-monster-row{display:grid;grid-template-columns:minmax(230px,1fr) 1.7fr;gap:12px}.hunt-monster-check,.table-creature,.charm-cell{display:flex;align-items:center;gap:10px}.hunt-monster-check img,.table-creature img,.charm-cell img,.material-list img{width:48px;height:48px;object-fit:contain;border-radius:8px;background:#07131c;border:1px solid #233a49}.hunt-monster-check span,.hunt-monster-check small,.charm-cell span,.charm-cell small{display:block}.hunt-monster-check small,.charm-cell small{color:var(--muted)}.hunt-charm-fields{display:grid;grid-template-columns:1fr 1fr 130px;gap:10px}.material-list{list-style:none;padding:0;display:grid;gap:8px}.material-list li{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid #203644;border-radius:9px}.stars{color:var(--gold2)}.auth-shell{min-height:calc(100vh - 130px);display:grid;place-items:center}.auth-card{width:min(440px,100%)}.brand-rune{width:64px;height:64px;display:grid;place-items:center;margin:auto;border-radius:18px;background:rgba(213,154,47,.1);border:1px solid rgba(213,154,47,.35);color:var(--gold2);font:800 30px Georgia,serif}.admin-action{display:flex;flex-direction:column;gap:5px;padding:18px;border:1px solid var(--line);border-radius:13px;background:#0d1a25;color:#fff;text-decoration:none}.admin-action:hover{border-color:#435f72;color:#fff}.admin-action i{color:var(--gold2);font-size:20px}.admin-action span{color:var(--muted);font-size:12px}.stat-card{display:flex;align-items:center;gap:12px;padding:16px}.stat-card strong,.stat-card span{display:block}.empty-state{padding:30px;text-align:center;border:1px dashed #314a5a;border-radius:12px;color:var(--muted)}.app-alert{border:1px solid rgba(255,255,255,.1);color:#fff;background:#152636}.ts-dropdown .option.active{background:#142736!important}.ts-control>div{background:#1b3141!important;color:#fff!important;border-radius:6px!important}.sidebar-backdrop{display:none}.responsive-table{overflow:auto}
@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.hero-ek{grid-template-columns:1fr}.hero-ek-art{display:none}.hunt-monster-row{grid-template-columns:1fr}.hunt-charm-fields{grid-template-columns:1fr 1fr}.hunt-charm-fields>div:last-child{grid-column:1/-1}}
@media(max-width:850px){.app-sidebar{transform:translateX(-100%)}.app-sidebar.open{transform:translateX(0)}.app-main{width:100%;margin-left:0}.sidebar-toggle{display:block}.sidebar-backdrop.show{display:block;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:1030}.app-content{padding:18px}.app-topbar{padding:0 18px}.global-search{width:100%}.page-heading{align-items:flex-start;flex-direction:column}.selected-element-row{grid-template-columns:1fr auto}.selected-element-value{grid-column:1/-1}.search-panel,.search-bar{grid-template-columns:auto 1fr}.search-panel .btn,.search-bar .btn{width:100%}}
@media(max-width:575px){.stat-grid{grid-template-columns:1fr 1fr}.modern-stat{padding:13px}.modern-stat strong{font-size:20px}.stat-icon{width:39px;height:39px}.hero-ek{padding:24px 20px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.app-content{padding:14px}.global-search .search-hint{display:none}.hunt-charm-fields{grid-template-columns:1fr}.hunt-charm-fields>div:last-child{grid-column:auto}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}.stat-grid{gap:9px}.modern-stat .stat-arrow{display:none}}