:root{--ink:#172b30;--plum:#17635d;--orange:#e3a653;--gold:#e9c58d;--cream:#f2f5f3;--muted:#647677;--line:#dce5e1;--shadow:0 8px 28px #17393206}.sidebar{background:#132f31}.brand{margin:0 10px 30px}.brand-mark{display:flex;align-items:center;justify-content:center;gap:4px;width:62px;height:62px;border:1px solid #789894;border-radius:18px;font-size:25px;color:#f3dfb9;letter-spacing:-2px}.brand-mark span{font-size:22px;letter-spacing:0;margin:0}.brand-name{display:block;font-size:25px;line-height:1.15;letter-spacing:-.7px;color:white;margin-top:16px}.brand>span{font-size:9px;letter-spacing:1.5px}.sidebar nav a.active{background:#285451}.sidebar nav a:hover{background:#234447}.topbar{background:white;height:80px}.topbar b{background:#e0f0e9;color:#21594b}.topbar button{font-size:12px}.demo-banner{margin:24px 40px 0;padding:20px 24px;background:#fff7e9;border:1px solid #e8d4ad;border-radius:16px;display:flex;gap:18px;align-items:flex-start}.demo-tag{font-size:10px;letter-spacing:1px;font-weight:850;white-space:nowrap;background:#f0d6a6;color:#5c4216;padding:6px 9px;border-radius:6px}.demo-banner strong{font-size:17px}.demo-banner p{font-size:13px;line-height:1.6;margin:4px 0;color:#635b4c}.demo-banner small{font-size:11px;color:#776b55}.demo-guide{margin:20px 40px 0;background:white;border:1px solid var(--line);border-radius:16px;padding:18px 22px}.demo-guide summary{cursor:pointer;font-weight:750;font-size:14px}.demo-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.demo-steps a{padding:16px;border-radius:12px;background:#f1f6f3;text-decoration:none;display:grid;gap:7px}.demo-steps a:hover{background:#e4f0e9}.demo-steps span{font-size:10px;letter-spacing:1px;font-weight:750;color:#637d74}.demo-steps strong{font-size:14px}.demo-steps small{font-size:12px;line-height:1.5}.demo-tip{font-size:12px;color:var(--muted);margin:14px 0 0}.stat:nth-child(2){background:#e8f2ec}.stat:nth-child(3){background:#faf0df}.secondary{background:#e6efea;color:var(--plum)}.page-head{align-items:flex-start}h1{font-size:32px}.badge{color:#21594b;background:#e3efe9}.sidebar-foot{color:#aac2bf}.sidebar-foot p{font-size:12px;line-height:1.6;margin:12px 0 0}@media(max-width:900px){.demo-banner,.demo-guide{margin:18px 20px 0}.demo-steps{grid-template-columns:1fr}.demo-steps a{gap:3px}.demo-banner{gap:12px;padding:16px}.brand-mark{display:none}.brand-name{font-size:19px}.brand>span{font-size:8px}}@media(max-width:550px){.topbar{height:auto;min-height:76px;flex-wrap:wrap;padding:14px 20px;gap:10px}.topbar b{display:inline-block;margin-left:4px}.demo-banner{display:block}.demo-tag{display:inline-block;margin-bottom:10px}.demo-banner strong{display:block}.demo-guide{padding:16px}.page-head h1{font-size:28px}}@media print{.demo-banner,.demo-guide{display:none!important}.print-target:before{content:'DEMO ONLY — fictional sample. Not payable.';display:block;font-weight:bold;border:2px solid #555;padding:10px;margin-bottom:18px}}