:root{--navy:#071B3A;--green:#069A5C;--soft:#EAF8F1;--light:#F6FBF8;--text:#071B3A;--muted:#394258;--border:#DFE6EA;--white:#fff;--danger:#D92D20;--orange:#F97316;--blue:#0B5BD3;--purple:#6E3AC9;--shadow:0 18px 45px rgba(7,27,58,.08);--radius:18px}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.55}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 54px;background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.brand img{width:220px}.nav{display:flex;align-items:center;gap:30px;font-weight:700;white-space:nowrap}.nav a{padding:12px 4px}.nav a:hover{color:var(--green)}.menu-toggle{display:none}.btn,button,.button{background:var(--green);color:white;border:0;border-radius:12px;padding:14px 24px;font-weight:800;display:inline-flex;gap:10px;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 18px rgba(6,154,92,.18)}.btn.secondary,.button.secondary{background:#fff;color:var(--navy);border:1px solid var(--navy);box-shadow:none}.btn.small{padding:10px 18px}.btn.danger{background:var(--danger)}.container{max-width:1180px;margin:auto;padding:0 24px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:70px 0}.hero h1{font-size:54px;line-height:1.08;margin:0 0 20px}.hero h1 span{color:var(--green)}.hero p{font-size:18px;color:var(--muted);max-width:560px}.hero-actions{display:flex;gap:18px;margin-top:28px}.hero-img{border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.section{padding:70px 0}.section.soft{background:linear-gradient(180deg,#f8fcfb,#effaf5)}.section-title{text-align:center;margin:0 0 32px}.section-title small,.eyebrow{display:block;color:var(--green);letter-spacing:4px;font-weight:900;text-transform:uppercase}.section-title h2,.section h2{font-size:36px;line-height:1.2;margin:8px 0}.grid{display:grid;gap:24px}.grid4{grid-template-columns:repeat(4,1fr)}.grid3{grid-template-columns:repeat(3,1fr)}.grid2{grid-template-columns:repeat(2,1fr)}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:28px;box-shadow:0 8px 24px rgba(7,27,58,.04)}.service-card .icon,.feature .icon,.dash-card .icon{font-size:34px;color:var(--green);width:66px;height:66px;border-radius:50%;background:var(--soft);display:flex;align-items:center;justify-content:center;margin-bottom:18px}.service-card h3{font-size:21px}.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.split img{border-radius:18px;box-shadow:var(--shadow)}.checklist{list-style:none;padding:0;margin:20px 0}.checklist li{margin:12px 0;padding-left:32px;position:relative}.checklist li:before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:900}.site-footer{background:var(--navy);color:#fff;display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:34px;padding:54px}.site-footer a{display:block;color:#DDEAF2;margin:7px 0}.footer-logo{width:170px;filter:brightness(0) invert(1)}.social{display:flex;gap:10px}.social a{width:34px;height:34px;border:1px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center}.copy{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.14);padding-top:20px;color:#C8D5E2}.form-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}label{display:block;font-weight:800;margin:12px 0 7px}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:12px;padding:13px 14px;font:inherit;background:#fff}textarea{min-height:120px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.notice{background:#eaf8f1;border:1px solid #bfe9d2;color:#075333;border-radius:12px;padding:13px 16px;margin:14px 0}.login-wrap{display:grid;grid-template-columns:.95fr 1.05fr;min-height:calc(100vh - 92px)}.login-side{background:linear-gradient(150deg,#eaf8f1,#fff);display:flex;align-items:center;justify-content:center;padding:40px}.login-side img{border-radius:28px;box-shadow:var(--shadow)}.dashboard{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.side{background:var(--navy);color:white;padding:24px}.side img{width:150px;filter:brightness(0) invert(1);margin-bottom:28px}.side a{display:block;color:#dce9f5;padding:13px 14px;border-radius:10px;margin:3px 0}.side a:hover,.side a.active{background:var(--green);color:white}.main-panel{background:#f6fbf8;padding:28px}.dash-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dash-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.dash-card{background:white;border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 8px 22px rgba(7,27,58,.05)}.dash-card strong{font-size:32px}table{width:100%;border-collapse:separate;border-spacing:0;background:white;border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 6px 20px rgba(7,27,58,.04)}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--border);vertical-align:top}th{background:#f9fbfc;font-size:13px}tr:last-child td{border-bottom:0}.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:18px 0}.toolbar form{flex:1}.search{max-width:420px}.badge{display:inline-flex;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:800}.badge.active,.badge.approved,.badge.responded{background:#eaf8f1;color:#087342}.badge.inactive,.badge.cancel{background:#ffecec;color:#b42318}.badge.waiting,.badge.received{background:#fff3e8;color:#c45a11}.badge.allocated{background:#e8f1ff;color:#0b5bd3}.actions{display:flex;gap:8px;flex-wrap:wrap}.linkbtn{border:1px solid var(--border);background:#fff;color:var(--navy);padding:8px 12px;border-radius:10px;font-weight:800}.panel{background:#fff;border:1px solid var(--border);border-radius:18px;padding:22px;margin:18px 0;box-shadow:0 6px 20px rgba(7,27,58,.04)}@media(max-width:980px){.site-header{padding:18px 22px;height:auto}.brand img{width:160px}.menu-toggle{display:block;background:#fff;color:var(--navy);box-shadow:none;border:1px solid var(--border);padding:8px 12px}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:white;padding:18px;flex-direction:column;border-bottom:1px solid var(--border)}.nav-open .nav{display:flex}.hero,.split,.login-wrap,.dashboard{grid-template-columns:1fr}.grid4,.grid3,.grid2,.dash-cards,.site-footer{grid-template-columns:1fr}.hero h1{font-size:38px}.form-grid{grid-template-columns:1fr}.side{position:relative}.main-panel{padding:18px}.toolbar{flex-direction:column;align-items:stretch}}
/* v2.2 final safety modifications */
img.page-photo{width:100%;height:430px;object-fit:cover;border-radius:22px;box-shadow:var(--shadow)}
.profile-photo{width:96px;height:96px;border-radius:50%;object-fit:cover;border:4px solid var(--soft);box-shadow:0 8px 24px rgba(7,27,58,.1)}
.delete-thin{padding:5px 9px;border-radius:8px;border:1px solid #f1b6b6;color:#b42318;background:#fff;font-size:12px;font-weight:700;box-shadow:none}
.thin-btn{padding:6px 10px;border-radius:8px;font-size:12px;box-shadow:none}
.status-switch{min-width:128px;padding:8px 10px;font-size:13px;border-radius:999px;font-weight:800}
.compact-table th,.compact-table td{padding:8px 10px;font-size:13px}.compact-table textarea{min-height:70px}.note-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border);border-radius:10px;background:#fff;cursor:pointer}.modal{display:none;position:fixed;inset:0;background:rgba(7,27,58,.45);z-index:1000;align-items:center;justify-content:center;padding:18px}.modal:target{display:flex}.modal-card{background:#fff;border-radius:18px;border:1px solid var(--border);box-shadow:var(--shadow);padding:24px;width:min(620px,100%);max-height:85vh;overflow:auto}.modal-close{float:right;font-weight:900;color:var(--muted)}.box-dashboard{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.box-tile{background:#fff;border:1px solid var(--border);border-radius:22px;padding:26px;box-shadow:var(--shadow);min-height:150px}.box-tile .icon{width:56px;height:56px;border-radius:16px;background:var(--soft);display:flex;align-items:center;justify-content:center;color:var(--green);font-size:26px;margin-bottom:16px}.box-tile h3{margin:0 0 8px}.box-tile p{color:var(--muted);margin:0 0 18px}.top-profile{display:flex;gap:20px;align-items:center;margin-bottom:18px}.contact-form-title h2{margin-top:0}@media(max-width:980px){.box-dashboard{grid-template-columns:1fr}img.page-photo{height:300px}}