:root{--bg:#1b1614;--panel:#28201b;--line:#b58c4b30;--gold:#d7b477;--text:#dec8a7;--muted:#a98f73;--ruby:#953d4c;--green:#8bbf9e}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 10%,#8c552411,transparent 50%),var(--bg);color:var(--text);font:14px/1.6 Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button,a{cursor:pointer;caret-color:transparent}a{color:var(--gold);text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}h1,h2,h3{font-family:Georgia,serif;font-weight:normal;color:#f2dab1;line-height:1.2;margin:0}h1{font-size:38px}h2{font-size:24px}h3{font-size:19px}p{margin:8px 0 0}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;z-index:30;display:flex;flex-direction:column;background:linear-gradient(155deg,#30231b,#201714 70%);border-right:1px solid var(--line);padding:25px 18px}.brand{text-align:center;display:block}.brand img{width:205px;height:auto;display:block;margin:0 auto 12px}.brand span,.nav-label,.eyebrow{font-size:9px;letter-spacing:2.2px;color:#c5a26c}.brand span{font-size:8px;letter-spacing:3px}.nav-label{margin:40px 13px 14px;font-size:8px;color:#9d805b}.sidebar nav{display:grid;gap:5px}.sidebar nav button{width:100%;display:flex;gap:13px;align-items:center;border:1px solid transparent;border-radius:7px;background:none;text-align:left;padding:12px 13px;color:#bda284;font-size:18px;transition:background .2s,color .2s}.sidebar nav button span{font-size:12px}.sidebar nav button:hover{background:#b68a3b0c;color:#f4d69e}.sidebar nav button.active{background:linear-gradient(100deg,#87384755,#a4753020);border-color:#bc91533d;color:#f3d39b;box-shadow:inset 3px 0 #ceaa68}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:20px 10px 0;color:#c5a878;font-size:11px}.sidebar-bottom p{font-size:10px;color:var(--muted);margin-bottom:15px}.demo-dot{display:inline-block;width:6px;height:6px;background:#c9a564;border-radius:50%;margin-right:5px;box-shadow:0 0 9px #d9ac6255}.workspace{margin-left:252px}.topbar{height:83px;border-bottom:1px solid var(--line);padding:0 35px;display:flex;align-items:center;justify-content:space-between;background:#211915cc;gap:15px}.breadcrumb{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:12px}.breadcrumb b{padding:0 12px;font-weight:normal;color:#735b43}.top-actions{display:flex;align-items:center;gap:20px;font-size:11px}.preview-badge{font-size:8px;letter-spacing:1px;border:1px solid var(--line);padding:5px 9px;border-radius:4px;color:#bfa16f}.avatar{border:1px solid #b9904d66;background:#68412a55;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;font-family:Georgia;color:#f0cc8a}#mobile-menu{display:none;background:none;border:0;font-size:23px}main{max-width:1600px;margin:auto;padding:27px 35px 50px;min-height:calc(100vh - 140px)}.demo-banner{display:flex;align-items:center;gap:13px;padding:13px 18px;background:#c89a4010;border:1px solid #c89a4033;border-radius:6px;color:#ad9676;font-size:11px;margin-bottom:31px}.demo-banner>span{color:#dab16e;font-size:25px}.demo-banner p{margin:0}.demo-banner strong{color:#d4b583;font-weight:normal}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.page-heading .eyebrow{display:block;margin-bottom:10px}.page-heading p{color:var(--muted);font-size:12px;max-width:650px}.heading-actions{display:flex;gap:8px;flex-wrap:wrap}.button{border:1px solid #bf94564d;padding:10px 16px;border-radius:5px;background:#b3872e10;color:#dfbc81;font-size:11px;display:inline-flex;justify-content:center;align-items:center;gap:8px;transition:background .2s,border-color .2s}.button:hover{border-color:#d4ae6c99;background:#b3872e22}.primary{background:linear-gradient(#98434f,#6b2b38);border-color:#bf885e88;color:#ffe1a8;box-shadow:inset 0 1px #f7d99c22}.primary:hover{background:#97404d}.secondary{background:#a78a4a0a}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:24px}.stat{padding:20px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,#39281f,#251c18);position:relative;overflow:hidden}.stat:after{content:"";position:absolute;inset:auto 18px 0;height:1px;background:linear-gradient(90deg,transparent,#d8af6566,transparent)}.stat-top{display:flex;justify-content:space-between;font-size:10px;color:#bca07b}.stat-top i{font-style:normal;font-size:20px;color:#d5af68}.stat strong{font:32px Georgia;color:#f0cc8b;display:block;margin:10px 0 6px}.stat small{font-size:10px;color:#9b8569}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:20px}.panel{background:linear-gradient(140deg,#30231d,#251c18);border:1px solid var(--line);border-radius:9px;overflow:hidden;min-width:0}.panel-head{padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.panel-head p{font-size:10px;color:var(--muted)}.panel-body{padding:20px 22px}.hero-panel{padding:27px 28px;min-height:235px;background:linear-gradient(90deg,#251913ef,#332117a6),url(assets/metin2-dawn.webp) center/cover;display:flex;flex-direction:column;justify-content:center;position:relative}.hero-panel:before{content:"";position:absolute;inset:7px;border:1px solid #c9a1593d;border-radius:5px;pointer-events:none}.hero-panel h2{font-size:31px;margin-top:12px;max-width:420px}.hero-panel p{font-size:12px;color:#bda583;max-width:430px;margin-bottom:20px}.hero-panel .button{align-self:flex-start}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.quick{background:#a77b2e08;border:1px solid var(--line);border-radius:7px;padding:17px;text-align:left;transition:background .2s}.quick:hover{background:#ad83301a}.quick span{display:block;font-size:22px;color:var(--gold);margin-bottom:8px}.quick strong{font-size:11px;font-weight:normal}.quick small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.status-list{display:grid;gap:0}.status-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid #b48a3b1a;font-size:11px}.status-row:last-child{border:0}.status-row small{font-size:10px;color:#a58966}.tag{font-size:8px;letter-spacing:.6px;padding:4px 7px;border:1px solid #bc94553b;border-radius:4px;white-space:nowrap;color:#d1b07a;background:#a47f2912;display:inline-flex;align-items:center;gap:5px}.tag.tournament{color:#f2cf78;border-color:#d5a94c66;background:#c9952512}.tag.war{color:#e99b9e;border-color:#b9596555;background:#b13a4e15}.tag.event{color:#9ec7a5;border-color:#72a97c55;background:#568a6315}.tag.maintenance{color:#a9c7e1;border-color:#779fc455;background:#587da015}.notice{padding:16px;border:1px solid var(--line);background:#b38a3410;border-radius:6px;font-size:11px;color:#bba07a}.notice strong{display:block;color:#dfbf87;margin-bottom:5px;font-weight:normal}.table-toolbar{display:flex;gap:12px;padding:18px 22px;align-items:center;border-bottom:1px solid var(--line);flex-wrap:wrap}.search{flex:1;min-width:180px}.field,select,textarea,input[type=search]{background:#1d1411;border:1px solid #b88f4b44;color:#e2caa7;padding:11px 12px;border-radius:5px;width:100%;outline:none;color-scheme:dark;font-size:12px}.table-toolbar select{width:180px}.field::placeholder,input::placeholder,textarea::placeholder{color:#8e785e}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px;min-width:640px}th{font-size:8px;font-weight:normal;color:#b99560;letter-spacing:1px;text-transform:uppercase;background:#a7772810;padding:15px 22px;border-bottom:1px solid var(--line)}td{padding:16px 22px;border-bottom:1px solid #b58c4b1c;color:#bba17f}td strong{color:#e2c394;font-size:12px;font-weight:normal;display:block}td small{display:block;color:#947b5e;font-size:10px;margin-top:4px}tbody tr:hover{background:#bb8e3610}tbody tr:last-child td{border-bottom:0}.row-actions{display:flex;gap:7px}.row-actions button{border:1px solid var(--line);border-radius:4px;background:#c59a4310;color:#d1ae75;padding:6px 9px;font-size:10px}.empty{text-align:center;padding:40px;color:var(--muted);font-size:12px}.list-footer{font-size:10px;color:#9e8568;padding:13px 22px;border-top:1px solid var(--line)}.event-feed{display:grid;gap:12px}.event-row{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid var(--line);border-radius:6px;background:#231914}.date-tile{width:45px;min-width:45px;border:1px solid #c49b4f44;border-radius:5px;text-align:center;color:#dab777;padding:5px}.date-tile strong{font:23px Georgia;display:block}.date-tile span{font-size:8px;text-transform:uppercase}.event-row h3{font-size:16px}.event-row p{font-size:10px;color:#a98f6d;margin-top:4px}.event-row .tag{margin-left:auto}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.reward-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.reward{border:1px solid #b58c4b44;border-radius:6px;padding:21px 10px;text-align:center;background:radial-gradient(ellipse at top,#b88a281a,transparent 80%)}.reward:nth-child(2){border-color:#a3b2bc44}.reward:nth-child(3){border-color:#aa755544}.reward span{display:block;font-size:9px;color:#c2a06a}.reward strong{font:29px Georgia;display:block;color:#edc77f;margin:12px 0}.reward small{font-size:10px;color:#a98f70}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.settings-grid label,.editor-grid label{display:block;font-size:11px;color:#c7aa80}.settings-grid input,.settings-grid textarea,.editor-grid input,.editor-grid select,.editor-grid textarea{margin-top:7px}.full{grid-column:1/-1}.form-note{font-size:10px;color:#9d8465;margin:16px 0}.section-space{margin-top:22px}.log-entry{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);font-size:12px}.log-entry>span{color:var(--gold)}.log-entry small{color:#9e8465;display:block;font-size:10px}.coming-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.coming-grid .panel-body{min-height:180px}.coming-grid h3{margin:10px 0}.coming-grid p{font-size:12px;color:var(--muted)}footer{padding:20px 35px;border-top:1px solid var(--line);font-size:10px;color:#8b7357;display:flex;justify-content:space-between}dialog{width:min(700px,calc(100% - 32px));max-height:90vh;overflow:auto;padding:28px;background:linear-gradient(140deg,#382820,#241a16);border:1px solid #b99155aa;border-radius:10px;color:var(--text);box-shadow:0 30px 130px #080404aa}dialog::backdrop{background:#100a08cf;backdrop-filter:blur(6px)}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px}.dialog-head h2{font-size:29px;margin-top:8px}.icon-button{width:32px;height:32px;flex-shrink:0;border:1px solid #b9915566;border-radius:50%;background:transparent;color:#dfbd80;font-size:24px;line-height:1}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.editor-grid textarea{resize:vertical;min-height:115px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:18px}#detail-body{font-size:13px;line-height:1.9;white-space:normal;overflow-wrap:anywhere}#detail-body p{white-space:pre-wrap;color:#bca17f}#detail-body img{width:100%;border-radius:6px;margin-top:15px}#toast{position:fixed;bottom:25px;right:25px;z-index:100;background:#3d3022;border:1px solid #c8a36288;border-radius:6px;padding:13px 22px;box-shadow:0 8px 30px #0005;transform:translateY(120px);opacity:0;transition:.25s;font-size:12px;color:#f0d39f;max-width:calc(100% - 40px)}#toast.visible{transform:translateY(0);opacity:1}@media(min-width:1550px){main{padding-top:35px}.stats{gap:20px}.stat{padding:25px}}@media(max-width:1150px){.sidebar{width:220px;padding:20px 12px}.brand img{width:180px}.workspace{margin-left:220px}main{padding:24px}.topbar{padding:0 24px}.stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.split{grid-template-columns:1fr}.preview-badge{display:none}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:240px;top:68px}.sidebar.open{transform:translateX(0);box-shadow:15px 0 40px #0007}.workspace{margin-left:0}.topbar{height:68px;padding:0 18px;position:sticky;top:0;z-index:35;backdrop-filter:blur(15px)}#mobile-menu{display:block}.top-actions{gap:12px}.avatar{display:none}.breadcrumb>span{font-size:10px}.breadcrumb b{padding:0 5px}main{padding:20px 16px 35px}.demo-banner{font-size:10px;margin-bottom:24px}.page-heading{align-items:flex-start;flex-direction:column}h1{font-size:32px}.stats{gap:10px}.stat{padding:15px}.stat strong{font-size:27px}.quick-grid{grid-template-columns:1fr}.quick{padding:13px;display:grid;grid-template-columns:32px 1fr}.quick span{grid-row:span 2;margin:0}.quick small{margin:2px 0}.coming-grid{grid-template-columns:1fr}.settings-grid,.editor-grid{grid-template-columns:1fr}.full{grid-column:auto}.reward-grid{gap:7px}.reward{padding:15px 5px}.reward strong{font-size:23px}.table-toolbar{padding:15px}.table-toolbar select{width:100%}.top-actions a{font-size:10px}.event-row .tag{display:none}footer{padding:18px;gap:10px;flex-wrap:wrap}.hero-panel{padding:24px}.hero-panel h2{font-size:28px}.dialog-head h2{font-size:25px}dialog{padding:22px}.sidebar .nav-label{margin-top:20px}.sidebar nav button{padding:10px 12px}.sidebar-bottom{padding-top:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
