:root{--ink:#16362f;--forest:#1f5a48;--sand:#f5f1e8;--paper:#fffdf8;--accent:#c96d36;--muted:#5c6d66;--line:#d7ded7}*{box-sizing:border-box}body{margin:0;background:var(--sand);color:var(--ink);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.topbar{min-height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;background:rgba(255,253,248,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2}.brand{font-weight:800;color:var(--ink);text-decoration:none}.badge,.eyebrow{font-size:.73rem;letter-spacing:.1em;font-weight:800}.badge{padding:4px 8px;border-radius:99px;background:#e4eee6;color:var(--forest)}main{max-width:1080px;margin:auto;padding:5rem 6vw 7rem}.hero{max-width:680px;padding:3rem 0 5rem}.eyebrow{color:var(--accent);text-transform:uppercase;margin:0 0 .4rem}h1{font-size:clamp(2.5rem,7vw,5rem);line-height:1.04;margin:.2rem 0 1rem;letter-spacing:-.04em}h2{font-size:clamp(1.7rem,4vw,2.4rem);line-height:1.15;margin:.25rem 0 1.5rem}.hero>p:not(.eyebrow){font-size:1.1rem;color:var(--muted);max-width:600px}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.8rem}.button,button{min-height:44px;border-radius:9px;padding:.68rem 1rem;text-decoration:none;font-weight:700;border:1px solid transparent}.primary{background:var(--forest);color:white}.secondary{border-color:var(--forest);color:var(--forest)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.cards article,.report{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:1.35rem;box-shadow:0 8px 25px rgba(33,54,46,.05)}.icon{font-size:1.5rem;color:var(--accent)}h3{margin:.45rem 0}.cards p,.report p{color:var(--muted)}.cards a{color:var(--forest);font-weight:700}.locked{font-size:.84rem;color:var(--muted)}.report{margin-top:4rem;background:#e7f0e8}.report button{background:#c8d2ca;color:#536158;cursor:not-allowed}.report small{display:block;margin-top:1rem;color:var(--muted)}.bottom-nav{position:fixed;inset:auto 0 0;background:var(--paper);display:flex;justify-content:space-around;border-top:1px solid var(--line);z-index:2}.bottom-nav a{padding:.8rem .2rem;color:var(--ink);text-decoration:none;font-size:.82rem}.report-fab{position:fixed;right:1rem;bottom:4.2rem;background:var(--accent);color:white;text-decoration:none;border-radius:99px;padding:.75rem 1rem;font-weight:800;box-shadow:0 6px 20px rgba(78,42,20,.25);z-index:3}@media(max-width:720px){main{padding-top:2.5rem}.cards{grid-template-columns:1fr}.report-fab span{display:none}}@media(min-width:721px){.bottom-nav{display:none}.report-fab{bottom:1.5rem}}
.map-page{background:var(--paper)}.map-main{max-width:1180px;padding-top:2.25rem}.map-heading h1{font-size:clamp(2rem,5vw,3.25rem)}.map-heading p:not(.eyebrow){color:var(--muted);margin-top:-.75rem}.map-toolbar{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.5rem 0}.map-toolbar label{background:var(--sand);border:1px solid var(--line);border-radius:999px;padding:.45rem .7rem;font-size:.9rem}.map-toolbar input{accent-color:var(--forest)}#map{height:min(62vh,600px);min-height:360px;border:1px solid var(--line);border-radius:16px;overflow:hidden}.map-status{color:var(--muted);font-size:.9rem;margin:.7rem 0}@media(max-width:720px){.map-main{padding:1.5rem 1rem 2rem}.map-toolbar{gap:.4rem}.map-toolbar label{font-size:.78rem;padding:.35rem .5rem}#map{min-height:440px}}
.form-main{max-width:700px;padding-top:3rem}.form-main h1{font-size:clamp(2.2rem,6vw,3.8rem)}.form-intro{color:var(--muted)}form{display:grid;gap:1.1rem;margin-top:2rem}form label{display:grid;gap:.4rem;font-weight:700}input,select,textarea{width:100%;border:1px solid #aebbb3;border-radius:8px;background:#fff;padding:.7rem;font:inherit;color:var(--ink)}textarea{min-height:130px;resize:vertical}fieldset,details,.tracking-card{border:1px solid var(--line);border-radius:10px;padding:1rem;background:var(--paper)}fieldset p{color:var(--muted);font-size:.9rem;margin-top:0}#location-status{margin-left:.6rem;color:var(--muted);font-size:.9rem}.form-status{min-height:1.5em;color:var(--muted)}.tracking-card{margin-top:1.5rem;background:#e7f0e8}.tracking-card strong{font-size:1.2rem}
.asset-list{display:grid;gap:1rem}.asset-card{border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:1rem}.asset-card h3{margin:.35rem 0}.asset-card p{margin:.35rem 0;color:var(--muted)}.asset-card form{margin-top:1rem;gap:.65rem}.asset-card form select,.asset-card form input{max-width:360px}.asset-card form textarea{min-height:80px}
.dashboard-main{max-width:950px}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0}.metric-card{display:grid;gap:.2rem;min-height:130px;padding:1.1rem;border:1px solid var(--line);border-radius:14px;background:var(--paper);text-decoration:none;color:var(--ink)}.metric-card small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.metric-card strong{font-size:2rem;line-height:1.1}.metric-card span{font-weight:700}.dashboard-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.dashboard-links a{color:var(--forest);font-weight:700}@media(max-width:720px){.metrics-grid{grid-template-columns:repeat(2,1fr);gap:.7rem}.metric-card{min-height:110px;padding:.85rem}}
.install-button{background:var(--paper);cursor:pointer}.install-help{margin:.8rem 0 0;color:var(--muted);font-size:.9rem}.location-button{background:var(--paper);cursor:pointer}.location-button:disabled{opacity:.65;cursor:wait}.gps-field{display:grid;gap:.7rem}.gps-field output{font-size:.9rem;color:var(--muted)}.check-label{font-size:.92rem;font-weight:600}.check-label input{width:auto}.asset-card.unread{border-left:4px solid var(--accent)}.asset-card small{color:var(--muted)}
/* Hero image supplied by Karangsari: crop responsively instead of stretching it. */
.hero-background{width:100vw;max-width:none;min-height:clamp(390px,44vw,680px);margin:0 0 3.5rem calc(50% - 50vw);padding:clamp(2rem,5vw,5rem) 6vw;display:flex;align-items:center;background:linear-gradient(90deg,rgba(0,54,118,.76) 0%,rgba(0,57,112,.58) 46%,rgba(0,50,90,.12) 100%),url('/hero-rejowinangun.png') center center/cover no-repeat;color:white}.hero-background .hero-copy{max-width:570px;padding:clamp(1.1rem,2.5vw,2rem);border-radius:18px;background:rgba(4,35,77,.5);backdrop-filter:blur(4px)}.hero-background .eyebrow{color:#d2ef8c}.hero-background h1{color:white;font-size:clamp(2.15rem,5.1vw,4.7rem)}.hero-background .hero-copy>p:not(.eyebrow){color:white}.hero-background .secondary{background:rgba(255,255,255,.93);color:var(--forest);border-color:white}.hero-background .install-help{color:white}.check-label{display:flex;align-items:center;gap:.55rem;margin:.75rem 0;font-size:.93rem;color:var(--muted)}.check-label input{width:auto;min-height:0}.form-status{min-height:1.5rem}@media(max-width:720px){.hero-background{min-height:560px;padding:1.4rem 6vw;align-items:flex-end;background-position:58% center}.hero-background .hero-copy{width:100%;padding:1.15rem}.hero-background .actions .button{width:100%;text-align:center}.hero-background h1{font-size:clamp(2rem,10vw,3.25rem)}}