:root{--g:#1f6b45;--gd:#164a31;--gs:#eaf5ee;--bg:#f4f7f5;--t:#24313a;--m:#667085;--l:#dfe7e2;--w:#fff;--s:0 10px 30px rgba(31,107,69,.09)}
*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:var(--bg);color:var(--t)}a{color:inherit}
.app{min-height:100vh;display:grid;grid-template-columns:270px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid var(--l);padding:22px 18px}.brand{display:flex;gap:12px;align-items:center;margin-bottom:18px}.brand-mark{width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,var(--g),#3c8c61);color:#fff;display:grid;place-items:center;font-weight:800}.brand strong{display:block}.brand small{color:var(--m)}
.search-wrap{margin:14px 0 18px}.search-wrap input{width:100%;padding:11px 12px;border:1px solid var(--l);border-radius:10px}.nav a{display:flex;gap:10px;text-decoration:none;padding:11px 12px;border-radius:10px;margin:4px 0}.nav a:hover,.nav a.active{background:var(--gs);color:var(--gd)}
.main{min-width:0}.topbar{height:64px;background:#fffffff2;border-bottom:1px solid var(--l);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:5}.menu-btn{display:none;border:0;background:none;font-size:24px}.meta{color:var(--m);font-size:14px}
.page{max-width:1160px;margin:auto;padding:36px 28px 72px}.hero{background:linear-gradient(135deg,var(--gd),var(--g));color:#fff;border-radius:20px;padding:44px;box-shadow:var(--s);margin-bottom:24px}.hero h1{margin:0 0 8px;font-size:44px}.hero p{margin:0;font-size:17px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:#fff;border:1px solid var(--l);border-radius:16px;padding:22px;box-shadow:var(--s);text-decoration:none;transition:.2s}.card:hover{transform:translateY(-3px)}.card h2{margin:0 0 8px;color:var(--gd);font-size:20px}.card p{margin:0;color:var(--m);line-height:1.55}
.section{background:#fff;border:1px solid var(--l);border-radius:16px;padding:26px;margin-top:22px}.section h2{margin-top:0;color:var(--gd)}
.quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}.quick-action{background:#fff;border:1px solid var(--l);border-radius:14px;padding:18px;text-decoration:none}.quick-action strong{display:block;color:var(--gd)}.quick-action small{color:var(--m)}
.footer{margin-top:36px;color:var(--m);font-size:13px;text-align:center}
.search-panel{display:none;position:fixed;inset:64px 0 0 270px;background:#f4f7f5fa;z-index:15;padding:30px;overflow:auto}.search-panel.open{display:block}.search-results{max-width:900px;margin:auto}.result-item{display:block;background:#fff;border:1px solid var(--l);border-radius:12px;padding:16px;margin-bottom:10px;text-decoration:none}.result-item strong{display:block;color:var(--gd)}.result-item small{color:var(--m)}
@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{position:fixed;left:-290px;width:270px;z-index:20;transition:.2s}.sidebar.open{left:0}.menu-btn{display:block}.grid{grid-template-columns:1fr 1fr}.quick-actions{grid-template-columns:1fr 1fr}.search-panel{inset:64px 0 0 0}}
@media(max-width:600px){.page{padding:20px 14px 48px}.hero{padding:30px 22px}.hero h1{font-size:34px}.grid,.quick-actions{grid-template-columns:1fr}.topbar{padding:0 14px}}