:root{font-family:Arial,sans-serif;color:#162825;background:#f4f7f6}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}.topbar{height:88px;background:#fff;border-bottom:1px solid #d9e4df;display:flex;align-items:center;justify-content:space-between;padding:12px 24px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:60px;height:60px;object-fit:contain}.brand div{display:flex;flex-direction:column;gap:3px}.brand small,.page-head small{font-size:11px;font-weight:700;color:#21785c}.brand strong{font-size:26px;font-weight:600}.brand strong span{font-size:12px;color:#895b00;background:#ffefbd;padding:4px 7px;border-radius:4px;vertical-align:middle}.top-actions{display:flex;align-items:center;gap:12px}.preview-tag{font-size:13px;color:#526861}.icon-button{width:38px;height:38px;background:#142a32;color:#fff;border:0;border-radius:5px}.notice{padding:9px 24px;background:#fff3cb;color:#654c03;font-size:13px;text-align:center}.shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 125px)}.sidebar{background:#142730;padding:24px 12px;display:flex;flex-direction:column;gap:4px}.nav-button{border:0;background:none;color:#f0f5f3;display:flex;align-items:center;gap:15px;text-align:left;padding:13px 15px;border-radius:5px}.nav-button.active{background:#194c50;border-left:3px solid #5bd3ce}.nav-button:hover{background:#245056}.icon{width:20px;text-align:center;font-size:21px}.nav-collapsed .shell{grid-template-columns:68px minmax(0,1fr)}.nav-collapsed .nav-label{display:none}.nav-collapsed .nav-button{justify-content:center;padding-inline:4px}main{padding:30px;max-width:1300px;width:100%}.view{display:none}.view.active{display:block}.page-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:22px}.page-head h1{font-size:28px;font-weight:600;margin:5px 0 0}.muted{color:#60736d;font-size:14px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.stats article,.account-grid article{background:#fff;border:1px solid #d9e4df;border-radius:5px;padding:18px}.stats article{display:flex;flex-direction:column;gap:8px}.stats span{color:#597168;font-size:13px}.stats strong{font-size:26px}.stats .demo-value{font-size:18px}.list{border:1px solid #d9e4df;border-radius:5px;overflow:hidden;background:#fff}.list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #e5ede9}.list article:last-child{border-bottom:0}.list article div{display:flex;flex-direction:column;gap:5px}.list article strong{font-size:16px}.list article span{font-size:13px;color:#5b7169}.status{background:#e6f3ed;padding:6px 10px;border-radius:4px;color:#19704e!important;white-space:nowrap}.primary{border:0;background:#21785c;color:#fff;padding:10px 14px;border-radius:5px;font-weight:600}.primary:hover{background:#155c46}.account-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.account-grid strong{font-size:17px}.account-grid p,.note{color:#61756c;line-height:1.5}.empty{padding:25px;color:#5b7169}.bottom-nav{display:none}.toast{position:fixed;top:18px;left:50%;transform:translateX(-50%);padding:11px 17px;background:#18372e;color:#fff;border-radius:5px;box-shadow:0 8px 25px #0002;opacity:0;pointer-events:none;transition:opacity .2s}.toast.visible{opacity:1}@media(max-width:760px){.topbar{height:76px;padding:8px 14px}.brand img{width:50px;height:50px}.brand strong{font-size:20px}.preview-tag,.icon-button,.sidebar{display:none}.shell{display:block;min-height:calc(100vh - 130px)}main{padding:18px 14px 100px}.page-head h1{font-size:23px}.stats{gap:7px}.stats article{padding:11px}.stats strong{font-size:22px}.stats span{font-size:11px}.account-grid{grid-template-columns:1fr}.list article{padding:13px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #d9e4df;display:grid;grid-template-columns:repeat(4,1fr);padding:7px 5px calc(7px + env(safe-area-inset-bottom));z-index:10}.bottom-nav button{border:0;background:none;color:#5b7169;font-size:12px;font-weight:600;padding:12px 2px;border-radius:5px}.bottom-nav button.active{background:#21785c;color:#fff}.notice{font-size:12px;padding:8px 12px}.page-head .primary{font-size:12px;padding:9px}.muted{font-size:12px}}@media print{.topbar,.notice,.sidebar,.bottom-nav,.primary{display:none}main{padding:0}}