:root{--brown:#5a300e;--brown-dark:#3f2109;--cream:#fdfada;--cream-dark:#f5f0c8;--bg:#faf9f3;--text:#2b1a10;--muted:#756b63;--border:#e5dfcf;--white:#fff;--green:#198754}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);font-family:Poppins,Arial,sans-serif;color:var(--text);line-height:1.5
a{text-decoration:none}
.wrap{max-width:1160px;margin:auto;padding:0 22px}

header{height:72px;background:var(--white);border-bottom:1px solid var(--border)}
.nav{height:100%;display:flex;align-items:center;justify-content:space-between}
.brand{font-size:28px;font-weight:900;color:var(--brown)}
.brand span{color:var(--brown)}
.admin-link{font-weight:700;color:var(--brown)}

.hero{margin:35px 0;padding:58px;background:linear-gradient(120deg,var(--brown-dark),var(--brown));color:var(--white);border-radius:0}
.hero h1{font-size:48px;line-height:1.05;margin:10px 0}
.hero p{max-width:650px;color:var(--cream);font-size:18px}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.5px;color:var(--brown)}
.hero .eyebrow{color:var(--cream)}

.wizard-card,.panel,.login-card,.success-card{background:var(--white);border:1px solid var(--border);border-radius:0;box-shadow:0 8px 30px #5a300e0d}
.wizard-card{padding:32px;margin-bottom:50px}

.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:35px}
.step{display:flex;gap:10px;align-items:center;color:#87918d;font-weight:700}
.step b{width:32px;height:32px;border-radius:0;display:grid;place-items:center;background:#eeeade}
.step.active{color:var(--brown)}
.step.active b,.step.done b{background:var(--cream);color:var(--brown)}

.wizard-step{display:none}
.wizard-step.active{display:block}
.wizard-step h2{font-size:27px;margin:0}
.hint{color:var(--muted)}

.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.full{grid-column:1/-1}

label{display:block;font-weight:700;margin:17px 0 7px}
small{color:var(--muted);font-weight:500}

input,select,textarea{width:100%;padding:12px 13px;border:1px solid var(--border);border-radius:0;font:inherit;background:var(--white)}
input:focus,select:focus,textarea:focus{outline:3px solid var(--cream);border-color:var(--brown)}

.form-actions{display:flex;justify-content:space-between;margin-top:30px;border-top:1px solid var(--border);padding-top:22px}
.btn{border:0;border-radius:0;padding:12px 18px;font-weight:800;cursor:pointer}
.primary{background:var(--brown);color:var(--white)}
.primary:hover{background:var(--brown-dark)}
.secondary{background:var(--cream);color:var(--brown)}
.small{padding:7px 10px;font-size:12px}
.hidden{display:none!important}

.notice{background:#f8f7ef;border:1px solid var(--border);padding:17px;border-radius:0;margin-top:25px}
.check{display:flex;gap:10px;font-weight:500}
.check input{width:auto}

.review-box{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.review-box>div{background:#f8f7ef;padding:13px;border-radius:0}
.review-box small,.detail-grid small{display:block;font-weight:700}
.review-box p,.detail-grid p{margin:3px 0}

.success-card{max-width:650px;margin:90px auto;padding:50px;text-align:center}
.success-icon{width:64px;height:64px;border-radius:0;background:var(--cream);color:var(--brown);display:grid;place-items:center;font-size:32px;font-weight:900;margin:0 auto 20px}
.application-no{padding:18px;background:#f8f7ef;border-radius:0;margin:25px 0}
.application-no small,.application-no strong{display:block}
.application-no strong{font-size:22px;color:var(--brown);margin-top:5px}

.login{min-height:100vh;display:grid;place-items:center}
.login-card{width:100%;max-width:440px;padding:35px}
.error{background:#fdecec;color:#a61b1b;padding:10px;border-radius:0;margin:15px 0}

.admin-main{padding-top:40px}
.page-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}
.page-head h1{margin:5px 0;font-size:38px}

.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:25px}
.stat{background:var(--white);border:1px solid var(--border);border-radius:0;padding:20px}
.stat strong{font-size:32px;display:block}

.table-wrap{background:var(--white);border:1px solid var(--border);border-radius:0;overflow:auto}
table{width:100%;border-collapse:collapse}
th,td{padding:14px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}
.status{background:var(--cream);color:var(--brown);border-radius:0;padding:5px 9px;font-size:12px;font-weight:800}

.profile-main{padding-top:40px}
.profile-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}
.panel{padding:25px}
.panel h2{margin-top:0;margin-bottom:15px}

.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.detail-grid>div{background:#f8f7ef;border-radius:0;padding:12px}
.success-mini{background:#f4f0dc;color:var(--brown);padding:10px;border-radius:0;margin-bottom:12px}

@media(max-width:800px){
.hero{padding:38px 25px}
.hero h1{font-size:38px}
.grid,.review-box,.profile-grid,.detail-grid,.stats{grid-template-columns:1fr}
.full{grid-column:auto}
.steps span{display:none}
.wizard-card{padding:22px}
}