:root{font-family:Arial,Helvetica,sans-serif;color:#1b2730;background:#f6f8f8}*{box-sizing:border-box}body{margin:0}a{text-decoration:none;color:inherit}button{font:inherit}.shell{min-height:100vh;display:flex}.sidebar{width:244px;background:#142f2e;color:#f3f7f5;padding:34px 20px;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand{font-size:31px;font-weight:800;letter-spacing:-2px;margin:0 12px 52px}.brand span{color:#79d4a7}.sideCaption{font-size:10px;letter-spacing:1.7px;color:#9cb5ae;margin:0 12px 15px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:10px;font-size:14px;color:#c4d6d1}.sidebar nav a.active{background:#31514c;color:white;font-weight:700}.sideBottom{display:flex;align-items:center;gap:10px;margin-top:auto;border-top:1px solid #45605b;padding:18px 4px 0}.sideBottom .avatar{background:#c8ecdc;color:#173a33;border-radius:9px;padding:10px 12px;font-weight:800}.sideBottom div{flex:1 1}.sideBottom b,.sideBottom small{display:block;font-size:12px}.sideBottom small{color:#b7ccc5;margin-top:4px}.content{flex:1 1;min-width:0;max-width:1600px;padding:0 42px 30px}.topbar{height:85px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#6f807d}.chevron{margin:0 10px;color:#b5c3bf}.devtag{background:#e8f2ed;color:#407458;border:1px solid #d9e5df;border-radius:30px;padding:8px 14px;font-size:11px;font-weight:700}.hero{background:#e3f0e8;border:1px solid #d0e6d9;border-radius:20px;min-height:275px;justify-content:space-between;padding:34px 50px;overflow:hidden}.eyebrow,.hero{display:flex;align-items:center}.eyebrow{gap:8px;color:#34745b;font-size:12px;font-weight:700}.hero h1{font-size:42px;line-height:1.1;letter-spacing:-2px;margin:17px 0}.hero h1 em{font-style:normal;color:#3f8668}.hero p{font-size:14px;color:#57736a;max-width:520px;line-height:1.6}.primary{display:inline-flex;align-items:center;gap:12px;background:#203e36;color:white;padding:12px 18px;border-radius:9px;font-size:13px;font-weight:700;margin-top:10px}.heroMark{font-weight:900;font-size:190px;letter-spacing:-20px;line-height:1;color:#c4e2ce;transform:rotate(-9deg);margin-right:30px}.heroMark span{color:#69be90}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px;margin:22px 0}.stats>div{background:white;border:1px solid #e5ebea;border-radius:14px;padding:22px}.stats span{font-size:13px;color:#637670}.stats strong{font-size:31px;display:block;margin:10px 0}.stats small{display:flex;gap:7px;align-items:center;color:#638377;font-size:11px}.panel{background:white;border:1px solid #e5ebea;border-radius:16px;overflow:hidden}.panelTop{padding:25px 25px 18px;display:flex;justify-content:space-between;align-items:center}.panelTop h2{margin:0;font-size:19px}.panelTop p{margin:8px 0 0;color:#82918c;font-size:12px}.panelTop button{display:flex;align-items:center;gap:8px;background:#edf1ef;border:1px solid #e0e7e3;border-radius:8px;padding:10px 13px;color:#87918d;cursor:not-allowed}.filters{display:flex;justify-content:space-between;padding:14px 25px;background:#fafcfb;border-top:1px solid #edf0ee;border-bottom:1px solid #edf0ee;color:#87938d;font-size:12px}.filters span:first-child{display:flex;gap:8px;align-items:center}.tableWrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th{font-weight:600;color:#82928b;background:#fdfefd;font-size:11px}td,th{padding:17px 23px;border-bottom:1px solid #edf0ee;white-space:nowrap}td b,td small{display:block}td small{color:#8c9a94;margin-top:5px}tr:last-child td{border-bottom:0}.amount,.status{font-weight:700}.status{border-radius:30px;padding:7px 11px;font-size:11px}.done{background:#e5f4eb;color:#32815d}.warn{background:#fff2dc;color:#a87422}.pending{background:#eaf0fb;color:#5075a4}.channels{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-top:20px}.channel{display:flex;align-items:center;gap:15px;background:white;border:1px solid #e5ebea;padding:20px;border-radius:14px}.channel svg{color:#3f8668}.channel div{flex:1 1}.channel b{font-size:14px}.channel p{font-size:11px;color:#86948e;margin:6px 0 0}.channel>span{font-size:11px;color:#71847a;background:#eef3ef;border-radius:20px;padding:7px 10px}footer{margin-top:25px;color:#a1aaa6;font-size:11px;text-align:center}@media(max-width:1000px){.sidebar{width:200px}.content{padding:0 18px 20px}.heroMark{display:none}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.shell{display:block}.sidebar{height:auto;width:100%;position:static;padding:14px 18px}.brand{margin:0;font-size:26px}.sideBottom,.sideCaption{display:none}.sidebar nav{flex-direction:row;overflow:auto;margin-top:15px}.sidebar nav a{white-space:nowrap;padding:10px}.sidebar nav a svg{display:none}.topbar{height:65px}.hero{padding:25px}.hero h1{font-size:32px}.stats{gap:8px}.stats>div{padding:14px}.stats strong{font-size:23px}.channels{grid-template-columns:1fr}.filters span:last-child{display:none}}