:root{--dark:#2f4f1f;--mid:#4f7d2a;--light:#9ccc65;--cream:#f7f4ea;--white:#fff;--aqua:#00d9ff;--text:#24351f;--muted:#66735f;--line:#dce7d0}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--cream);color:var(--text)}a{color:inherit;text-decoration:none}.container{width:min(1120px,92%);margin:auto}.btn{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:8px;padding:10px 16px;font-weight:700;cursor:pointer;background:var(--mid);color:var(--white)}.btn.secondary{background:var(--white);color:var(--dark);border:1px solid var(--line)}.btn.danger{background:#b83232}.btn.aqua{background:var(--aqua);color:#10303b}.hero{min-height:92vh;background:linear-gradient(120deg,rgba(47,79,31,.92),rgba(79,125,42,.86)),url('https://images.unsplash.com/photo-1498837167922-ddd27525d352?auto=format&fit=crop&w=1600&q=80') center/cover;color:var(--white);display:flex;align-items:center}.hero h1{font-size:clamp(42px,7vw,76px);margin:0 0 10px}.hero p{font-size:20px;max-width:720px;line-height:1.55}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.hero-plans{margin-top:28px;max-width:980px}.hero-plans .card{background:rgba(255,255,255,.96);color:var(--text)}.hero-plans .card p{font-size:15px;line-height:1.4}.price{display:block;font-size:24px;color:var(--mid);margin:8px 0 10px}.section{padding:64px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.card{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:22px;box-shadow:0 10px 26px rgba(47,79,31,.08)}.card h3{margin-top:0;color:var(--dark)}.muted{color:var(--muted)}.problem{background:var(--dark);color:var(--white)}.problem .card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:var(--white)}.footer{background:#203716;color:var(--white);padding:28px 0}.auth-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,var(--dark),var(--mid))}.auth-card{width:min(440px,92%);background:var(--white);border-radius:8px;padding:32px;box-shadow:0 20px 50px rgba(0,0,0,.22)}.auth-card h1{margin-top:0;color:var(--dark)}label{font-weight:700;display:block;margin:12px 0 6px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;font:inherit}textarea{min-height:95px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:var(--dark);color:var(--white);padding:24px 18px;position:sticky;top:0;height:100vh}.logo{font-size:25px;font-weight:900;margin-bottom:8px}.user-box{padding:14px;background:rgba(255,255,255,.1);border-radius:8px;margin:18px 0}.menu{display:grid;gap:6px}.menu a,.menu button{width:100%;text-align:left;border:0;border-radius:8px;padding:11px 12px;background:transparent;color:var(--white);font:inherit;cursor:pointer}.menu a:hover,.menu button:hover,.menu .active{background:rgba(255,255,255,.14)}.main{min-width:0}.topbar{height:68px;background:var(--white);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 26px}.content{padding:26px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.table-wrap{overflow:auto;background:var(--white);border:1px solid var(--line);border-radius:8px}table{width:100%;border-collapse:collapse}th,td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left}th{background:#edf5e5;color:var(--dark)}.actions{display:flex;gap:8px;flex-wrap:wrap}.alert{padding:13px 16px;border-radius:8px;margin-bottom:16px}.alert.success{background:#dff2d5;color:#1f5b24}.alert.error{background:#ffe0df;color:#8b1f1f}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.stat{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:18px}.stat strong{display:block;font-size:28px;color:var(--dark)}.progress{height:12px;background:#e2ecd7;border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;background:var(--light)}.pagination{margin-top:16px}.badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#eaf5df;color:var(--dark);font-weight:700}.chart-box{height:280px}@media(max-width:850px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.content{padding:18px}.topbar{padding:0 18px}.page-head{align-items:flex-start;flex-direction:column}}