:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;margin:0;padding:0;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr 1fr;padding:0 2rem}}.sidebar[data-v-b83bf63f]{width:140px;height:100vh;background-color:#2c3e50;color:#fff;display:flex;flex-direction:column;position:fixed;left:0;top:0;box-shadow:2px 0 5px #0000001a}.sidebar-header[data-v-b83bf63f]{padding:20px;border-bottom:1px solid #34495e}.vrs-title[data-v-b83bf63f]{margin:0;font-size:24px;font-weight:700;cursor:help;transition:color .3s ease}.vrs-title[data-v-b83bf63f]:hover{color:#3498db}.sidebar-nav[data-v-b83bf63f]{flex:1;padding:20px 0}.nav-item[data-v-b83bf63f]{display:block;padding:15px 20px;color:#ecf0f1;text-decoration:none;font-size:16px;transition:all .3s ease;border-left:3px solid transparent}.nav-item[data-v-b83bf63f]:hover,.nav-item.active[data-v-b83bf63f]{background-color:#34495e;color:#3498db;border-left-color:#3498db}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f5f5;overflow-x:hidden}.app{min-height:100vh;width:100vw;max-width:none;overflow-x:hidden;box-sizing:border-box}.main-content{margin-left:140px;background-color:#fff;min-height:100vh;box-shadow:-2px 0 5px #0000001a;padding:10px;width:calc(100vw - 140px);max-width:none;overflow-x:hidden;box-sizing:border-box}h2{color:#2c3e50;margin-bottom:20px;font-size:28px;font-weight:600}p{color:#555;line-height:1.6;margin-bottom:15px}@media (max-width: 1000px){.main-content{margin-left:120px;width:calc(100% - 120px)}}.date-picker[data-v-d663c085]{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;margin-bottom:20px}.date-label[data-v-d663c085]{display:block;font-weight:600;color:#2c3e50;margin-bottom:12px;font-size:16px}.date-time-input[data-v-d663c085]{width:100%;padding:14px 18px;border:2px solid #e9ecef;border-radius:6px;font-size:16px;font-family:inherit;background-color:#fff;transition:border-color .3s ease,box-shadow .3s ease}.date-time-input[data-v-d663c085]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}@media (max-width: 768px){.date-picker[data-v-d663c085]{padding:15px}}.location-picker[data-v-79a8fa4a]{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;margin-bottom:20px}.location-label[data-v-79a8fa4a]{display:block;font-weight:600;color:#2c3e50;margin-bottom:15px;font-size:16px}.coordinates-container[data-v-79a8fa4a]{display:flex;gap:20px}.coordinate-group[data-v-79a8fa4a]{flex:1}.coordinate-label[data-v-79a8fa4a]{display:block;font-weight:500;color:#495057;margin-bottom:8px;font-size:14px}.input-with-direction[data-v-79a8fa4a]{display:flex;gap:8px;align-items:center}.coordinate-input[data-v-79a8fa4a]{flex:1;padding:14px 18px;border:2px solid #e9ecef;border-radius:6px;font-size:16px;font-family:inherit;background-color:#fff;transition:border-color .3s ease,box-shadow .3s ease}.coordinate-input[data-v-79a8fa4a]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.coordinate-input[data-v-79a8fa4a]:invalid{border-color:#e74c3c}.direction-select[data-v-79a8fa4a]{padding:14px 12px;border:2px solid #e9ecef;border-radius:6px;font-size:16px;font-weight:600;background-color:#fff;color:#2c3e50;cursor:pointer;transition:border-color .3s ease}.direction-select[data-v-79a8fa4a]:focus{outline:none;border-color:#3498db}.error-message[data-v-79a8fa4a]{display:block;color:#e74c3c;font-size:14px;margin-top:5px;font-weight:500}@media (max-width: 768px){.coordinates-container[data-v-79a8fa4a]{flex-direction:column;gap:15px}.location-picker[data-v-79a8fa4a]{padding:15px}}.report-details[data-v-b052fb57]{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px;margin-bottom:20px;width:100%;max-width:none;box-sizing:border-box}.section-title[data-v-b052fb57]{color:#2c3e50;margin-bottom:20px;font-size:18px;font-weight:600;border-bottom:2px solid #3498db;padding-bottom:8px;width:100%}.form-grid[data-v-b052fb57]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%;max-width:none;box-sizing:border-box}.form-field[data-v-b052fb57]{display:flex;flex-direction:column;width:100%;max-width:none;box-sizing:border-box}.field-label[data-v-b052fb57]{font-weight:600;color:#2c3e50;margin-bottom:8px;font-size:14px;width:100%}.input-with-unit[data-v-b052fb57]{display:flex;align-items:center;gap:8px;width:100%;max-width:none;box-sizing:border-box}.form-input[data-v-b052fb57]{flex:1;padding:14px 18px;border:2px solid #e9ecef;border-radius:6px;font-size:16px;font-family:inherit;background-color:#fff;transition:border-color .3s ease,box-shadow .3s ease;width:100%;min-width:0;max-width:none;box-sizing:border-box}.form-input[data-v-b052fb57]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.form-input[data-v-b052fb57]:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.unit-label[data-v-b052fb57]{font-weight:600;color:#495057;font-size:16px;min-width:35px;flex-shrink:0}.error-message[data-v-b052fb57]{color:#e74c3c;font-size:14px;margin-top:5px;font-weight:500;width:100%}@media (max-width: 1400px){.form-grid[data-v-b052fb57]{grid-template-columns:repeat(2,1fr);gap:15px}}@media (max-width: 1000px){.form-grid[data-v-b052fb57]{grid-template-columns:1fr;gap:15px}}.bunker-data[data-v-8932d890]{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px;margin-bottom:20px;width:100%;max-width:none;box-sizing:border-box}.section-title[data-v-8932d890]{color:#2c3e50;margin-bottom:20px;font-size:18px;font-weight:600;border-bottom:2px solid #3498db;padding-bottom:8px;width:100%}.table-container[data-v-8932d890]{overflow-x:auto;width:100%;max-width:none;box-sizing:border-box}.bunker-table[data-v-8932d890]{width:100%;border-collapse:collapse;background-color:#fff;border-radius:6px;overflow:hidden;box-shadow:0 2px 4px #0000001a;font-size:16px;min-width:100%;max-width:none;box-sizing:border-box}.bunker-table th[data-v-8932d890]{background-color:#2c3e50;color:#fff;padding:12px 10px;text-align:left;font-weight:600;font-size:14px;white-space:nowrap}.bunker-table td[data-v-8932d890]{padding:10px;border-bottom:1px solid #e9ecef;vertical-align:middle}.table-row[data-v-8932d890]:hover{background-color:#f8f9fa}.quantity-input[data-v-8932d890],.reason-input[data-v-8932d890],.grade-select[data-v-8932d890],.consumption-input[data-v-8932d890]{width:100%;padding:8px 10px;border:2px solid #e9ecef;border-radius:4px;font-size:14px;font-family:inherit;background-color:#fff;transition:border-color .3s ease,box-shadow .3s ease;min-width:0;max-width:none;box-sizing:border-box}.quantity-input[data-v-8932d890]:focus,.reason-input[data-v-8932d890]:focus,.grade-select[data-v-8932d890]:focus,.consumption-input[data-v-8932d890]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db1a}.quantity-input[data-v-8932d890]:invalid,.consumption-input[data-v-8932d890]:invalid{border-color:#e74c3c}.grade-select[data-v-8932d890]{cursor:pointer;min-width:100px}.reason-input[data-v-8932d890]{min-width:150px}.remove-btn[data-v-8932d890]{background-color:#e74c3c;color:#fff;border:none;border-radius:50%;width:24px;height:24px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.remove-btn[data-v-8932d890]:hover:not(:disabled){background-color:#c0392b}.remove-btn[data-v-8932d890]:disabled{background-color:#bdc3c7;cursor:not-allowed}.table-actions[data-v-8932d890]{margin-top:15px;display:flex;align-items:center;gap:15px;width:100%;max-width:none;box-sizing:border-box}.add-btn[data-v-8932d890]{background-color:#27ae60;color:#fff;border:none;border-radius:6px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s ease}.add-btn[data-v-8932d890]:hover:not(:disabled){background-color:#229954}.add-btn[data-v-8932d890]:disabled{background-color:#bdc3c7;cursor:not-allowed}.max-rows-message[data-v-8932d890]{color:#6c757d;font-size:14px;font-style:italic}.error-summary[data-v-8932d890]{margin-top:10px;padding:10px;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;width:100%;max-width:none;box-sizing:border-box}.error-message[data-v-8932d890]{color:#721c24;font-size:14px;font-weight:500}@media (max-width: 1200px){.bunker-table[data-v-8932d890]{font-size:14px}.bunker-table th[data-v-8932d890],.bunker-table td[data-v-8932d890]{padding:8px 6px}.quantity-input[data-v-8932d890],.reason-input[data-v-8932d890],.grade-select[data-v-8932d890],.consumption-input[data-v-8932d890]{font-size:12px;padding:6px 8px}}.noon-view[data-v-6e5bcbb4]{padding:10px;width:100%;max-width:none;box-sizing:border-box}.form-row[data-v-6e5bcbb4]{display:flex;gap:20px;margin-bottom:20px;width:100%;max-width:none}.form-row[data-v-6e5bcbb4]>*{flex:1;min-width:0;max-width:none}.submit-section[data-v-6e5bcbb4]{margin-top:30px;padding:20px;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;text-align:center}.submit-btn[data-v-6e5bcbb4]{background-color:#3498db;color:#fff;border:none;border-radius:6px;padding:15px 30px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s ease;display:inline-flex;align-items:center;gap:10px;min-width:200px;justify-content:center}.submit-btn[data-v-6e5bcbb4]:hover:not(:disabled){background-color:#2980b9}.submit-btn[data-v-6e5bcbb4]:disabled{background-color:#bdc3c7;cursor:not-allowed}.loading-spinner[data-v-6e5bcbb4]{width:16px;height:16px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin-6e5bcbb4 1s linear infinite}@keyframes spin-6e5bcbb4{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.submit-message[data-v-6e5bcbb4]{margin-top:15px;padding:12px 20px;border-radius:6px;font-weight:500}.submit-message.success[data-v-6e5bcbb4]{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.submit-message.error[data-v-6e5bcbb4]{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@media (max-width: 768px){.form-row[data-v-6e5bcbb4]{flex-direction:column;gap:15px}.submit-btn[data-v-6e5bcbb4]{width:100%;min-width:auto}}.report-details[data-v-f0393fa7]{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px;margin-bottom:20px;width:100%;max-width:none;box-sizing:border-box}.section-title[data-v-f0393fa7]{color:#2c3e50;margin-bottom:20px;font-size:18px;font-weight:600;border-bottom:2px solid #3498db;padding-bottom:8px;width:100%}.form-grid[data-v-f0393fa7]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%;max-width:none;box-sizing:border-box}.form-field[data-v-f0393fa7]{display:flex;flex-direction:column;width:100%;max-width:none;box-sizing:border-box}.field-label[data-v-f0393fa7]{font-weight:600;color:#2c3e50;margin-bottom:8px;font-size:14px;width:100%}.input-with-unit[data-v-f0393fa7]{display:flex;align-items:center;gap:8px;width:100%;max-width:none;box-sizing:border-box}.form-input[data-v-f0393fa7]{flex:1;padding:14px 18px;border:2px solid #e9ecef;border-radius:6px;font-size:16px;font-family:inherit;background-color:#fff;transition:border-color .3s ease,box-shadow .3s ease;width:100%;min-width:0;max-width:none;box-sizing:border-box}.form-input[data-v-f0393fa7]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.unit-label[data-v-f0393fa7]{font-weight:600;color:#495057;font-size:16px;min-width:35px;flex-shrink:0}.error-message[data-v-f0393fa7]{color:#e74c3c;font-size:14px;margin-top:5px;font-weight:500;width:100%}@media (max-width: 1400px){.form-grid[data-v-f0393fa7]{grid-template-columns:repeat(2,1fr);gap:15px}}@media (max-width: 1000px){.form-grid[data-v-f0393fa7]{grid-template-columns:1fr;gap:15px}}.arrival-view[data-v-4789341b]{padding:10px;width:100%;max-width:none;box-sizing:border-box}.form-row[data-v-4789341b]{display:flex;gap:20px;margin-bottom:20px;width:100%;max-width:none}.form-row[data-v-4789341b]>*{flex:1;min-width:0;max-width:none}.submit-section[data-v-4789341b]{margin-top:30px;padding:20px;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;text-align:center}.submit-btn[data-v-4789341b]{background-color:#3498db;color:#fff;border:none;border-radius:6px;padding:15px 30px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s ease;display:inline-flex;align-items:center;gap:10px;min-width:200px;justify-content:center}.submit-btn[data-v-4789341b]:hover:not(:disabled){background-color:#2980b9}.submit-btn[data-v-4789341b]:disabled{background-color:#bdc3c7;cursor:not-allowed}.loading-spinner[data-v-4789341b]{width:16px;height:16px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin-4789341b 1s linear infinite}@keyframes spin-4789341b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.submit-message[data-v-4789341b]{margin-top:15px;padding:12px 20px;border-radius:6px;font-weight:500}.submit-message.success[data-v-4789341b]{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.submit-message.error[data-v-4789341b]{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@media (max-width: 768px){.form-row[data-v-4789341b]{flex-direction:column;gap:15px}.submit-btn[data-v-4789341b]{width:100%;min-width:auto}}.report-details[data-v-cff921d1]{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;margin-bottom:20px}.section-title[data-v-cff921d1]{color:#2c3e50;margin-bottom:20px;font-size:18px;font-weight:600;border-bottom:2px solid #3498db;padding-bottom:8px}.form-grid[data-v-cff921d1]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.form-field[data-v-cff921d1]{display:flex;flex-direction:column}.field-label[data-v-cff921d1]{font-weight:600;color:#2c3e50;margin-bottom:8px;font-size:14px}.input-with-unit[data-v-cff921d1]{display:flex;align-items:center;gap:8px}.form-input[data-v-cff921d1]{flex:1;padding:12px 15px;border:2px solid #e9ecef;border-radius:6px;font-size:16px;font-family:inherit;background-color:#fff;transition:border-color .3s ease,box-shadow .3s ease}.form-input[data-v-cff921d1]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.unit-label[data-v-cff921d1]{font-weight:600;color:#495057;font-size:14px;min-width:30px}.error-message[data-v-cff921d1]{color:#e74c3c;font-size:12px;margin-top:5px;font-weight:500}@media (max-width: 768px){.form-grid[data-v-cff921d1]{grid-template-columns:1fr;gap:15px}.report-details[data-v-cff921d1]{padding:15px}}.bunker-rob[data-v-10c39cd1]{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;margin-bottom:20px}.section-title[data-v-10c39cd1]{color:#2c3e50;margin-bottom:20px;font-size:18px;font-weight:600;border-bottom:2px solid #3498db;padding-bottom:8px}.table-container[data-v-10c39cd1]{overflow-x:auto}.bunker-table[data-v-10c39cd1]{width:100%;border-collapse:collapse;background-color:#fff;border-radius:6px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.bunker-table th[data-v-10c39cd1]{background-color:#2c3e50;color:#fff;padding:12px 15px;text-align:left;font-weight:600;font-size:14px}.bunker-table td[data-v-10c39cd1]{padding:12px 15px;border-bottom:1px solid #e9ecef;vertical-align:middle}.table-row[data-v-10c39cd1]:hover{background-color:#f8f9fa}.quantity-input[data-v-10c39cd1],.reason-input[data-v-10c39cd1],.grade-select[data-v-10c39cd1]{width:100%;padding:8px 12px;border:2px solid #e9ecef;border-radius:4px;font-size:14px;font-family:inherit;background-color:#fff;transition:border-color .3s ease,box-shadow .3s ease}.quantity-input[data-v-10c39cd1]:focus,.reason-input[data-v-10c39cd1]:focus,.grade-select[data-v-10c39cd1]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db1a}.quantity-input[data-v-10c39cd1]:invalid{border-color:#e74c3c}.grade-select[data-v-10c39cd1]{cursor:pointer;min-width:100px}.remove-btn[data-v-10c39cd1]{background-color:#e74c3c;color:#fff;border:none;border-radius:50%;width:24px;height:24px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.remove-btn[data-v-10c39cd1]:hover:not(:disabled){background-color:#c0392b}.remove-btn[data-v-10c39cd1]:disabled{background-color:#bdc3c7;cursor:not-allowed}.table-actions[data-v-10c39cd1]{margin-top:15px;display:flex;align-items:center;gap:15px}.add-btn[data-v-10c39cd1]{background-color:#27ae60;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .3s ease}.add-btn[data-v-10c39cd1]:hover:not(:disabled){background-color:#229954}.add-btn[data-v-10c39cd1]:disabled{background-color:#bdc3c7;cursor:not-allowed}.max-rows-message[data-v-10c39cd1]{color:#7f8c8d;font-size:14px;font-style:italic}.error-summary[data-v-10c39cd1]{margin-top:15px;padding:10px 15px;background-color:#fdf2f2;border:1px solid #fecaca;border-radius:6px}.error-summary .error-message[data-v-10c39cd1]{color:#e74c3c;font-size:14px;font-weight:500}@media (max-width: 768px){.bunker-rob[data-v-10c39cd1]{padding:15px}.bunker-table[data-v-10c39cd1]{font-size:12px}.bunker-table th[data-v-10c39cd1],.bunker-table td[data-v-10c39cd1]{padding:8px 10px}.table-actions[data-v-10c39cd1]{flex-direction:column;align-items:flex-start;gap:10px}}.departure-view[data-v-150795e2]{padding:20px;max-width:1200px;margin:0 auto}.page-title[data-v-150795e2]{color:#2c3e50;margin-bottom:30px;font-size:28px;font-weight:700;text-align:center}.report-form[data-v-150795e2]{display:flex;flex-direction:column;gap:20px}.submit-section[data-v-150795e2]{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:20px}.submit-button[data-v-150795e2]{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;padding:15px 30px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;min-width:200px;justify-content:center}.submit-button[data-v-150795e2]:hover:not(:disabled){background:linear-gradient(135deg,#2980b9,#1f5f8b);transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.submit-button[data-v-150795e2]:disabled{background:#bdc3c7;cursor:not-allowed;transform:none;box-shadow:none}.loading-spinner[data-v-150795e2]{width:16px;height:16px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin-150795e2 1s linear infinite}@keyframes spin-150795e2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.submit-message[data-v-150795e2]{padding:12px 20px;border-radius:6px;font-weight:500;text-align:center;min-width:300px}.submit-message.success[data-v-150795e2]{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.submit-message.error[data-v-150795e2]{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@media (max-width: 768px){.departure-view[data-v-150795e2]{padding:15px}.page-title[data-v-150795e2]{font-size:24px;margin-bottom:20px}.submit-button[data-v-150795e2]{padding:12px 24px;font-size:14px;min-width:180px}.submit-message[data-v-150795e2]{min-width:250px;font-size:14px}}.off-hire-details[data-v-4cfffc12]{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;margin-bottom:20px}.section-title[data-v-4cfffc12]{color:#2c3e50;margin-bottom:20px;font-size:18px;font-weight:600;border-bottom:2px solid #e74c3c;padding-bottom:8px}.form-grid[data-v-4cfffc12]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.form-field[data-v-4cfffc12]{display:flex;flex-direction:column}.form-field.full-width[data-v-4cfffc12]{grid-column:1 / -1}.field-label[data-v-4cfffc12]{font-weight:600;color:#2c3e50;margin-bottom:8px;font-size:14px}.form-input[data-v-4cfffc12]{padding:12px 15px;border:2px solid #e9ecef;border-radius:6px;font-size:16px;font-family:inherit;background-color:#fff;transition:border-color .3s ease,box-shadow .3s ease}.form-input[data-v-4cfffc12]:focus{outline:none;border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.form-textarea[data-v-4cfffc12]{padding:12px 15px;border:2px solid #e9ecef;border-radius:6px;font-size:16px;font-family:inherit;background-color:#fff;transition:border-color .3s ease,box-shadow .3s ease;resize:vertical;min-height:100px}.form-textarea[data-v-4cfffc12]:focus{outline:none;border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}@media (max-width: 768px){.form-grid[data-v-4cfffc12]{grid-template-columns:1fr;gap:15px}.off-hire-details[data-v-4cfffc12]{padding:15px}.form-textarea[data-v-4cfffc12]{min-height:80px}}.bunker-consumption[data-v-20544a1f]{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;margin-bottom:20px}.section-title[data-v-20544a1f]{color:#2c3e50;margin-bottom:20px;font-size:18px;font-weight:600;border-bottom:2px solid #3498db;padding-bottom:8px}.table-container[data-v-20544a1f]{overflow-x:auto}.consumption-table[data-v-20544a1f]{width:100%;border-collapse:collapse;background-color:#fff;border-radius:6px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.consumption-table th[data-v-20544a1f]{background-color:#2c3e50;color:#fff;padding:12px 15px;text-align:left;font-weight:600;font-size:14px}.consumption-table td[data-v-20544a1f]{padding:12px 15px;border-bottom:1px solid #e9ecef;vertical-align:middle}.table-row[data-v-20544a1f]:hover{background-color:#f8f9fa}.consumption-input[data-v-20544a1f],.grade-select[data-v-20544a1f]{width:100%;padding:8px 12px;border:2px solid #e9ecef;border-radius:4px;font-size:14px;font-family:inherit;background-color:#fff;transition:border-color .3s ease,box-shadow .3s ease}.consumption-input[data-v-20544a1f]:focus,.grade-select[data-v-20544a1f]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db1a}.consumption-input[data-v-20544a1f]:invalid{border-color:#e74c3c}.grade-select[data-v-20544a1f]{cursor:pointer;min-width:100px}.remove-btn[data-v-20544a1f]{background-color:#e74c3c;color:#fff;border:none;border-radius:50%;width:24px;height:24px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.remove-btn[data-v-20544a1f]:hover:not(:disabled){background-color:#c0392b}.remove-btn[data-v-20544a1f]:disabled{background-color:#bdc3c7;cursor:not-allowed}.table-actions[data-v-20544a1f]{margin-top:15px;display:flex;align-items:center;gap:15px}.add-btn[data-v-20544a1f]{background-color:#27ae60;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .3s ease}.add-btn[data-v-20544a1f]:hover:not(:disabled){background-color:#229954}.add-btn[data-v-20544a1f]:disabled{background-color:#bdc3c7;cursor:not-allowed}.max-rows-message[data-v-20544a1f]{color:#7f8c8d;font-size:14px;font-style:italic}.error-summary[data-v-20544a1f]{margin-top:15px;padding:10px 15px;background-color:#fdf2f2;border:1px solid #fecaca;border-radius:6px}.error-summary .error-message[data-v-20544a1f]{color:#e74c3c;font-size:14px;font-weight:500}@media (max-width: 768px){.bunker-consumption[data-v-20544a1f]{padding:15px}.consumption-table[data-v-20544a1f]{font-size:12px}.consumption-table th[data-v-20544a1f],.consumption-table td[data-v-20544a1f]{padding:8px 10px}.table-actions[data-v-20544a1f]{flex-direction:column;align-items:flex-start;gap:10px}}.off-hire-view[data-v-e0ff3c40]{padding:20px;max-width:1200px;margin:0 auto}.page-title[data-v-e0ff3c40]{color:#2c3e50;margin-bottom:30px;font-size:28px;font-weight:700;text-align:center}.report-form[data-v-e0ff3c40]{display:flex;flex-direction:column;gap:20px}.submit-section[data-v-e0ff3c40]{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:20px}.submit-button[data-v-e0ff3c40]{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;padding:15px 30px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;min-width:200px;justify-content:center}.submit-button[data-v-e0ff3c40]:hover:not(:disabled){background:linear-gradient(135deg,#c0392b,#a93226);transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c4d}.submit-button[data-v-e0ff3c40]:disabled{background:#bdc3c7;cursor:not-allowed;transform:none;box-shadow:none}.loading-spinner[data-v-e0ff3c40]{width:16px;height:16px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin-e0ff3c40 1s linear infinite}@keyframes spin-e0ff3c40{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.submit-message[data-v-e0ff3c40]{padding:12px 20px;border-radius:6px;font-weight:500;text-align:center;min-width:300px}.submit-message.success[data-v-e0ff3c40]{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.submit-message.error[data-v-e0ff3c40]{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@media (max-width: 768px){.off-hire-view[data-v-e0ff3c40]{padding:15px}.page-title[data-v-e0ff3c40]{font-size:24px;margin-bottom:20px}.submit-button[data-v-e0ff3c40]{padding:12px 24px;font-size:14px;min-width:180px}.submit-message[data-v-e0ff3c40]{min-width:250px;font-size:14px}}