:root{--navy:#07192f;--navy2:#0d2747;--emerald:#0f8f67;--emerald2:#0fb981;--gold:#d8a93a;--soft:#f4f7fb;--muted:#6b7280;--card:#ffffff;--radius:24px;--shadow:0 18px 45px rgba(7,25,47,.12)}
*{box-sizing:border-box}body{font-family:Inter,Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif;color:#162033;background:#fff}.public-navbar{background:rgba(7,25,47,.88);backdrop-filter:blur(16px);box-shadow:0 8px 30px rgba(0,0,0,.1)}.brand-mark{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,var(--emerald),var(--gold));color:#fff;font-weight:900;margin-right:.6rem}.hero-public{min-height:92vh;display:flex;align-items:center;padding:130px 0 80px;background:radial-gradient(circle at top right,rgba(15,185,129,.32),transparent 36%),linear-gradient(135deg,var(--navy),#0a3c55 62%,#0c5a46);color:#fff;overflow:hidden}.hero-public h1{font-size:clamp(2.4rem,5vw,4.8rem);line-height:1.04;font-weight:900;letter-spacing:-.055em}.eyebrow{display:inline-block;padding:.45rem .8rem;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.1);margin-bottom:1rem}.hero-panel{display:grid;gap:1.2rem}.stat-card{border:1px solid rgba(255,255,255,.22);border-radius:28px;background:rgba(255,255,255,.12);box-shadow:0 20px 50px rgba(0,0,0,.18);backdrop-filter:blur(14px);padding:1.6rem}.stat-card strong{font-size:2.4rem;display:block}.section{padding:82px 0}.section.soft{background:var(--soft)}.section-title{text-align:center;max-width:760px;margin:0 auto 45px}.section-title span{color:var(--emerald);font-weight:800;text-transform:uppercase;letter-spacing:.12em}.section-title h2{font-size:clamp(2rem,4vw,3rem);font-weight:900;letter-spacing:-.035em}.service-card{display:block;height:100%;text-decoration:none;color:#162033;background:#fff;border:1px solid #e7edf5;border-radius:var(--radius);padding:1.6rem;box-shadow:0 10px 30px rgba(15,36,60,.06);transition:.25s ease}.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:rgba(15,143,103,.35);color:#162033}.service-card i{font-size:2rem;color:var(--emerald);display:inline-grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#eafaf3;margin-bottom:1rem}.service-card h5{font-weight:800}.service-card p{color:var(--muted)}.service-card span{color:var(--emerald);font-weight:700}.feature-box,.form-card,.seed-card,.weather-card,.tracking-result{background:#fff;border:1px solid #e8eef6;border-radius:var(--radius);box-shadow:0 12px 34px rgba(7,25,47,.07);padding:1.6rem}.feature-box i{font-size:2rem;color:var(--gold)}.page-hero{padding:140px 0 70px;background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff}.page-hero h1{font-size:clamp(2.1rem,4vw,3.6rem);font-weight:900;letter-spacing:-.045em}.footer-public{background:#07192f;color:#dbe7f4}.btn-emerald{background:linear-gradient(135deg,var(--emerald),var(--emerald2));border:0;color:#fff;font-weight:700}.btn-emerald:hover{color:#fff;filter:brightness(.96)}.btn-gold{background:linear-gradient(135deg,#f2cf75,var(--gold));border:0;color:#1d2939;font-weight:800}.weather-card{text-align:center}.weather-card i{font-size:2.2rem;color:var(--gold);display:block;margin:.7rem}.tracking-result{border-left:6px solid var(--emerald)}
.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top left,rgba(15,185,129,.2),transparent 35%),linear-gradient(135deg,#07192f,#0d2747);padding:24px}.login-card{width:min(460px,100%);background:rgba(255,255,255,.94);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:32px;padding:2rem;box-shadow:0 30px 80px rgba(0,0,0,.25)}.login-brand{display:flex;gap:1rem;align-items:center;margin-bottom:1.2rem}.login-brand h3{margin:0;font-weight:900}.login-brand p{margin:0;color:var(--muted)}.demo-box{font-size:.88rem;background:#f3f7fb;border:1px dashed #c7d7e6;border-radius:16px;padding:1rem}
.admin-body{background:#f3f6fb}.admin-shell{display:flex;min-height:100vh}.sidebar{width:290px;background:#07192f;color:#fff;padding:1.1rem;position:fixed;inset:0 auto 0 0;overflow:auto;transition:.25s;z-index:50}.sidebar.collapsed{width:86px}.sidebar-brand{display:flex;align-items:center;gap:.8rem;padding:.7rem;margin-bottom:1rem}.sidebar-brand strong{display:block}.sidebar-brand small{color:#9db2ca}.side-link{display:flex;align-items:center;gap:.85rem;color:#c9d7e6;text-decoration:none;padding:.85rem 1rem;border-radius:16px;margin:.25rem 0;transition:.2s}.side-link:hover,.side-link.active{background:rgba(255,255,255,.12);color:#fff}.side-link i{font-size:1.1rem}.sidebar.collapsed .side-link span,.sidebar.collapsed .sidebar-brand div{display:none}.main{margin-left:290px;width:calc(100% - 290px);transition:.25s}.sidebar.collapsed+.main{margin-left:86px;width:calc(100% - 86px)}.topbar{height:82px;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-bottom:1px solid #e7edf5;display:flex;align-items:center;gap:1rem;padding:0 1.4rem;position:sticky;top:0;z-index:20}.content{padding:1.4rem}.admin-card{background:#fff;border:1px solid #e8eef6;border-radius:24px;box-shadow:0 12px 34px rgba(7,25,47,.06);padding:1.3rem}.stat-admin{display:flex;gap:1rem;align-items:center;background:#fff;border:1px solid #e8eef6;border-radius:24px;box-shadow:0 10px 30px rgba(7,25,47,.06);padding:1.25rem}.stat-admin .stat-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:1.55rem}.stat-admin span{display:block;color:var(--muted);font-weight:700}.stat-admin strong{display:block;font-size:2rem;font-weight:900}.btn-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center}.btn-white{background:#fff;border:1px solid #e7edf5}.notification-dot{position:relative;width:42px;height:42px;border-radius:14px;background:#fff;border:1px solid #e7edf5;display:grid;place-items:center}.notification-dot:after{content:"";position:absolute;top:9px;right:9px;width:9px;height:9px;background:#ef4444;border-radius:999px}.table{--bs-table-bg:transparent}.datatable thead th{background:#f8fafc;color:#475569}.badge{font-weight:700;letter-spacing:.02em}.progress-line{margin-bottom:1.2rem}.progress-line span{font-size:.9rem;color:#667085;font-weight:700}.progress{height:10px;border-radius:999px}.empty-state{background:#fff;border:1px dashed #cbd5e1;border-radius:28px;text-align:center;padding:3rem}.empty-state i{font-size:3rem;color:#94a3b8}.empty-mini{border:1px dashed #d7e1ef;border-radius:16px;padding:1rem;text-align:center;color:#64748b}.comment-box{border:1px solid #e8eef6;background:#f8fafc;border-radius:16px;padding:1rem;margin-bottom:1rem}.comment-box small{display:block;color:#64748b}.form-label{font-weight:700;color:#344054}.form-control,.form-select{border-radius:14px;border-color:#d8e2ee;padding:.72rem .9rem}.form-control:focus,.form-select:focus{border-color:var(--emerald);box-shadow:0 0 0 .25rem rgba(15,143,103,.12)}
@media(max-width:992px){.sidebar{transform:translateX(-100%)}.sidebar.mobile-open{transform:translateX(0)}.main{margin-left:0;width:100%}.sidebar.collapsed+.main{margin-left:0;width:100%}.content{padding:1rem}.hero-public{padding-top:110px}.section{padding:58px 0}}
@media print{.sidebar,.topbar,.btn,.dataTables_filter,.dataTables_length,.dataTables_paginate{display:none!important}.main{margin-left:0;width:100%}.content{padding:0}.admin-card{box-shadow:none;border:0}}