*{box-sizing:border-box;margin:0;padding:0}body{font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;background:#eef2f8;color:#222;min-height:100vh}.container{max-width:600px;margin:0 auto;padding-bottom:40px}.header{background:linear-gradient(135deg,#1a3a6b,#2557a7);color:#fff;padding:24px 20px 20px;text-align:center;position:relative}.header .logo{font-size:3rem;margin-bottom:8px}.header h1{font-size:1.5rem;font-weight:700;margin-bottom:4px}.header .subtitle{font-size:.9rem;opacity:.8}.back-btn{position:absolute;left:16px;top:20px;color:hsla(0,0%,100%,.85);text-decoration:none;font-size:.9rem}.ship-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;padding:20px 16px}.ship-btn{background:#fff;border-radius:14px;padding:22px 12px;text-align:center;text-decoration:none;color:#1a3a6b;box-shadow:0 3px 12px rgba(0,0,0,.09);display:flex;flex-direction:column;align-items:center;gap:8px;border:2px solid transparent}.ship-btn:active{transform:scale(.97);border-color:#2557a7}.ship-icon{font-size:2rem}.ship-name{font-size:1.1rem;font-weight:700}.admin-link{text-align:center;padding:20px}.admin-link a{color:#666;font-size:.88rem;text-decoration:underline}.section{background:#fff;border-radius:14px;margin:12px 12px 0;padding:18px 16px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.section-title{font-size:.88rem;font-weight:700;color:#1a3a6b;margin-bottom:14px;padding-bottom:8px;border-bottom:2px solid #e8eef8}.hint{font-size:.8rem;color:#888;margin:-8px 0 12px}.quick-btns{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.quick-btn{border:none;border-radius:12px;padding:18px 8px;font-size:1rem;font-weight:700;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;color:#fff}.quick-btn .q-icon{font-size:1.6rem}.quick-btn.arrival{background:linear-gradient(135deg,#1a7a4a,#25b86b)}.quick-btn.berthing{background:linear-gradient(135deg,#1a4a7a,#2576d6)}.quick-btn.departure{background:linear-gradient(135deg,#7a3a1a,#d66525)}.form-row{margin-bottom:14px}.form-row:last-child{margin-bottom:0}.form-row label{display:block;font-size:.82rem;font-weight:600;color:#555;margin-bottom:5px}.form-row input[type=datetime-local],.form-row input[type=number],.form-row input[type=text],.form-row select,textarea{width:100%;padding:12px 14px;border:1.5px solid #ccd6e8;border-radius:10px;font-size:1rem;font-family:inherit;color:#222;background:#fafbff;-webkit-appearance:none}.form-row input:focus,.form-row select:focus,textarea:focus{outline:none;border-color:#2557a7;background:#fff}.form-row-2col{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.dt-row{display:flex;gap:8px;align-items:center}.dt-row input{flex:1 1}.stamp-mini{background:#2557a7;color:#fff;border:none;border-radius:8px;padding:10px 14px;font-size:.9rem;font-weight:700;cursor:pointer;white-space:nowrap}textarea{resize:vertical;min-height:100px}.radio-group{display:flex;gap:12px}.radio-label{flex:1 1;text-align:center;padding:12px;border-radius:10px;border:2px solid #dde3ee;font-size:1rem;font-weight:700;cursor:pointer}.radio-label.selected-good{border-color:#25b86b;background:#edfaf3;color:#1a7a4a}.radio-label.selected-bad{border-color:#e74c3c;background:#fef0ee;color:#c0392b}.radio-label.selected-warn{border-color:#f39c12;background:#fef9ec;color:#b7770d}.submit-area{padding:20px 12px 10px}.submit-btn{width:100%;padding:18px;background:linear-gradient(135deg,#1a3a6b,#2557a7);color:#fff;border:none;border-radius:14px;font-size:1.2rem;font-weight:700;cursor:pointer;box-shadow:0 4px 16px rgba(37,87,167,.35);text-decoration:none;display:block;text-align:center}.thanks-box{text-align:center;padding:60px 20px}.thanks-icon{font-size:5rem;margin-bottom:20px}.thanks-box h2{font-size:1.8rem;color:#1a7a4a;margin-bottom:12px}.numpad-input{font-size:1.2rem!important;font-weight:600;letter-spacing:.05em}.numpad-input.input-ok,.numpad-input.input-ok:focus{border-color:#25b86b!important;background:#f0fff6!important}.numpad-input.input-err,.numpad-input.input-err:focus{border-color:#e74c3c!important;background:#fff0ee!important;box-shadow:0 0 0 3px rgba(231,76,60,.2)!important}.err-msg{color:#e74c3c;font-size:.82rem;margin-top:4px;display:none;font-weight:600}.history-card{background:#fff;border-radius:14px;margin:10px 12px 0;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.07)}.history-date{font-size:.8rem;color:#888;margin-bottom:8px}.history-row{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid #f0f4f8;font-size:.9rem}.history-row:last-child{border-bottom:none}.history-label{color:#666}.history-value{font-weight:600;color:#222}.new-btn{display:block;margin:16px 12px 0;background:linear-gradient(135deg,#1a3a6b,#2557a7);color:#fff;border-radius:14px;padding:18px;text-decoration:none;font-size:1.1rem;font-weight:700}.empty,.new-btn{text-align:center}.empty{padding:40px;color:#999}