:root{--ink:#151518;--muted:#7b7b82;--line:#e9e8e6;--soft:#f7f6f5;--pink:#c83869;--green:#1d8f63}*{box-sizing:border-box}body{margin:0;background:#f7f7f7;color:var(--ink);font-family:Inter,Arial,sans-serif;display:grid;grid-template-columns:248px 1fr;min-height:100vh}aside{position:sticky;top:0;height:100vh;padding:30px 24px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column}aside>img{width:135px;margin:0 10px 9px}aside>small{font-size:9px;letter-spacing:.17em;color:#999;margin:0 10px 30px}aside nav{display:flex;flex-direction:column;gap:7px}aside nav button{border:0;background:transparent;border-radius:12px;padding:13px 14px;text-align:left;font-size:14px;color:#666;cursor:pointer}aside nav button span{margin-left:12px}aside nav .active{background:#171719;color:#fff}.support{margin-top:auto;background:#f5eef1;border-radius:16px;padding:17px}.support p{font-size:12px;color:#76666d}.support button,.empty button,.ai-card>button{border:0;background:#171719;color:white;border-radius:9px;padding:10px 13px;font-weight:700}main{padding:0 4vw 60px;max-width:1500px;width:100%;margin:auto}main>header{height:122px;display:flex;align-items:center;justify-content:space-between}header p{font-size:12px;color:var(--muted);margin:0 0 6px}h1{font-size:27px;margin:0}.profile{display:flex;align-items:center;gap:10px}.profile>span{width:40px;height:40px;border-radius:50%;background:#ead6dd;display:grid;place-items:center;font-weight:800;color:#8d294c}.profile div{display:flex;flex-direction:column;font-size:12px}.profile small{color:#999}.view{display:none}.view.active{display:block}.notice{display:flex;align-items:center;justify-content:space-between;background:#19191b;color:#fff;border-radius:16px;padding:16px 21px;margin-bottom:18px}.notice b{font-size:14px}.notice p{display:inline;margin-left:10px;color:#bbb;font-size:12px}.notice a{color:#f4bfd1;font-size:12px;font-weight:700}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.metrics article,.panel,.empty,.ai-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:21px}.metrics article{display:flex;flex-direction:column;gap:11px}.metrics span{font-size:12px;color:var(--muted)}.metrics strong{font-size:26px}.metrics small{color:#888}.metrics .up{color:var(--green)}.metrics .warn{color:#b16b18}.split{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;margin-bottom:14px}.panel-head{display:flex;justify-content:space-between;align-items:start}.panel-head b{font-size:14px}.panel-head p{font-size:11px;color:var(--muted);margin:5px 0}.panel-head>strong{color:var(--green)}.panel-head button{border:0;background:transparent;color:var(--pink);font-weight:700;cursor:pointer}.chart{height:190px;display:flex;gap:16px;align-items:end;border-bottom:1px solid var(--line);padding:15px 10px 0}.chart i{flex:1;background:linear-gradient(#ce4b79,#f1c9d7);border-radius:6px 6px 0 0}.months{display:flex;justify-content:space-around;color:#999;font-size:10px;margin-top:8px}table{width:100%;border-collapse:collapse}.buyers td{padding:12px 0;border-top:1px solid var(--line);font-size:12px}.buyers td:first-child{display:flex;align-items:center;gap:10px}.buyers td:last-child{text-align:right;font-weight:700}.buyers i{width:32px;height:32px;background:#f3e9ed;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:10px}.buyers td div{display:flex;flex-direction:column}.buyers small{color:#999}.orders th,.orders td{text-align:left;padding:13px 8px;border-top:1px solid var(--line);font-size:12px}.orders th{color:#999;font-weight:500}.orders em{font-style:normal;border-radius:99px;padding:5px 8px}.paid{background:#e3f4ec;color:#13734e}.due{background:#fff1d8;color:#a55b0c}.wait{background:#eee;color:#777}h2{font-size:28px}.empty{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty p{color:var(--muted)}.ai-card{max-width:620px}.ai-card>div{display:flex;flex-direction:column;border-bottom:1px solid var(--line);padding-bottom:20px}.ai-card strong{font-size:42px;margin:8px 0}.ai-card p{color:var(--muted);line-height:1.5}.ai-card label{display:block;margin:16px 0;font-weight:700}.ai-card label small{display:block;margin:5px 0 0 24px;color:var(--muted);font-weight:400}@media(max-width:900px){body{grid-template-columns:76px 1fr}aside{padding:25px 12px}aside>img{width:48px;object-fit:cover;object-position:left}aside>small,.support,aside nav span{display:none}.metrics{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}}@media(max-width:620px){main{padding:0 14px 40px}.metrics{grid-template-columns:1fr}.split{grid-template-columns:1fr}.orders{display:block;overflow-x:auto}.notice p{display:none}.profile div{display:none}}