:root{--navy:#0c2740;--blue:#1473b7;--orange:#f28c28;--green:#14905d;--red:#c94b4b;--bg:#f4f7fa;--line:#d9e1e8;--text:#18242f}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}.hidden{display:none!important}
.center-view{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(440px,100%);background:#fff;border-radius:18px;padding:34px;box-shadow:0 20px 60px #0c274022}
.brandmark{font-size:42px;font-weight:900;letter-spacing:-3px;color:var(--navy)}.brandline{height:6px;background:var(--orange);width:90px;border-radius:8px;margin:3px 0 18px}
label{font-size:12px;font-weight:700;display:block;margin:12px 0 5px}input,textarea,select{width:100%;padding:12px;border:1px solid var(--line);border-radius:9px;background:#fff}textarea{min-height:85px}
button{border:0;border-radius:9px;padding:11px 15px;font-weight:700;cursor:pointer}.primary{background:var(--navy);color:#fff;width:100%;margin:18px 0 8px}.green{background:var(--green);color:#fff}.orange{background:var(--orange);color:#fff}.danger{background:var(--red);color:#fff}.ghost{background:#e8eef3;color:var(--navy)}
.app{min-height:100vh;display:grid;grid-template-columns:230px 1fr}aside{background:var(--navy);color:#fff;padding:18px 14px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}
.side-brand{font-weight:900;font-size:26px;padding:6px 8px 24px}.side-brand span{color:var(--orange)}nav button{width:100%;text-align:left;background:transparent;color:#dce7f1;margin:2px 0;padding:11px}nav button:hover{background:#174466}.side-bottom{margin-top:auto}
.sync{font-size:12px;padding:10px 8px}.sync.pending{color:#ffd58b}.sync.ok{color:#9ff0c8}main{min-width:0}header{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10}header h2{margin:0;font-size:23px}.muted{color:#71808e;font-size:12px}.user{text-align:right;font-weight:700}#content{padding:24px}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card,.form{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 6px 18px #0c27400a}.kpi .value{font-size:30px;font-weight:900;color:var(--navy)}.kpi .label{font-size:12px;color:#71808e}
.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.action{background:#fff;border:1px solid var(--line);padding:18px;border-radius:14px;text-align:left}.action b{display:block;color:var(--navy);margin-bottom:6px}.action span{font-size:12px;color:#71808e}
.form{max-width:850px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.full{grid-column:1/-1}.crew{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:10px;margin:8px 0}.crew input{width:auto}.stepper{display:flex;gap:6px;margin:0 0 18px;overflow:auto}.step{padding:8px 10px;border-radius:18px;background:#e7edf3;font-size:11px;white-space:nowrap}.step.done{background:#dff4e9;color:#0b7e4e}.step.current{background:var(--navy);color:#fff}
.banner{padding:12px 14px;border-radius:10px;background:#fff5e9;border:1px solid #ffd9ad;margin-bottom:16px;font-size:13px}.check{display:flex;gap:9px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line)}.check input{width:auto;margin-top:2px}.photo-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.photo-preview img{width:100%;height:110px;object-fit:cover;border-radius:8px}.status{font-size:11px;border-radius:20px;padding:4px 8px;background:#e7edf3}.status.good{background:#dff4e9;color:#0b7e4e}
#toast{position:fixed;right:18px;bottom:18px;z-index:100;background:var(--navy);color:#fff;border-radius:10px;padding:12px 16px;display:none}
@media(max-width:900px){.app{grid-template-columns:1fr}aside{height:auto;min-height:0;position:fixed;left:0;right:0;bottom:0;top:auto;z-index:30;display:block;padding:6px 8px}.side-brand,.side-bottom{display:none}nav{display:flex;overflow-x:auto}nav button{white-space:nowrap;width:auto;font-size:12px}header{height:66px;padding:0 16px}#content{padding:14px 14px 82px}.grid{grid-template-columns:1fr 1fr}.actions{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.user{font-size:12px}}
@media(max-width:520px){.grid,.actions{grid-template-columns:1fr}.photo-preview{grid-template-columns:1fr 1fr}.login-card{padding:24px}}

.sigbox{grid-column:1/-1;margin-top:8px}.sigbox canvas{width:100%;height:150px;background:#fff;border:1px dashed #8da0b2;border-radius:10px;touch-action:none}
.list{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.list-row{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:16px}.list-row:last-child{border-bottom:0}

.login-logo{display:block;max-width:280px;width:80%;height:auto;margin:0 auto 14px}.login small{display:block;margin-top:10px;color:#71808e}.login h1{text-align:center}.login p{text-align:center;color:#71808e}