*{box-sizing:border-box}html{background:#0c0d11;color:#f4f4f6;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;background:#0c0d11}.app{min-height:100vh;display:grid;grid-template-columns:252px minmax(0,1fr)}.sidebar{background:#14151b;border-right:1px solid #282a33;padding:22px 14px;display:flex;flex-direction:column;gap:8px}.brand{display:flex;align-items:center;gap:11px;padding:4px 8px 26px}.brandmark{width:39px;height:39px;border-radius:12px;background:#d71920;display:grid;place-items:center;font-size:25px;font-weight:800}.brand b{display:block;font-size:17px;letter-spacing:.3px}.brand small{display:block;color:#858895;font-size:9px;letter-spacing:1.4px;margin-top:4px}.navtitle{font-size:9px;color:#777b89;letter-spacing:1.5px;padding:5px 10px}.sidebar nav{display:grid;gap:4px}.navitem{border:0;background:transparent;color:#aeb1bd;display:flex;align-items:center;gap:12px;text-align:left;padding:11px 10px;border-radius:9px;font-size:12px;cursor:pointer;width:100%}.navitem svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8;flex:none}.navitem.active,.navitem:hover{background:#d719201b;color:#fff}.navitem.active{box-shadow:inset 3px 0 #e12b32}.sidefoot{margin-top:auto;border-top:1px solid #282a33;padding:15px 8px 4px;color:#969aa7;font-size:10px}.live,.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#29c77a;margin-right:7px}.main{min-width:0;display:flex;flex-direction:column;min-height:100vh}.top{height:66px;border-bottom:1px solid #252731;display:flex;align-items:center;padding:0 26px;gap:14px;background:#111218}.crumb{font-size:11px;color:#9296a3}.crumb span{padding:0 8px;color:#555966}.crumb b{color:#f4f4f6;font-weight:600}.topright{margin-left:auto;display:flex;align-items:center;gap:15px}.status{font-size:10px;color:#aeb2bd}.avatar{width:31px;height:31px;border-radius:50%;background:#292b35;display:grid;place-items:center;font-size:12px;font-weight:700}.iconbtn{display:none;background:#22242d;border:1px solid #343743;color:white;border-radius:8px;width:36px;height:36px}.iconbtn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}.content{width:min(1320px,100%);margin:0 auto;padding:28px 30px 40px;flex:1}.welcome{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.eyebrow{color:#e45b60;font-size:9px;font-weight:800;letter-spacing:1.7px}.welcome h1,.pagehead h1{font-size:28px;letter-spacing:-.7px;margin:8px 0}.welcome p,.pagehead p{color:#9296a3;font-size:12px;margin:0;line-height:1.6}.btn{border:0;background:#d71920;color:white;border-radius:8px;padding:11px 15px;font-size:11px;font-weight:700;cursor:pointer}.btn.secondary{background:#242630;border:1px solid #363945;color:#e9eaf0}.hero{background:linear-gradient(115deg,#23191d,#171920 64%,#2c171b);border:1px solid #3c2b31;border-radius:16px;padding:30px;min-height:210px;display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:hidden}.hero h2{font-size:30px;line-height:1.12;margin:12px 0}.hero h2 em{color:#ff646b;font-style:normal}.hero p{font-size:11px;color:#b3b4bd;max-width:430px;line-height:1.7}.heroart{width:180px;height:130px;border:1px solid #6b3038;border-radius:16px;background:radial-gradient(circle at 50% 50%,#9b1c2a55,transparent 65%),#17171e;display:grid;place-items:center;font-size:58px;color:#ee5a63}.sectiontitle{display:flex;justify-content:space-between;align-items:end;margin:25px 0 12px}.sectiontitle h2{font-size:15px;margin:0}.sectiontitle p{font-size:10px;color:#818592;margin:5px 0 0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.card{background:#171920;border:1px solid #2a2d37;border-radius:12px;padding:16px;min-width:0}.cardhead{display:flex;align-items:center;gap:10px;margin-bottom:12px}.ico{width:35px;height:35px;border-radius:9px;background:#d719201c;color:#ff6970;display:grid;place-items:center;flex:none}.ico svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8}.card h3{font-size:12px;margin:0}.card p{font-size:10px;line-height:1.6;color:#9296a3;margin:6px 0 0}.metric{font-size:21px;font-weight:750}.muted{color:#9296a3;font-size:10px}.pagehead{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.pagehead h1{font-size:25px}.pagegrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;border-top:1px solid #292c35;font-size:11px}.row:first-of-type{border-top:0}.pill{font-size:9px;border-radius:20px;padding:5px 8px;background:#252832;color:#b9bdc8}.pill.green{color:#55d99a;background:#163126}.field{display:grid;gap:6px;margin:12px 0;color:#aeb2bd;font-size:10px}.field input,.field select{background:#101116;border:1px solid #343743;border-radius:7px;color:white;padding:10px;font-size:11px;width:100%}.empty{padding:26px;text-align:center;color:#9296a3;font-size:11px;border:1px dashed #373a45;border-radius:10px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.notice{border:1px solid #3b3430;background:#211d1a;color:#c9b9a9;padding:12px;border-radius:9px;font-size:10px;line-height:1.6;margin-bottom:14px}footer{padding:16px 30px;border-top:1px solid #252731;color:#777b87;font-size:9px;display:flex;justify-content:space-between}footer span{letter-spacing:1px}.hide{display:none!important}@media(max-width:850px){.app{grid-template-columns:1fr}.sidebar{display:none;position:static;border:0;border-bottom:1px solid #282a33;padding:12px}.sidebar.open{display:flex}.brand{padding-bottom:10px}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.iconbtn{display:grid;place-items:center}.top{padding:0 14px}.content{padding:20px 14px 28px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:22px}.hero h2{font-size:25px}}@media(max-width:520px){.status{display:none}.welcome{align-items:flex-start;flex-direction:column}.welcome h1{font-size:24px}.hero{min-height:0}.heroart{width:76px;height:76px;font-size:35px;flex:none}.hero h2{font-size:22px}.grid,.pagegrid{grid-template-columns:1fr}.pagehead{align-items:flex-start;flex-direction:column}.sidebar nav{grid-template-columns:1fr 1fr}.navitem{font-size:10px;padding:10px 7px;gap:7px}.navitem svg{width:15px;height:15px}.content{padding:17px 12px 25px}footer{padding:13px 12px}footer span{display:none}}