:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-content-clr: #0808fe;--error-content-clr: #ed4337;--primary-bg-clr: #3862de}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 3s linear infinite}@keyframes wave{0%{top:0}50%{top:-10px}to{top:0}}.wavy{animation:wave 1.3s ease calc(50ms * var(--i)) infinite;position:relative}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{padding:0;margin:0;min-width:320px;min-height:100vh;overflow:hidden}h1{font-size:3.2em;line-height:1.1}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}button{background-color:var(--primary-content-clr);color:#fff;border-width:0px;cursor:pointer}input{border-width:0px}form{display:flex;flex-direction:column}form>div>p{color:red;opacity:.8}.input_error{border:solid 1px var(--error-content-clr)}.input_error::placeholder{color:red;opacity:.6}.title{background-color:#3862de;color:#fff;text-align:center;height:6vh;line-height:6vh}.spacing{flex:1}.login_container{display:flex;justify-content:center;width:100vw;height:100vh;background-image:linear-gradient(135deg,#75a47f 0%,#3862de 100%)}.login_content{width:80vw;height:80vh;margin:auto;display:flex;background-color:#ffffff80;border-radius:16px;box-shadow:0 0 8px #fff}.login_data{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.login_logo{margin-top:-3vh;width:17rem;height:17rem}.login_form{padding:1.5rem;row-gap:1.5rem;display:flex;justify-content:center;align-items:center}.login_input>input{padding:.7rem 7rem .7rem 2rem;border-radius:8px;filter:drop-shadow(5px 10px 12px #000000)}.login_button{padding:1rem 5rem;border-radius:24px;font-size:1.1rem;margin-top:5vh;transition:.25s}.login_button:hover{transform:scale(1.1);filter:drop-shadow(2px 8px 15px var(--primary-content-clr))}.login_image{flex:1;background-image:url(https://economictimes.indiatimes.com/thumb/msid-81681887,width-1200,height-900,resizemode-4,imgsize-246790/istock-1124533318.jpg?from=mdr);background-size:cover;background-position:center;border-top-right-radius:16px;border-bottom-right-radius:16px}.header_container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 3rem;height:4vh}.header_logo{width:2rem;height:2rem;margin-right:3rem;transition:all .3s}.header_logo:hover{cursor:pointer;transform:scale(1.2)}.header_button{padding:.4rem 1.5rem;background-color:var(--error-content-clr);border-radius:4px}.header_button:hover{transition:all .5s;filter:drop-shadow(0px 6px 15px var(--error-content-clr));border-radius:10px;transform:scale(1.1)}.search_container{flex:1;overflow:hidden;height:96vh}.search_filter{display:flex;flex-direction:row;justify-content:space-between;margin:1.5vh 5vw 0 5vw}.search_filter_month{display:flex;flex-direction:row;align-items:center;column-gap:3vw}.search_filter_month>button{padding:1vh 3vw;border-radius:8px;font-size:1.1rem;font-weight:400;width:8vw}.search_filter_month_prev:before{content:"<<";position:absolute;opacity:0;transition:.25s;left:-20px}.search_filter_month_prev:hover{transition:.25s;padding:1vh 2vw 1vh 4vw;filter:drop-shadow(0px 0px 5px var(--primary-content-clr));font-size:1rem;font-weight:600}.search_filter_month_prev:hover:before{opacity:1;left:20px}.search_filter_month_next:before{content:">>";position:absolute;opacity:0;transition:.25s;right:-20px}.search_filter_month_next:hover{transition:.25s;padding:1vh 4vw 1vh 2vw;filter:drop-shadow(0px 0px 5px var(--primary-content-clr));font-size:1rem;font-weight:600}.search_filter_month_next:hover:before{opacity:1;right:20px}.search_filter_month_title{width:12vw;text-align:center;font-size:1.3rem}.search_filter_input>input{border:solid 1px black;border-radius:8px;padding:.7rem 5rem .7rem 1rem;box-shadow:5px 5px 4px #00000080}.search_content{width:90vw;max-width:90vw;margin:1.5vh 5vw;height:80vh;position:relative;overflow:auto;border-radius:12px;box-shadow:0 0 14px #000000e6}.search_table{background-color:snow;border-spacing:0px;font-size:.8rem;width:100%}.search_table_header{height:3rem;background-color:var(--primary-bg-clr);color:#fff;flex:1;position:sticky;top:0;z-index:5}.search_table_row{height:2.7rem;text-align:center}.search_table_cell{word-wrap:break-word;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search_table_row:nth-child(odd){background-color:#ddd}.search_actions{display:flex;justify-content:center;column-gap:8px;align-items:center}.search_actions_add:hover{transition:.3s;transform:scale(1.2);cursor:pointer}.search_fallback{text-align:center;padding:35vh;border:solid 1px lightgray;background-color:snow;border-top:none;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.side_bar_container{display:flex;flex-direction:column;align-items:center;row-gap:5vh;padding:3vh 2vw;border-right:solid 2px rgba(0,0,0,.2);height:84%;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.side_bar_container::-webkit-scrollbar{display:none}.side_bar_button{width:6vw;height:6vw;padding:0;border-radius:24px;background-color:#fff;border-width:2px;border-color:var(--primary-content-clr);color:var(--primary-content-clr);transition:.5s}.side_bar_button:hover{transition:.2s;transform:scale(1.2);background-color:var(--primary-content-clr);color:#fff;font-size:1.3rem}.side_bar_active_button{width:7vw;height:7vw;padding:0;border-radius:24px;font-size:1.3rem}.side_bar_content{display:flex;flex-direction:column;row-gap:1vh;height:100%;justify-content:center}.transaction_container{background-image:url(/background.png);box-shadow:inset 0 0 0 1000px #ffffffe6;background-size:contain;position:absolute;height:100%;width:100%}.transaction_back_button{position:absolute;height:6vh;width:6vw;background-color:var(--primary-bg-clr)}.transaction_back_button:hover>.transaction_back_icon{transition:.3s;filter:drop-shadow(0px 0px 2px white);transform:translate(-10px)}.transaction_header{height:4vh;margin:1vh 0;width:100%;text-align:center;font-size:1.4rem}.transaction_loader_container{display:flex;justify-content:center;align-items:center;height:96vh;width:100%;background-color:#00000080;position:absolute}.transaction_loader{padding:7vh 12vw;border-radius:12px;border:solid 5px white;box-shadow:0 0 5px #fff;background-color:#ffffffd9;display:flex;flex-direction:column;row-gap:5vh;justify-content:center;align-items:center}.transaction_loader_spinner{height:80px;width:80px}.transaction_form{flex-direction:column;display:flex;align-items:center}.transaction_form_content{display:flex;width:100%;justify-content:center;column-gap:10vw}.transaction_form_field{width:35vw;display:flex;align-items:center;justify-content:space-between;margin-bottom:1vh;height:4vh}.transaction_form_field>label{font-size:1.1rem;-webkit-text-stroke-width:.5px;-webkit-text-stroke-color:black}.transaction_form_field>input,select{border:solid 1px black;width:15vw;padding:0 3vw;height:3.5vh;border-radius:4px;box-shadow:2px 2px 4px #00000080}.transaction_form_field>select{width:21.1vw;height:3.5vh}.transaction_form_field>input:disabled{background-color:#d3d3d3;cursor:not-allowed}.transaction_form_field:has(input:required)>label{color:var(--error-content-clr);-webkit-text-stroke-color:var(--error-content-clr)}.transaction_form_field:has(input:required)>label:after{content:"*"}.transaction_button{width:20vw;height:4vh;margin:1vh 0;border-radius:20px;font-size:1.1rem;font-weight:600}.transaction_button:hover{transition:.3s;transform:scale(1.2);filter:drop-shadow(0px 0px 5px var(--primary-content-clr));font-size:1.3rem}.vessel_container{height:58vh;width:100%}.vessel_header{display:flex;align-items:center;justify-content:space-between;height:3vh;margin:1vh 10vw}.vessel_header>h3{font-size:1.3rem}.vessel_header_back_button{display:flex;flex:1;justify-content:flex-end}.vessel_header_back{padding:0 2vw;background-color:var(--error-content-clr);border-radius:8px}.vessel_header_back:hover{transform:scale(1.2);filter:drop-shadow(0px 0px 5px var(--error-content-clr))}.vessel_content{display:flex;height:53vh;margin:.5vh 0;width:100%;justify-content:space-between;align-items:center}.vessel_content_spacing{min-width:5vw;width:5vw;margin:0 2vw}.vessel_content_button{background-color:var(--primary-content-clr);min-width:5vw;width:5vw;height:5vw;border-radius:2.5vw;padding:0;margin:0 2vw}.vessel_content_button:hover{filter:drop-shadow(0px 0px 5px var(--primary-content-clr))}.vessel_content_button:hover .vessel_content_prev_button{transition:.2s;transform:translate(-5px) scale(1.4)}.vessel_content_button:hover .vessel_content_add_button{transition:.2s;transform:scale(1.4)}.vessel_content_button:hover .vessel_content_next_button{transition:.2s;transform:translate(5px) scale(1.4)}.vessel_form_container{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;background-color:#0000001a;border-radius:12px;border:solid 2px rgba(0,0,0,.5)}.vessel_form{display:flex;justify-content:space-around;height:16vh}.vessel_form_section{display:flex;flex-direction:column;row-gap:2vh;padding:2rem 0}.vessel_form_field{width:30vw;display:flex;align-items:center;justify-content:space-between;height:3.5vh}.vessel_form_field>label{font-size:1.1rem;-webkit-text-stroke-width:.5px;-webkit-text-stroke-color:black}.vessel_form_field>input,select{border:solid 1px black;width:12vw;padding:0 3vw;height:3.5vh;border-radius:4px;box-shadow:2px 2px 4px #00000080}.vessel_form_field>select{width:18.1vw;height:3.5vh}.history_container{display:flex;align-items:center;justify-content:center;width:"100%";column-gap:3vw;padding:1vh 0;height:28vh}.history_form{display:flex;flex-direction:column;align-items:center;width:60%;height:100%;margin:1vh 0}.history_form_header{display:flex;height:4vh;width:86%;align-items:center;justify-content:center}.history_form_content{display:flex;flex-direction:column;row-gap:.5vh;align-items:center;background-color:#00000026;padding:.5vh 1vw;border-radius:12px;border:solid 2px rgba(0,0,0,.3);margin:auto}.history_form_field{width:35vw;display:flex;align-items:center;justify-content:space-between;height:5vh}.history_form_field>label{font-size:1.1rem;-webkit-text-stroke-width:.5px;-webkit-text-stroke-color:black}.history_form_field>input,select{border:solid 1px black;width:12vw;padding:0 3vw;height:2.8vh;border-radius:4px;box-shadow:2px 2px 4px #00000080}.history_form_field>select{width:18.1vw}.progress_container{height:12px;width:calc(100% - 2px);background-color:transparent;border-radius:8px;border:solid 1px black;position:relative}.progress_separator{height:12px;width:1px;background-color:#000;position:absolute;top:0;left:0}.progress{height:12px;border-radius:8px}