:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#172b4d;background:#f7f8fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}.shell{min-height:100vh}.sidebar{background:#fafafa;border-right:1px solid #e5e5e5;flex-direction:column;width:246px;padding:18px 12px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:10px;padding:0 7px 18px;display:flex}.brand>b{color:#fff;background:#202020;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.brand span,.profile span{display:grid}.brand strong{font-size:12px}.brand small,.profile small{color:#777;margin-top:3px;font-size:10px}nav{flex:1;overflow:auto}nav section{margin-top:16px}nav h4{text-transform:uppercase;letter-spacing:1px;color:#999;margin:0 0 5px;padding:0 10px;font-size:9px}nav button{text-align:left;color:#666;cursor:pointer;background:0 0;border:0;border-radius:7px;width:100%;padding:8px 10px;font-size:12px;display:block}nav button:hover,nav button.active{color:#111;background:#eaeaea}.profile{border-top:1px solid #e5e5e5;align-items:center;gap:9px;padding:13px 7px 0;display:flex}.profile>i{background:#eee;border-radius:8px;place-items:center;width:31px;height:31px;font-size:10px;font-style:normal;display:grid}.shell>main{background:#fff;border:1px solid #e5e5e5;border-radius:14px;min-height:calc(100vh - 16px);margin:8px 8px 8px 246px;overflow:hidden}.shell>main>header{color:#777;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;height:64px;padding:0 28px;font-size:11px;display:flex}.shell>main>header select{background:#fff;border:0}.content{max-width:1500px;margin:auto;padding:30px}.title{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.title small{letter-spacing:1.3px;color:#888;font-size:9px}.title h1{letter-spacing:-1px;margin:7px 0 5px;font-size:28px}.title p,.card>p{color:#777;margin:0;font-size:11px}.title em{color:#777;border:1px solid #ddd;border-radius:5px;padding:5px 7px;font-size:9px;font-style:normal}.primary{color:#fff!important;background:#202020!important;border-color:#202020!important}.stats{border:1px solid #e5e5e5;border-radius:10px;grid-template-columns:repeat(4,1fr);margin-bottom:20px;display:grid}.stats div{padding:20px 24px}.stats div+div{border-left:1px solid #e5e5e5}.stats small,.stats span{color:#777;font-size:10px;display:block}.stats b{margin:9px 0 5px;font-size:30px;display:block}.grid{grid-template-columns:1.35fr 1fr;gap:20px;display:grid}.card{background:#fff;border:1px solid #e5e5e5;border-radius:10px;padding:20px}.card h3{margin:0 0 5px;font-size:14px}.card h3>b{float:right}.wide{grid-column:1/-1}.progress{background:#eee;border-radius:5px;height:5px;margin:20px 0}.progress i{background:#202020;border-radius:5px;width:80%;height:100%;display:block}.step{text-align:left;cursor:pointer;background:#fff;border:0;border-top:1px solid #eee;align-items:center;gap:10px;width:100%;padding:13px 0;display:flex}.step>i{background:#f3f3f3;border-radius:50%;place-items:center;width:25px;height:25px;font-style:normal;display:grid}.step span{flex:1;display:grid}.step small{color:#888;margin-top:3px}.step>em{color:#999;font-size:18px}.root{background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;margin-top:20px;padding:13px;font-weight:600}.root span{float:right;color:#888;font-size:9px}.tree{border-left:1px solid #ddd;margin-left:15px;padding:10px 15px;line-height:3}.tree small{color:#888;margin-left:8px}.quick{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px;display:grid}.quick button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:15px}.quick b,.quick small{display:block}.quick small{color:#888;margin-top:5px}.title>button,.tools button,.drawer footer button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:7px;padding:9px 12px}.tableCard{padding:0;overflow:hidden}.tools{border-bottom:1px solid #eee;align-items:center;gap:9px;padding:14px;display:flex}.tools input{border:1px solid #ddd;border-radius:7px;width:300px;padding:9px 11px}.tools span{color:#888;margin-left:auto;font-size:10px}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #eee;padding:13px 18px}th{text-transform:uppercase;color:#888;background:#fafafa;font-size:9px}tbody tr{cursor:pointer}tbody tr:hover{background:#fafafa}code{font-size:10px}mark{color:#287a45;background:#eef8f1;border-radius:5px;padding:4px 7px;font-size:10px}.overlay{z-index:20;background:#0004;position:fixed;inset:0}.drawer{background:#fff;width:min(560px,100%);padding:25px;position:absolute;top:0;bottom:0;right:0;box-shadow:-10px 0 40px #0001}.drawerHead{justify-content:space-between;display:flex}.drawerHead small{color:#888;letter-spacing:1px;font-size:9px}.drawerHead h2{margin:7px 0}.drawerHead p{color:#888}.drawerHead button{cursor:pointer;background:#fff;border:0;font-size:25px}.tabs{border-bottom:1px solid #eee;gap:22px;margin:24px 0;display:flex}.tabs>*{padding:10px 0}.tabs b{border-bottom:2px solid #222}.form{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form label{color:#666;font-size:10px}.form input,.form select{background:#fff;border:1px solid #ddd;border-radius:7px;width:100%;margin-top:6px;padding:10px}.form .full{grid-column:1/-1}.note{color:#777;background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;margin-top:22px;padding:13px;font-size:10px}.drawer footer{background:#fff;border-top:1px solid #eee;justify-content:flex-end;gap:8px;padding:15px 25px;display:flex;position:absolute;bottom:0;left:0;right:0}@media (width<=800px){.sidebar{display:none}.shell>main{border-radius:0;margin:0}.content{padding:20px}.stats{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.wide{grid-column:auto}.quick{grid-template-columns:1fr 1fr}.tools input{width:100%}.tools span{display:none}.tableCard{overflow:auto}.title{align-items:flex-start;gap:10px}.title h1{font-size:23px}}
