:root{--primary-blue: #215ea1;--secondary-blue: #eef4fb;--tertiary-blue: #e2ecf8;--primary-red: #b6373f;--secondary-red: #74242b;--primary-green: #138b0d;--primary-orange: #f08000;--primary-rust: #cc5500;--light-blue: #f7fafc;--primary-white: #ffffff;--primary-gray: #f5f5f5;--secondary-border-gray: #c3c3c3;--text-dark: #333333;--text-black: #000000;--text-gray: #5f6568;--text-green: #1fa328;--border-blue: #e2ecf8;--border-gray-light: #eef4fb;--secondary-gray: #dfdfdf;--primary-border-gray: #979797;--vessel-status-on-time: #49ba50;--fuel-yellow: #ff9b0f;--fuel-blue: #1c81f0;--fuel-green: #13c410;--fuel-gray: #9ab0cb;--fuel-black: #283a50;--font-family-primary: "SourceSans3";--font-family-bold: "SourceSans3Bold";--font-family-medium: "SourceSans3Medium";--shadow-1: 0 0 8px 8px #3e3e3e20;--shadow-2: inset 0 1px 2px #ffffff30, 0 1px 2px #00000030, 0 1px 2px #00000015;--padding-small: 8px;--padding-medium: 12px;--font-size-small: 12px;--font-size-medium: 14px}@font-face{font-family:SourceSans3;src:url(/assets/SourceSans3-Regular-6u14o07y.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:SourceSans3Medium;src:url(/assets/SourceSans3-Medium-Dp-oQ7qD.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:SourceSans3Bold;src:url(/assets/SourceSans3-Bold-CXZoXKkk.ttf) format("truetype");font-weight:400;font-style:normal}*{box-sizing:border-box;margin:0;padding:0;overscroll-behavior:none}body{font-family:SourceSans3,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#fff;color:var(--text-dark)}.app{margin:0 auto;padding:20px}.react-datepicker{border:none!important}._pageContainer_1q3p6_1{height:100vh;width:100vw;display:flex;flex-direction:column;overflow:hidden;--padding: 8px;--bg-dark: var(--primary-white);--bg-medium: var(--primary-gray);--bg-light: var(--primary-white);--field-height: 35px}._mainContainer_1q3p6_14{display:flex;align-items:center;justify-content:center;flex:1;background-color:var(--bg-dark);flex-direction:column;gap:8px;overflow:hidden}._focusModeMainContainer_1q3p6_25{padding:0}._noteContainer_1q3p6_29{display:flex;flex-direction:row;gap:8px;width:100%;height:100%;max-width:50vw;min-width:700px;overflow-y:auto;padding:var(--padding)}._noteTextContainer_1q3p6_41{flex:1;background-color:var(--bg-medium);border-radius:8px}._textContainer_1q3p6_47{width:100%;height:100%;background-color:var(--bg-light);border-radius:8px;border:2px solid var(--secondary-border-gray);position:relative}._textContainerLabel_1q3p6_56{position:absolute;top:-10px;left:10px;background:var(--primary-white);color:var(--text-dark);padding:0 4px;z-index:4;font-family:var(--font-family-bold);font-size:12px}._textContainer_1q3p6_47:focus-within{border:2px solid var(--primary-blue)}._viewNoteFormContainer_1q3p6_72{flex:1;background-color:var(--bg-medium);border-radius:8px;display:flex;align-items:center;justify-content:center}._noNoteSelectedText_1q3p6_81{font-size:20px;font-weight:600;color:var(--text-dark)}._userInitials_1gg99_1{width:36px;height:36px;border-radius:50%;background:#f5f5f5;display:flex;align-items:center;justify-content:center;font-size:14px;color:#333;box-shadow:0 2px 4px #0000001a}._userIconContainer_1gg99_14{position:relative;width:fit-content;cursor:pointer}._userActionsContainer_1gg99_20{position:absolute;top:44px;right:0;background-color:var(--primary-white);box-shadow:0 0 16px 4px #e3e3e3;cursor:pointer}._userAction_1gg99_20{padding:8px 16px;white-space:nowrap}._userAction_1gg99_20:hover{background-color:var(--background-gray);opacity:80%}._newHeader_yy5n8_1{display:flex;align-items:center;justify-content:space-between;padding:0 20px;--header-bg: var(--primary-blue, #215ea1);background-color:var(--header-bg);position:sticky;top:0;overflow:visible;z-index:100}._newHeader_yy5n8_1._preprod_yy5n8_14{--header-bg: var(--primary-green)}._newHeader_yy5n8_1._dev_yy5n8_18{--header-bg: var(--primary-rust)}._logo_yy5n8_22{flex-shrink:0}._logoTitle_yy5n8_26{color:var(--primary-white, #fff);font-size:38px;margin:0}._menuWrap_yy5n8_32{flex:1;display:flex;justify-content:center;align-items:center;align-self:stretch;min-width:0}._menuBar_92boc_1{display:flex;gap:1rem;padding:.5rem 1rem;padding-top:0;padding-bottom:0;height:100%;align-items:stretch}._menuBar_92boc_1 ._item_92boc_11{height:100%;display:flex;align-items:center}._item_92boc_11{position:relative}._link_92boc_21{position:relative;display:block;padding:.25rem .65rem;color:var(--primary-white);text-decoration:none;font-size:1rem;border-radius:4px;transition:background-color .15s ease,color .15s ease}._item_92boc_11:has(>._dropdown_92boc_32) ._link_92boc_21{padding-right:1.55rem}._item_92boc_11:has(>._dropdown_92boc_32) ._link_92boc_21:after{content:"";position:absolute;top:100%;left:0;right:0;height:12px;background-color:transparent;pointer-events:auto;transition:background-color .15s ease}._item_92boc_11:has(>._dropdown_92boc_32):hover ._link_92boc_21:after{background-color:#ffffff26}._item_92boc_11:has(._linkActive_92boc_52):hover ._link_92boc_21:after{background-color:var(--primary-gray)}._chevronIcon_92boc_56{position:absolute;top:50%;right:.25rem;display:inline-flex;align-items:center;justify-content:center;transform:translateY(-50%);transition:transform .45s cubic-bezier(.4,0,.2,1);color:var(--primary-white);pointer-events:none}._item_92boc_11:has(>._dropdown_92boc_32) ._linkActive_92boc_52 ._chevronIcon_92boc_56{color:var(--primary-blue)}._item_92boc_11:has(>._dropdown_92boc_32):hover ._chevronIcon_92boc_56{transform:translateY(-50%) rotate(180deg);color:var(--primary-white)}._item_92boc_11:has(>._dropdown_92boc_32):hover ._linkActive_92boc_52 ._chevronIcon_92boc_56{color:var(--primary-blue)}._item_92boc_11:has(>._dropdown_92boc_32):hover ._link_92boc_21{z-index:201;border-radius:4px 4px 0 0}._item_92boc_11:hover ._link_92boc_21{background-color:#ffffff26;color:var(--primary-white)}._item_92boc_11:has(>._dropdown_92boc_32) ._linkActive_92boc_52,._item_92boc_11:hover ._linkActive_92boc_52{background-color:var(--primary-gray);color:var(--primary-blue)}._item_92boc_11:has(>._dropdown_92boc_32):hover ._linkActive_92boc_52{border-radius:4px 4px 0 0}._dropdown_92boc_32{position:absolute;top:100%;margin-top:-1px;left:0;min-width:12rem;background:var(--primary-gray);border-radius:0 4px 4px;box-shadow:0 8px 8px #3e3e3e20;visibility:hidden;opacity:0;transition:visibility .15s ease,opacity .15s ease;z-index:200}._item_92boc_11:hover ._dropdown_92boc_32{visibility:visible;opacity:1}._dropdownLink_92boc_122{display:block;padding:.5rem 1rem .25rem;color:var(--text-dark);text-decoration:none;font-size:16px;transition:background-color .15s,color .15s;z-index:20}._dropdownLink_92boc_122:hover{background-color:#0000000a}._dropdownLinkActive_92boc_136,._dropdownLinkActive_92boc_136:hover{background-color:var(--secondary-gray);color:var(--primary-blue)}._dropdownLinkDisabled_92boc_142{opacity:.5;cursor:not-allowed;pointer-events:none}._wrapper_1bn04_1{flex-shrink:0;display:flex;align-items:center;padding:.25rem 1rem;background-color:var(--secondary-blue);border-bottom:1px solid var(--border-blue)}._list_1bn04_10{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;list-style:none;margin:0;padding:0}._item_1bn04_20{margin:0}._link_1bn04_24{color:var(--primary-blue);text-decoration:none;transition:color .15s;font-size:14px;font-family:var(--font-family-medium)}._link_1bn04_24:hover{text-decoration:underline}._separator_1bn04_36{color:var(--text-gray);font-size:var(--font-size-medium);display:flex;-webkit-user-select:none;user-select:none}._current_1bn04_43{color:var(--text-dark);font-size:14px;font-family:var(--font-family-medium)}._noteInput_x2yq1_1{display:block;width:100%;height:fit-content;padding:8px 24px;border:none;resize:none;border:1px solid transparent;font-size:12px;line-break:auto;text-align:justify;word-break:break-word;height:100%;outline:none;overflow:auto}._noteInput_x2yq1_1 *{font-size:12px!important;color:var(--text-dark)!important;font-family:var(--font-family-primary)!important;white-space:pre-wrap!important;background-color:transparent!important}._input_x2yq1_26{display:block;width:100%;padding:8px 24px;resize:none;border:1px solid transparent;font-size:12px;line-break:auto;text-align:justify;word-break:break-word;height:100%;outline:none;border-radius:8px;font-family:var(--font-family-primary);color:var(--text-dark)}._noteFormContainer_ohk2u_1{padding:0 20px;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;flex:1;border-radius:8px;height:fit-content}._fieldContainer_ohk2u_12{max-width:400px;min-width:200px;width:10vw;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}._fullWidth_ohk2u_22{max-width:var(--view-form-container-max-width);min-width:var(--view-form-container-min-width);width:var(--view-form-container-width)}._fullWidth_ohk2u_22>div{width:100%;min-width:var(--view-form-container-min-width);max-width:var(--view-form-container-max-width)}._viewFormContainer_ohk2u_34{background-color:var(--tertiary-blue);flex:1;border-radius:8px;display:flex;flex-direction:column;padding:0 0 20px;min-width:max-content;min-height:max-content;--view-form-container-min-width: 416px;--view-form-container-width: 20vw;--view-form-container-max-width: 900px}._button_ohk2u_48{border:none;background-color:transparent;cursor:pointer;font-size:14px;font-family:var(--font-family-medium);border-radius:4px;height:24px;text-align:center;display:flex;align-items:center;justify-content:center;padding:4px}._actionButtonSvg_ohk2u_63 svg{height:20px;width:20px}._buttonsContainer_ohk2u_68{display:flex;gap:8px;padding:8px;justify-content:center}._noteViewFieldsContainer_ohk2u_75{display:flex;flex-wrap:wrap;max-width:var(--view-form-container-max-width);min-width:var(--view-form-container-min-width);width:var(--view-form-container-width);gap:8px}._statusContainer_ohk2u_84{display:flex;justify-content:center;align-items:center;padding:0 8px}._status_ohk2u_84{font-size:14px;font-family:var(--font-family-medium);color:var(--text-dark);height:20px}._error_ohk2u_98{color:var(--primary-red)}._success_ohk2u_102{color:var(--primary-green)}._loading_ohk2u_106{color:var(--text-dark)}._viewFieldContainer_ohk2u_110{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:4px;border-radius:4px;background-color:var(--primary-white)}._viewFieldName_ohk2u_121{font-size:14px;font-family:var(--font-family-bold);color:var(--text-dark);max-width:50%}._viewFieldValue_ohk2u_128{font-size:14px;font-family:var(--font-family-medium);color:var(--text-dark);max-width:50%}._viewFieldFuelValue_ohk2u_135{font-size:14px;font-family:var(--font-family-medium);color:var(--text-dark);max-width:50%;display:flex;flex-direction:row;gap:4px;align-items:center}._viewFieldCheckValue_ohk2u_146{width:20px;height:20px}._viewFieldCheckValue_ohk2u_146 svg{width:20px;height:20px}._attachmentUploadContainer_tdo2k_1{border-radius:4px;border:2px dotted var(--text-gray);padding:8px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:16px;background-color:var(--primary-white)}._uploadLabel_tdo2k_14{font-weight:600;padding:8px 16px;background-color:var(--secondary-blue);border-radius:4px;position:relative;overflow:hidden;cursor:pointer}._uploadIndicator_tdo2k_24{position:absolute;top:0;left:0;width:0%;height:100%;background-color:var(--tertiary-blue);z-index:0}._uploadLabelText_tdo2k_34{position:relative;z-index:1}._disabled_tdo2k_39{opacity:.5;cursor:not-allowed;pointer-events:none}._attachmentDetailContainer_tdo2k_45{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;border:1px solid var(--border-blue);border-radius:4px;padding:2px 8px;width:max-content;position:relative;background-color:var(--primary-white)}._attachmentFileName_tdo2k_59{font-size:12px;font-weight:600;color:var(--text-gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100px;cursor:pointer}._attachmentActionsContainer_tdo2k_70{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:4px}._attachmentActionButton_tdo2k_78{border:none;background:none;cursor:pointer;border-radius:4px;padding:4px;display:flex;align-items:center;justify-content:center}._attachmentActionButton_tdo2k_78 svg{width:16px;height:16px}._attachmentsContainer_tdo2k_94{display:flex;flex-direction:column;gap:8px;flex:1;max-width:var(--side-form-container-max-width);min-width:var(--side-form-container-min-width);width:var(--side-form-container-width);align-self:center;justify-content:flex-end;padding-top:8px}._attachmentsDetailsContainer_tdo2k_107{display:flex;flex-direction:row-reverse;flex-wrap:wrap;gap:8px;justify-content:flex-start}._attachmentTextFieldInput_tdo2k_115{outline:none;border:none;background:none;font-size:12px;font-weight:600;color:var(--text-gray);padding:0;margin:0;text-align:left;width:100%}._attachmentTextFieldContainer_tdo2k_129{background-color:var(--primary-white);display:flex}._attachmentDetailContainerEdit_tdo2k_134{width:100%}._mainContainer_j1ezp_1{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}._title_j1ezp_10{font-size:24px;font-weight:600}