*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;background:#f8fafc;color:#1e293b;line-height:1.5}
a{text-decoration:none;color:inherit}
.container{max-width:1180px;margin:auto;padding:0 18px}
.header{background:#fff;border-bottom:4px solid #15803d;box-shadow:0 2px 10px rgba(15,23,42,.08)}
.header-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0}
.brand{display:flex;align-items:center;gap:14px}
.brand img{width:66px;height:66px;object-fit:contain}
.brand h1{font-size:24px;color:#064e3b;font-weight:900}
.brand p{font-size:12px;color:#64748b;text-transform:uppercase;font-weight:700}
.nav{background:#166534;color:#fff}
.nav-inner{display:flex;gap:4px;flex-wrap:wrap}
.nav a{display:block;padding:13px 18px;font-size:14px;font-weight:800}
.nav a:hover,.nav a.active{background:#14532d;color:#fbbf24}
.hero{background:linear-gradient(90deg,rgba(6,78,59,.92),rgba(6,78,59,.6)),url('other.jpeg');background-size:cover;background-position:center;color:#fff;padding:38px 0}
.hero h2{font-size:38px;font-weight:900}.hero p{color:#e2e8f0;margin-top:6px}
.section{padding:30px 0}
.card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 10px 25px rgba(15,23,42,.08);overflow:hidden;margin-bottom:20px}
.card-head{background:#0f172a;color:#fff;padding:16px 20px;font-weight:900;font-size:18px}
.card-body{padding:20px}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
label{display:block;font-size:13px;font-weight:800;margin-bottom:6px;color:#0f172a}
input,select,textarea{width:100%;padding:11px 12px;border:1px solid #cbd5e1;border-radius:8px;outline:none;font-size:14px;background:#fff}
input:focus,select:focus,textarea:focus{border-color:#15803d;box-shadow:0 0 0 3px rgba(21,128,61,.14)}
textarea{min-height:90px;resize:vertical}.full{grid-column:1/-1}
.btn{border:0;border-radius:8px;padding:11px 16px;font-weight:900;cursor:pointer;display:inline-block}
.btn-green{background:#166534;color:#fff}.btn-green:hover{background:#14532d}
.btn-dark{background:#0f172a;color:#fff}.btn-light{background:#f1f5f9;color:#166534;border:1px solid #bbf7d0}.btn-red{background:#dc2626;color:#fff}
.msg{padding:12px 14px;border-radius:8px;margin-bottom:16px;font-weight:800}
.success{background:#dcfce7;color:#166534;border:1px solid #86efac}.error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}
.table-wrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;min-width:900px;background:#fff}
th{background:#050505;color:#fff;text-align:left;padding:12px;border:1px solid #334155;font-size:13px}
td{padding:12px;border:1px solid #e2e8f0;font-size:13px;vertical-align:top}
.badge{display:inline-block;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:900}
.pending{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}.done{background:#dcfce7;color:#166534;border:1px solid #86efac}.info{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}
.stat{background:#fff;border-top:4px solid #16a34a;border-radius:14px;padding:20px;box-shadow:0 8px 20px rgba(15,23,42,.08)}
.stat h3{font-size:32px;color:#064e3b}.stat p{font-size:14px;color:#64748b;font-weight:800}
.footer{background:#0f172a;color:#cbd5e1;border-top:4px solid #f59e0b;padding:28px 0;text-align:center;margin-top:30px;font-size:13px}
@media(max-width:768px){.grid,.grid3{grid-template-columns:1fr}.hero h2{font-size:28px}.brand h1{font-size:20px}.brand img{width:56px;height:56px}.nav-inner{flex-direction:column}.nav a{border-bottom:1px solid rgba(255,255,255,.12)}}