*{box-sizing:border-box}body{color:#182131;background:#f3f5f9;margin:0;font-family:Arial,sans-serif}button,input,select{font:inherit}.shell{grid-template-columns:235px 1fr;min-height:100vh;display:grid}aside{color:#fff;background:#0e1728;flex-direction:column;padding:25px 18px;display:flex}.brand{align-items:center;gap:11px;margin:0 8px 28px;display:flex}.brand div>*{display:block}.brand small,.account small{color:#8291a8;font-size:10px}.brand svg{color:#7d6cff}nav{gap:6px;display:grid}nav button{color:#aab6c8;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex}nav button.active,nav button:hover{color:#fff;background:#202d43}.account{border-top:1px solid #ffffff17;margin-top:auto;padding:18px 8px 0}.account>*{font-size:11px;display:block}main{min-width:0;padding:0 35px 50px}header{justify-content:space-between;align-items:center;height:100px;display:flex}header h1{margin:4px 0}.actions{gap:8px;display:flex}button,a{cursor:pointer;text-decoration:none}.secondary,section button,.modal button{color:#fff;background:#101a2b;border:0;border-radius:9px;align-items:center;gap:7px;padding:10px 14px;display:inline-flex}.secondary{color:#182131;background:#fff;border:1px solid #dce2eb}.hero{color:#fff;background:radial-gradient(circle at 85% 40%,#5d4fd055,#0000 25%),linear-gradient(135deg,#101a2b,#24205d);border-radius:21px;padding:40px}.hero h2{max-width:650px;font-size:37px}.hero p{color:#c1ccdc}.stats{grid-template-columns:repeat(5,1fr);gap:13px;margin:17px 0;display:grid}.stat,.panel{background:#fff;border:1px solid #e1e6ef;border-radius:15px;padding:20px}.stat{gap:12px;display:flex}.stat svg{color:#526cff}.stat small,.stat strong{display:block}.stat strong{margin-top:5px;font-size:20px}.dashGrid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.barLabel{justify-content:space-between;margin-top:17px;font-size:12px;display:flex}.bar{background:#edf0f5;border-radius:99px;height:8px;overflow:hidden}.bar i{background:#625cff;height:100%;display:block}.big{font-size:35px}.positive{color:#159468}.negative{color:#d54b5a}.searchPanel{margin-bottom:15px}.tabs{gap:7px;margin-bottom:12px;display:flex}.tabs button{color:#182131;background:#edf0f5}.tabs button.active{color:#fff;background:#101a2b}.searchPanel form{gap:8px;display:flex}.searchPanel form input{flex:1}.filters{gap:8px;margin-bottom:13px;display:flex}.filters label{background:#fff;border:1px solid #e0e5ed;border-radius:9px;align-items:center;gap:6px;padding-left:9px;display:flex}.filters select,.filters input,input,select{background:#fff;border:1px solid #dbe1e9;border-radius:8px;padding:10px}.filters label select{border:0}.cardGrid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;display:grid}.cardTile{background:#fff;border:1px solid #e1e6ef;border-radius:14px;overflow:hidden}.imageButton{background:#edf0f5;border:0;width:100%;height:280px;position:relative}.imageButton img{object-fit:contain;width:100%;height:100%}.imageButton span{color:#fff;background:#174c3c;border-radius:99px;padding:5px 7px;font-size:9px;position:absolute;top:9px;left:9px}.cardBody{padding:14px}.cardBody h3{margin:7px 0 4px}.cardBody p,.meta{color:#748095;font-size:11px}.cardBody>strong{margin:13px 0;display:block}.cardActions{grid-template-columns:1fr 40px;gap:7px;display:grid}.icon{justify-content:center!important;width:40px!important;padding:9px!important}.sectionHead{justify-content:space-between;align-items:center;display:flex}.tableWrap{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #e4e8ef;padding:10px 7px;font-size:11px}th{color:#748095}.tableCard{text-align:left;color:#182131!important;background:0 0!important;align-items:center!important;gap:10px!important;padding:0!important;display:flex!important}.tableCard img{object-fit:contain;width:38px;height:52px}.tableCard span>*{display:block}.tableCard small{color:#748095}.tableWrap input,.tableWrap select{width:90px;padding:7px}.danger{color:#d54b5a!important;background:#fff!important;border:1px solid #f0d2d6!important}.wishRow{border-bottom:1px solid #e4e8ef;grid-template-columns:1fr 100px auto 40px;align-items:center;gap:10px;padding:10px 0;display:grid}.backdrop{z-index:100;background:#08101dcc;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;max-height:92vh;padding:27px;position:relative;overflow:auto}.auth{width:min(420px,94vw)}.auth form{gap:9px;display:grid}.close{position:absolute;top:12px;right:12px;color:#182131!important;background:#edf0f5!important;padding:8px!important}.notice,.error{color:#a43b49;background:#fff0f1;border-radius:9px;margin-top:12px;padding:12px}.cardModal{grid-template-columns:280px 1fr;gap:25px;width:min(850px,96vw);display:grid}.modalImage{object-fit:contain;background:#edf0f5;border-radius:13px;width:100%;height:390px}.detailGrid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.detailGrid div{background:#f2f4f7;border-radius:8px;padding:10px}.detailGrid small,.detailGrid strong{display:block}.rules{white-space:pre-line;max-height:130px;font-size:12px;line-height:1.5;overflow:auto}.price{margin:15px 0;font-size:23px;display:block}.modalActions{gap:8px;display:flex}.loading{text-align:center;padding:30px}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}svg{width:18px;height:18px}@media (max-width:900px){.shell{grid-template-columns:1fr}aside{grid-template-columns:repeat(4,1fr);padding:10px;display:grid}.brand,.account{display:none}main{padding:0 15px 35px}.stats{grid-template-columns:1fr 1fr}.dashGrid,.cardModal{grid-template-columns:1fr}.modalImage{height:280px}.sectionHead{flex-direction:column;align-items:stretch}.filters{flex-wrap:wrap}}@media (max-width:550px){header h1{font-size:22px}.actions .secondary{font-size:0}.cardGrid{grid-template-columns:1fr 1fr}.imageButton{height:210px}.stats{grid-template-columns:1fr}.wishRow{grid-template-columns:1fr auto}.wishRow>strong,.wishRow>button:nth-of-type(2){display:none}}
