@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');
:root{--gold:#d7ad52;--gold-bright:#ffe49a;--gold-dark:#8e6725;--bg:#080808;--panel:#141414;--panel-soft:#1b1b1b;--line:#49391e;--text:#f7f4ec;--muted:#b8b1a2;--input:#ffffff;--input-text:#111111;--green:#a7e5bd;--red:#ffb4ad;--yellow:#f8d783}
*{box-sizing:border-box}body{margin:0;font-family:Montserrat,Arial,sans-serif;background:radial-gradient(ellipse at top,#211a0e 0,#080808 48%);color:var(--text);min-height:100vh}header{min-height:86px;background:#050505;border-bottom:1px solid var(--gold-dark);box-shadow:0 5px 24px #0009;padding:16px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px}header b{font-size:19px;letter-spacing:2.5px;color:var(--gold-bright);display:block}header>div:before{content:'MDK';display:inline-block;font-weight:800;font-size:31px;letter-spacing:2px;color:var(--gold);margin-right:12px;vertical-align:middle;text-shadow:0 0 18px #d7ad5233}.sub{display:inline-block;color:#bfb7a6;font-size:11px;letter-spacing:1.3px;text-transform:uppercase;margin-top:5px}.ghost{background:transparent;color:var(--gold-bright);border:1px solid var(--gold-dark);padding:8px 12px;border-radius:8px}nav{background:#101010;border-bottom:1px solid #4a391e;padding:0 28px;display:flex;gap:8px;flex-wrap:wrap}.nav{background:transparent;border:0;border-radius:0;padding:17px 18px;color:#c8c0b0;font-weight:700;letter-spacing:.4px;border-bottom:2px solid transparent}.nav:hover,.nav.active{color:var(--gold-bright);border-bottom:2px solid var(--gold);background:linear-gradient(0deg,#d7ad5212,transparent)}main{max-width:1500px;margin:auto;padding:30px}.title-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.title-row h2{margin:0 0 7px;font-size:27px;color:#fff;letter-spacing:.3px}.title-row h2:after{content:'';display:block;width:58px;height:3px;background:linear-gradient(90deg,var(--gold-bright),var(--gold-dark));margin-top:10px}.title-row p{margin:0;color:var(--muted);font-size:13px}.title-row>div{min-width:0}button{cursor:pointer;border:1px solid transparent;border-radius:7px;padding:11px 15px;font-weight:800;font-family:inherit;transition:transform .15s,filter .15s}button:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary{background:linear-gradient(135deg,#ffe49a,#c18c2c);color:#171106;border-color:#f0cc73;box-shadow:0 5px 16px #d7ad5222}.secondary{background:#222;color:var(--gold-bright);border-color:#66502b}.metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.metric,.panel,.table{background:linear-gradient(145deg,#191919,#101010);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 25px #0003}.metric{padding:22px;position:relative;overflow:hidden}.metric:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--gold-bright),var(--gold-dark))}.metric span{display:block;color:#c8bd9f;font-size:11px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase}.metric strong{display:block;font-size:28px;margin-top:10px;color:var(--gold-bright);overflow-wrap:anywhere}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.panel{padding:22px}.panel h3{margin-top:0;color:var(--gold-bright);letter-spacing:.3px}.toolbar{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.toolbar input,.toolbar select{padding:12px;border:1px solid #d1d1d1;border-radius:7px;background:var(--input);color:var(--input-text)}.toolbar input{flex:1;min-width:200px}.table{overflow:auto}table{width:100%;border-collapse:collapse;min-width:850px}th,td{padding:14px;border-bottom:1px solid #302819;text-align:left;font-size:13px}th{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--gold-bright);background:#211b10}tbody tr:hover{background:#d7ad520b}td{color:#f2eee4}td small{color:#bdb29a}.badge{display:inline-block;padding:5px 9px;border-radius:99px;background:#352a16;border:1px solid #6e5427;color:#f5d98e;font-size:11px;font-weight:800}.green{background:#173223;color:var(--green)}.yellow{background:#382d14;color:var(--yellow)}.red{background:#3a1c19;color:var(--red)}.modal-bg{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;padding:20px;z-index:10;backdrop-filter:blur(5px)}.modal{background:#141414;border:1px solid var(--gold-dark);border-radius:13px;padding:26px;width:min(800px,100%);max-height:92vh;overflow:auto;box-shadow:0 25px 90px #000b}.modal h2{margin:0 0 22px;color:var(--gold-bright)}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.formgrid label{font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#d9c99f}.formgrid input,.formgrid select,.formgrid textarea,.login-card input{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #d4d4d4;border-radius:7px;font:500 14px Montserrat,Arial,sans-serif;background:#fff!important;color:#111!important;box-shadow:inset 0 1px 2px #0000}.formgrid input::placeholder,.formgrid textarea::placeholder{color:#666}.formgrid input:focus,.formgrid select:focus,.formgrid textarea:focus,.toolbar input:focus,.toolbar select:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--gold-dark)}.formgrid select option{background:#fff;color:#111}.full{grid-column:1/-1}.formgrid textarea{min-height:100px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:17px;border-top:1px solid #3c2e18}.hidden{display:none!important}footer{border-top:1px solid #3e301b;background:#050505!important;color:var(--gold)!important}
@media(max-width:800px){.metrics,.two,.formgrid{grid-template-columns:1fr}.full{grid-column:auto}main{padding:18px}.title-row{align-items:flex-start;flex-direction:column}.sub{display:none}header{padding:16px 18px}nav{padding:0 8px}.nav{padding:13px 10px}.metric strong{font-size:24px}}

.danger{background:linear-gradient(135deg,#7b211b,#a83228);color:#fff;border:1px solid #d05a4e}.danger:disabled{opacity:.65;cursor:wait}.row-actions{display:flex;gap:7px;align-items:center}.confirm-modal{width:min(480px,100%)}.confirm-modal p{line-height:1.6;color:var(--text)}.confirm-modal .delete-warning{padding:12px;border:1px solid #7b3029;background:#351916;border-radius:8px;color:#ffc0b8;font-size:13px}

.metric-note{display:block;margin-top:8px;color:var(--muted);font-size:11px}.progress-wrap{min-width:145px}.progress-label{display:flex;justify-content:space-between;gap:8px;font-size:11px;margin-bottom:6px;color:#e9dfc7}.progress-track{height:7px;border-radius:99px;background:#383024;overflow:hidden;border:1px solid #4b3b21}.progress-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#9a7229,#ffe49a)}
@media(max-width:1100px){.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
.dashboard-filter{margin-bottom:18px}.dashboard-filter .toolbar{align-items:end;margin-bottom:8px}.dashboard-filter .toolbar label{display:flex;align-items:center;gap:8px;color:var(--gold-bright);font-size:12px;font-weight:700}.dashboard-filter .toolbar input{min-width:155px;flex:0 1 200px}.dashboard-filter p{font-size:12px;margin-bottom:0}