:root{color-scheme:dark;font-family:Manrope,Arial,sans-serif;background:#09070a;color:#f8f5f5}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 84% 4%,#641321 0,transparent 35%),linear-gradient(145deg,#130810,#09080b 65%);font-size:14px}button,input,select{font:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}.shell{max-width:1540px;margin:auto}.topbar{height:68px;display:flex;align-items:center;gap:38px;border-bottom:1px solid #4a202c;padding:0 24px;background:#100b10cc}.brand{display:flex;align-items:baseline;gap:12px;white-space:nowrap}.brand b{font-size:21px;letter-spacing:1px}.brand small{font-size:10px;letter-spacing:2px;color:#f47569}.topbar nav{display:flex;align-items:center;gap:27px;margin:auto}.topbar nav a{color:#b9adb3}.topbar nav a:hover,.topbar nav strong{color:#fff}.topbar nav strong{border-bottom:2px solid #ff6045;padding:24px 0}.system{font-size:10px;letter-spacing:1px;color:#34ed9c;border:1px solid #245d48;border-radius:20px;padding:7px 10px;white-space:nowrap}.layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:13px;padding:13px}.layout aside{border:1px solid #66303d;border-radius:12px;background:linear-gradient(160deg,#310f20,#1b1019 55%,#160b12);min-height:calc(100vh - 94px);padding:12px;display:flex;flex-direction:column}.aside-title{display:flex;align-items:center;gap:10px;border-bottom:1px solid #5b2d3b;padding:8px 5px 18px}.aside-title span{display:grid}.aside-title b{font-size:15px}.aside-title small{font-size:9px;color:#ee816d;letter-spacing:2px}.app-icon{background:linear-gradient(135deg,#ff8e52,#bd243d);border-radius:8px;font-size:18px;font-weight:800;padding:9px 15px}.aside-label{color:#aa7484;letter-spacing:2px;font-size:10px;margin:27px 10px 10px}.layout aside>a{border-radius:7px;padding:13px 15px;color:#c9b7be;display:flex;gap:12px;align-items:center}.layout aside>a.active,.layout aside>a:hover{background:linear-gradient(90deg,#7b2833,#4b1928);color:#fff;border-left:3px solid #ff8051}.aside-bottom{margin-top:auto;font-size:10px;color:#9d7581;line-height:1.8;padding:12px;border-top:1px solid #5b2d3b}.layout main{min-width:0}.hero{min-height:212px;border:1px solid #88303a;border-radius:10px;background:linear-gradient(90deg,#1b0b14 0,#2d0d19c9 54%,#430e1c77),url('/RENTAL/dota/dota-hero-v2.webp') center right/cover;display:flex;flex-direction:column;justify-content:center;padding:30px}.eyebrow{font-size:11px;color:#ff8051;font-weight:800;letter-spacing:2px}.hero h1{font-size:clamp(28px,4vw,46px);letter-spacing:-2px;margin:13px 0 4px}.hero p{color:#dac6cc;margin:0}.hero-chips{display:flex;gap:8px;margin-top:25px}.hero-chips span{border:1px solid #794153;background:#200d17bd;border-radius:5px;padding:5px 8px;font-size:10px;font-weight:800;letter-spacing:1px}.notice{padding:12px 15px;margin-top:13px;background:#3c131d;border:1px solid #a33443;border-radius:7px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:13px 0}.metric,.card{background:linear-gradient(145deg,#2c121d,#180f18 72%);border:1px solid #66303f;border-radius:9px}.metric{padding:19px}.metric small{font-size:10px;letter-spacing:1.5px;color:#d99080;font-weight:800}.metric b{display:block;font-size:29px;margin:6px 0 0}.metric span{font-size:11px;color:#ac929b}.card{padding:20px;margin:13px 0}.card h2{margin:0 0 7px;font-size:20px}.muted{color:#bca9b0;line-height:1.6}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:13px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:20px}.step{padding:13px;border:1px solid #66303f;border-radius:8px;background:#140d14;min-height:100px}.step b{display:block;font-size:20px;color:#ff674f}.step span{font-weight:700}.step p{color:#ad99a1;font-size:11px;margin:6px 0 0}.pill{border-radius:20px;padding:5px 9px;border:1px solid #76505b;font-size:11px;font-weight:800;display:inline-block}.pill.good{color:#53e6a9;border-color:#246f56}.pill.warn{color:#ffb15f;border-color:#84511e}.pill.bad{color:#ff6a75;border-color:#8a3743}.btn{border:1px solid #ff7153;border-radius:7px;background:linear-gradient(135deg,#ff8859,#eb4a4f);color:#1c0d11;font-weight:800;padding:10px 15px}.btn.secondary{color:#eee;background:#24151e;border-color:#754550}.btn.danger{color:#ff848b;background:#25131a;border-color:#933445}.btn:disabled{opacity:.5;cursor:default}.form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}.form label{display:grid;gap:6px;font-size:11px;color:#d7abb0;font-weight:800}.form input,.form select,.form textarea{width:100%;background:#130d13;border:1px solid #68404c;border-radius:6px;color:#fff;padding:10px}.form input:focus,.form select:focus{outline:2px solid #e96555}.form .check{display:flex;align-items:center;gap:7px;padding-bottom:10px}.form .check input{width:auto}.form .wide{grid-column:span 2}.table-wrap{overflow:auto}.table{border-collapse:collapse;width:100%;min-width:700px}.table th{text-align:left;font-size:10px;letter-spacing:1.5px;color:#b58a94}.table td,.table th{border-bottom:1px solid #57303b;padding:12px 8px}.table td{font-size:12px}.table td b{display:block}.table td small{color:#a98e98}.table .actions{white-space:nowrap}.table .actions button{margin-right:5px}.empty{padding:28px;text-align:center;color:#b5a2a9;border:1px dashed #724352;border-radius:8px}.cookie-note{font-size:12px;color:#bdaab1;margin-top:10px;line-height:1.6}.status-error{color:#ff8a8a;max-width:350px;white-space:normal}.status-good{color:#50dda2}@media(max-width:1000px){.topbar nav{gap:12px}.system{display:none}.form{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.topbar{height:auto;display:block;padding:14px}.topbar nav{overflow:auto;padding-top:10px;white-space:nowrap}.layout{display:block}.layout aside{min-height:0;margin-bottom:12px}.aside-bottom{display:none}.layout aside>a{display:inline-flex}.metrics,.grid-two{grid-template-columns:1fr 1fr}.hero{min-height:180px}.steps{grid-template-columns:1fr}.form{grid-template-columns:1fr}.form .wide{grid-column:auto}}@media(max-width:420px){.metrics,.grid-two{grid-template-columns:1fr}}
