*{margin:0;padding:0;box-sizing:border-box}body{background:#fff;color:#fff;height:100;font-family:poppins}.login{height:100vh;padding:20px 4%;background-image:linear-gradient(#0000007e,#0000007e),url(/cropped-Home-header.png);background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;position:relative}.login-logo{position:absolute;top:12px;left:4%;width:100px;height:auto}.login-form{width:100%;padding:25px 16px;border-radius:8px;background:#000000d9;box-shadow:0 4px 20px #0009;text-align:center}.login-form h1{font-size:20px;font-weight:600;margin-bottom:24px;color:#fff}.login-form input{width:100%;height:42px;background:#1a1a1a;color:#fff;margin:12px 0;border:1px solid #333;outline:none;padding:12px 14px;border-radius:4px;font-size:13px;font-weight:500}.login-form input::placeholder{font-size:13px;font-weight:500;color:#ccc}.login-form div{position:relative}.login-form svg{position:absolute;right:0;top:-8px;color:red}.login-form button{width:100%;border:none;outline:none;padding:12px;background:#e50914;color:#000;border-radius:6px;font-size:14px;font-weight:500;margin-top:20px;cursor:pointer;transition:background-color .3s}.login-form button:hover{background-color:red}.login-error-message{color:red;font-size:12px;text-align:center;margin-top:-8px;margin-bottom:10px}.login-action{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;width:100%;font-size:12px;margin-top:10px;color:#ccc;flex-wrap:wrap}.remember{display:flex;align-items:center;gap:6px}.remember input{width:16px;height:16px;cursor:pointer}.login-action span{cursor:pointer;font-weight:500;text-decoration:underline;color:#e50914}@media (min-width: 481px){.login{padding:20px 5%}.login-logo{width:120px;top:16px;left:5%}.login-form{padding:30px 20px}.login-form h1{font-size:24px}.login-form input{font-size:14px;padding:14px 16px;height:45px}.login-form button{font-size:15px;padding:14px}}@media (min-width: 769px){.login{padding:20px 8%}.login-logo{width:150px;top:20px;left:8%}.login-form{max-width:450px;padding:40px 30px}.login-form h1{font-size:28px}.login-form input{font-size:15px;padding:16px 20px;height:50px}.login-form button{font-size:16px;padding:16px}.login-action{flex-direction:row;justify-content:space-between;align-items:center;font-size:13px}}.sidebar-table{display:flex;height:100vh}.sidebar{box-sizing:border-box;width:300px;padding:1em .5em;height:100vh;background:#696969;border-right:1px solid #ddd;display:flex;flex-direction:column;justify-content:flex-start;font-size:11px;z-index:1000}.sidebar.collapsed{width:2rem;align-items:center}.sidebar.not-collapsed button{visibility:hidden}.sidebar.collapsed ul li{justify-content:center;padding:10px 25px}.sidebar.collapsed ul li span{display:none}.sidebar ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:15px}.sidebar ul li{padding:10px 15px;border-radius:6px;color:#fefefe;display:flex;align-items:center;cursor:pointer;transition:background .3s,color .3s}.sidebar ul li:hover{color:red}.sidebar ul li.active{background:#007bff;color:#fff}.sidebar ul img{margin-right:10px;width:15px}.sidebar-logo{width:80%;margin-bottom:40px}.toggle-btn.not-collapsed{position:absolute;top:-10px;left:1rem;width:calc(100% - 1rem);display:flex;justify-content:space-between;padding:1rem}.toggle-btn.collapsed{position:absolute;top:-10px;left:1rem;width:calc(100% - 1rem);display:flex;justify-content:space-between;padding:1rem;z-index:1000}.toggle-btn button{background-color:#a9a9a9;color:#fff;border:none;border-radius:50%;width:35px;height:35px;font-size:18px;cursor:pointer;transition:background-color .3s ease}.toggle-btn button:hover{background-color:#dc143c}.profile{position:relative;background-color:#a9a9a9;color:#fff;border-radius:50%;width:35px;height:35px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.profile div{display:none;position:absolute;top:100%;right:0;background:#fff;color:#000;font-size:14px;width:120px;padding:10px;border-radius:5px;box-shadow:0 4px 10px #0000001a;flex-direction:column;gap:10px;z-index:10}.profile:hover div{display:flex}.profile div p{display:flex;align-items:center;justify-content:space-between;padding:5px 0;border-radius:5px}.profile div p:hover{background:#f1f1f1}.profile div p img{width:10px}.cancel-sidebar{position:fixed;top:10px;left:68%;font-size:10px;color:#fff;cursor:pointer}.dashboard,.users,.myUser,.sites,.vends,.financials{background:#fff;color:#696969!important;border-radius:4px;width:100%}.dashboard.collapsed,.users.collapsed,.myUser.collapsed,.sites.collapsed,.vends.collapsed,.financials.collapsed{background:#fff;color:#696969!important;border-radius:4px;width:70%}@media (min-width: 768px){.sidebar.not-collapsed{width:200px;padding:1em}.sidebar.not-collapsed button{visibility:visible}.toggle-btn.not-collapsed{left:12rem;top:-10px;width:calc(100% - 12rem)}.profile{display:flex}.cancel-sidebar{display:none}.dashboard,.users,.myUser,.sites,.vends,.financials{background:#fff;color:#696969!important;border-radius:4px;width:100%}.sidebar.collapsed{width:5rem;align-items:center;visibility:visible}.sidebar.collapsed .toggle-btn{left:4rem;top:-10px;width:calc(100% - 4rem)}.sidebar.collapsed .sidebar-logo{width:80%}.dashboard.collapsed,.users.collapsed,.myUser.collapsed,.sites.collapsed,.vends.collapsed,.financials.collapsed{background:#fff;color:#696969!important;border-radius:4px;width:100%}}.response-table{flex:1;padding:.5rem;background-color:#fafafa;color:#000;position:relative;top:50px;height:100vh;overflow-x:auto}.response-table.not-collapsed{visibility:hidden}.response-table-container{background:#fff;padding:10px 8px;border-radius:6px;overflow-x:auto}.response-table table{width:100vw;min-width:410px;border-collapse:collapse;box-shadow:0 2px 8px #feb0b01a}.response-table thead,.response-table td{padding:8px;font-size:11px;border:1px solid #ddd;text-align:left;word-break:break-word;white-space:wrap}.response-table thead{background-color:#f4f4f4;color:#333;font-size:15px;font-weight:1000}.response-table tr:hover{background-color:#f1f1f1;transition:background-color .2s ease}.response-table table tbody{font-size:12px;font-weight:500}.response-table-container input{width:100vw;margin-bottom:15px;padding:0 15px;height:38px;border-radius:6px;border:1px solid #ccc;font-size:12px;outline:none;transition:border-color .3s ease}.response-table-container input:focus{border-color:#696969}.table-title{display:flex;justify-content:center;align-items:center;padding:8px;color:#fff;background:#696969;margin-bottom:10px;font-weight:600;font-size:14px;border-radius:6px;width:100vw}.right-align{display:flex;justify-content:flex-end;align-items:center;padding:0 10px;width:100%;margin-left:auto}.right-align p{background:#696969;color:#fff;padding:8px 10px;border-radius:20px;font-weight:500;font-size:12px;margin:15px 0;white-space:nowrap;text-align:right}.right-align b{font-weight:700;font-size:16px;line-height:1}.customer,.vendor,.admin{background:#696969!important;color:#fff!important}.user-action{display:flex;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:wrap;padding:4px}.user-action svg{cursor:pointer;font-size:1.2em;color:#555;transition:color .3s ease}.user-action svg:hover{color:#000}.user-action svg:nth-child(1){color:#6c757d}.user-action svg:nth-child(1):hover{color:#343a40}.user-action svg:nth-child(2){color:#007bff}.user-action svg:nth-child(2):hover{color:#0056b3}.user-action svg:nth-child(3){color:#dc3545}.user-action svg:nth-child(3):hover{color:#a71d2a}@media (min-width: 481px){.response-table-container{padding:15px 10px}.table-title{font-size:16px}.response-table th,.response-table td{padding:10px;font-size:12px}.right-align p{font-size:13px}.response-table-container input{height:40px;font-size:13px}.user-action svg{font-size:1.3em}}@media (min-width: 769px){.response-table.not-collapsed{visibility:visible}.response-table-container{padding:15px 10px}.table-title{font-size:18px;padding:10px}.response-table td{padding:12px 15px;font-size:13px}.response-table thead{background-color:#f4f4f4;color:#333;font-size:15px;font-weight:1000}.right-align{justify-content:flex-end;padding:0 10px;margin-left:auto}.right-align p{padding:10px 2%;font-size:14px;max-width:fit-content}.response-table-container input{height:45px;font-size:14px}.user-action svg{font-size:1.4em}.right-align b{font-size:18px}}.user-row{color:#000;background-color:#fff;padding:.75rem;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;gap:5px;border-bottom:3px solid #ccc;font-weight:500;margin:10px 10px 25px;border-radius:25px}.user-row span{background:#fff;border-radius:15px;padding:6px 10px;color:#a9a9a9;border:1px solid #A9A9A9;cursor:pointer;transition:background .2s ease,color .2s ease;font-size:13px;white-space:nowrap}.user-row span:hover{background:#a9a9a9;color:#fff}@media (min-width: 769px){.user-row{gap:20px;padding:1rem;margin:10px 15px}.user-row span{font-size:14px;padding:7px 12px}}.view-user-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:999}.view-user-overlay-close{display:None}.view-user{background-color:#fff;padding:20px;border-radius:12px;max-width:400px;width:100%;box-shadow:0 4px 10px #0000004d;z-index:1000;position:relative}.view-user-cancel{position:absolute;top:10px;right:15px;font-weight:700;cursor:pointer}.view-user-details h1{margin-bottom:15px;font-size:30px;font-weight:500}.view-user-info{display:flex;justify-content:space-between;margin-bottom:10px}.view-user-ok{position:relative;top:10px;left:90%;color:#fff;background-color:#696969;width:50px;text-align:center;border-radius:5px;cursor:pointer}.footer span{position:absolute;width:100%;background:green;bottom:0;text-align:center}.adduser{display:flex;height:100vh}.add{background-color:#fafafa;flex:1;position:relative;top:50px;font-family:Poppins,sans-serif;padding:1rem;overflow-x:auto}.add.not-collapsed{visibility:hidden}.add h1{text-align:center;color:#000;font-weight:550;font-size:20px}.add-details{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem;background:#fff;border-radius:8px;margin-top:10px;position:relative}.form-group{display:flex;flex-direction:column;width:100%;min-width:250px}.form-group label{margin-bottom:5px;font-weight:500;color:#000}.form-group input,.form-group select{height:38px;border:1px solid #ccc;border-radius:4px;padding:0 8px;font-size:13px;width:100%}.add-details .add-submit-button{position:absolute;left:50%;bottom:-50px;transform:translate(-50%);border-radius:10px;padding:6px 12px;color:#fff;background:#696969;font-weight:300;font-size:16px;border:1px solid white;display:flex;justify-content:center;cursor:pointer}@media (min-width: 768px){.form-group{width:48%}.add h1{font-size:22px}.form-group input,.form-group select{height:40px;font-size:14px;padding:0 10px}.add-details .add-submit-button{font-size:17px;padding:7px 15px}}@media (min-width: 768px){.add{padding:2rem}.add.not-collapsed{visibility:visible}.add h1{font-size:25px;padding:5px 10px}.form-group{max-width:48%}.add-details .add-submit-button{font-size:19px}}.back{background:#fff;padding:.5em 1em;width:fit-content;max-width:100%;border-radius:5px;color:#000;font-size:1rem;font-weight:300;text-align:center;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.back span{margin-right:5px}@media screen and (max-width: 768px){.back{font-size:.9rem;padding:.4em .8em}.back span{margin-right:4px}}@media screen and (max-width: 480px){.back{font-size:.85rem;padding:.3em .6em}}.update-user{display:flex;height:100vh}.update{position:relative;top:50px;display:flex;flex-direction:row;justify-content:space-between;gap:1.5rem;padding:1rem;background-color:#f9f9f9;font-family:Poppins,sans-serif;flex-wrap:wrap;width:100%}.update.not-collapsed{display:none}.update-groups{display:flex;flex-direction:column;gap:20px;flex:1;background:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 8px #0000000d;position:relative;height:fit-content;width:100%;min-width:280px}.update-form-group{display:flex;flex-direction:column;gap:5px}.update-form-group label{font-weight:500;color:#333}.update-form-group input{padding:10px;border-radius:4px;border:1px solid #ccc;font-size:14px;width:100%}.update-form-group div{position:relative;padding:12px 0}.update-form-group div input{padding:10px;border-radius:4px;border:1px solid #ccc;font-size:14px;width:100%}.update-form-group div svg{color:#000;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.update-groups .update-submit-button{position:relative;align-self:center;border-radius:12px;padding:10px 20px;color:#fff;background:linear-gradient(135deg,#4b4b4b,#7a7a7a);font-weight:500;font-size:16px;border:none;cursor:pointer;transition:background .3s ease,transform .2s ease;box-shadow:0 4px 12px #0000001a;margin-top:20px;margin-bottom:20px}.update-groups .update-submit-button:hover{background:linear-gradient(135deg,#5c5c5c,#8e8e8e);transform:scale(1.02)}.update-groups .update-submit-button:active{transform:scale(.98);background:linear-gradient(135deg,#3a3a3a,#666)}@media (min-width: 601px){.update{padding:1.5rem}.update.not-collapsed{display:block}}@media (min-width: 1025px){.update{flex-direction:row;justify-content:space-between;padding:2rem}.update-groups{max-width:500px}}.dashboard div,.site-table{display:flex;height:100vh}.site-response-table{flex:1;padding:.5rem;overflow-x:auto;overflow-y:auto;background-color:#fafafa;color:#000;position:relative;top:50px;height:100vh}.site-response-table.not-collapsed{display:none}.site-response-table table{width:100%;min-width:300px;border-collapse:collapse;box-shadow:0 2px 8px #0000001a}.site-response-table tbody{font-size:11px;font-weight:500}.site-response-table td{padding:8px;border:1px solid #ddd;text-align:left;word-break:break-word}.site-response-table thead{background-color:#f4f4f4;font-size:15px;font-weight:1000;color:#333}.site-response-table tr:hover{background-color:#f1f1f1;transition:background-color .2s ease}.site-response-table-container{background:#fff;padding:10px 8px;border-radius:4px;overflow-x:auto}.site-response-table-container input{width:100%;margin-bottom:20px;padding:0 15px;border-radius:6px;height:38px;border:1px solid #ccc;font-size:12px;outline:none;transition:border-color .3s ease}.site-response-table-container input:focus{border-color:#696969}.site-right-align{display:flex;justify-content:flex-end;margin-left:auto;width:fit-content;flex-wrap:wrap}.site-right-align p{background:#696969;color:#fff;padding:8px 10px;border-radius:20px;font-weight:500;font-size:12px;max-width:fit-content;margin:15px 0;text-align:right}.site-right-align b{font-weight:700;font-size:16px;line-height:1}.site-table-title{display:flex;justify-content:center;align-items:center;padding:8px;color:#fff;background:#696969;margin-bottom:10px;font-weight:600;font-size:14px;border-radius:6px;width:100%}.site-action{display:flex;align-items:center;gap:10px;padding:4px;flex-wrap:wrap;justify-content:flex-start}.site-action svg{cursor:pointer;font-size:1.2em;transition:color .3s ease;color:#555}.site-action svg:hover{color:#000}.site-action svg:nth-child(1){color:#6c757d}.site-action svg:nth-child(1):hover{color:#343a40}.site-action svg:nth-child(2){color:#007bff}.site-action svg:nth-child(2):hover{color:#0056b3}.site-action svg:nth-child(3){color:#dc3545}.site-action svg:nth-child(3):hover{color:#a71d2a}@media (min-width: 768px){.site-response-table-container{padding:15px 10px}.site-response-table.not-collapsed{display:block}.site-response-table th,.site-response-table td{padding:10px;font-size:12px}.site-table-title{font-size:16px;padding:8px}.site-response-table-container input{height:40px;font-size:13px}.site-right-align p{font-size:13px;padding:10px 15px}.site-right-align{justify-content:flex-end}.site-action svg{font-size:1.3em}}@media (min-width: 1024px){.site-response-table tbody{font-size:12px}.site-response-table.not-collapsed{display:block}.site-right-align p{font-size:14px}.site-table-title{font-size:18px}.site-right-align{justify-content:flex-end}.site-action svg{font-size:1.4em}}.view-site-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:999}.view-site-overlay-close{display:None}.view-site{background-color:#fff;padding:20px;border-radius:12px;max-width:400px;width:90%;box-shadow:0 4px 10px #0000004d;z-index:1000;position:relative}.view-site-cancel{position:absolute;top:10px;right:15px;font-weight:700;cursor:pointer}.view-site-details h1{margin-bottom:15px;font-size:30px;font-weight:500}.view-site-info{display:flex;justify-content:space-between;margin-bottom:10px}.view-site-ok{position:relative;top:10px;left:90%;color:#fff;background-color:#696969;width:50px;text-align:center;border-radius:5px;cursor:pointer}.addsite{display:flex;height:100vh}.add-site{background-color:#fafafa;flex:1;position:relative;top:50px;font-family:Poppins,sans-serif;padding:1rem;overflow-x:auto}.add-site.not-collapsed{visibility:hidden}.add-site h1{text-align:center;color:#000;font-weight:550;font-size:25px}.add-site-details{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem;background:#fff;border-radius:8px;margin-top:10px;position:relative}.site-form-group{display:flex;flex-direction:column;width:48%;min-width:250px}.site-form-group label{margin-bottom:5px;font-weight:500;color:#000}.site-form-group input{height:40px;border:1px solid #ccc;border-radius:4px;padding:0 10px;font-size:14px;width:100%}.add-site-details .add-site-submit-button{position:absolute;left:50%;bottom:-50px;transform:translate(-50%);border-radius:10px;padding:7px 15px;color:#fff;display:flex;justify-content:center;margin-top:10px;background:#696969;font-weight:300;font-size:19px;border:1px solid white}.addsite-error-message{font-size:16px;color:red;position:absolute;right:10px;top:10px}@media (min-width: 768px){.site-form-group{width:48%}.add-site.not-collapsed{visibility:visible}.add-site h1{font-size:22px}.add-site-details .add-site-submit-button{font-size:17px}}.editsite{display:flex;height:100vh}.edit-site{background-color:#fafafa;flex:1;position:relative;top:50px;font-family:poppins;padding:1rem;overflow-x:auto}.edit-site h1{text-align:center;color:#000;font-weight:550;font-size:25px}.edit-site-groups{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem;background:#fff;border-radius:8px;margin-top:10px;position:relative}.edit-site-form-group{display:flex;flex-direction:column;width:48%}.edit-site-form-group label{margin-bottom:5px;font-weight:500;color:#333}.edit-site-form-group input{padding:10px;border-radius:4px;border:1px solid #ccc;font-size:14px}.edit-site-groups .edit-site-submit-button{position:absolute;left:48%;bottom:-50px;border-radius:10px;padding:7px 15px;color:#fff;display:flex;justify-content:center;margin-top:10px;background:#696969;font-weight:300;font-size:19px;border:1px solid white}.edituser{display:flex;height:100vh}.edit-user{background-color:#fafafa;flex:1;position:relative;top:50px;font-family:poppins;padding:1rem;overflow-x:auto}.edit-user h1{text-align:center;color:#000;font-weight:550;font-size:25px}.edit-user-groups{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem;background:#fff;border-radius:8px;margin-top:10px;position:relative}.edit-user-form-group{display:flex;flex-direction:column;width:48%}.edit-user-form-group label{margin-bottom:5px;font-weight:500;color:#333}.edit-user-form-group input,.edit-user-form-group select{padding:10px;border-radius:4px;border:1px solid #ccc;font-size:14px}.edit-user-groups .edit-user-submit-button{position:absolute;left:45%;bottom:-50px;border-radius:10px;padding:7px 15px;color:#fff;display:flex;justify-content:center;margin-top:10px;background:#696969;font-weight:300;font-size:19px;border:1px solid white}.vend{display:flex;height:100vh}.vend-component{flex:1;padding:.5rem;overflow-y:auto;overflow-x:auto;background-color:#fafafa;color:#000;position:relative;top:50px;height:100vh}.vend-component.not-collapsed{visibility:hidden}.vend-component table{width:100%;min-width:300px;border-collapse:collapse;box-shadow:0 2px 8px #0000001a}.vend-component th,.vend-component td{padding:8px;border:1px solid #ddd;text-align:left;word-break:break-word;font-size:11px}.vend-component th{background-color:#f4f4f4;color:#333}.vend-component tr:hover{background-color:#f1f1f1;transition:background-color .2s ease}.vend-component table tbody{font-size:12px;font-weight:500}.vend-response-table-container{background:#fff;padding:10px 8px;border-radius:4px;overflow-x:auto}.vend-response-table-container input{width:100%;margin:0 0 20px;padding:0 15px;border-radius:6px;height:38px;border:1px solid #ccc;font-size:12px;outline:none;transition:border-color .3s ease}.vend-response-table-container input:focus{border-color:#696969}.vend-right-align{display:flex;justify-content:flex-end;padding:5px 15px;flex-wrap:wrap;margin-left:auto;width:fit-content}.vend-right-align p{background:#696969;color:#fff;padding:8px 10px;border-radius:20px;font-weight:500;font-size:12px;max-width:fit-content;margin:10px 0;text-align:right}.vend-right-align b{font-weight:700;font-size:18px;line-height:1}.vend-table-title{display:flex;justify-content:center;align-items:center;padding:8px;color:#fff;background:#696969;margin-bottom:10px;font-weight:600;font-size:14px;border-radius:6px}@media (min-width: 768px){.vend-response-table-container{padding:15px 10px}.vend-component.not-collapsed{visibility:visible}.vend-component th,.vend-component td{padding:12px 15px;font-size:13px}.vend-table-title{font-size:18px;padding:10px}.vend-response-table-container input{height:45px;font-size:14px}.vend-right-align p{font-size:14px;padding:5px 20px;margin:15px 0}}.addvend{display:flex;height:100vh}.add-vend{background-color:#fafafa;flex:1;position:relative;top:50px;font-family:Poppins,sans-serif;padding:.8rem}.add-vend h1{text-align:center;color:#000;font-weight:550;font-size:20px}.add-vend-groups{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem;background:#fff;border-radius:8px;margin-top:10px;position:relative}.add-vend-form-group{display:flex;flex-direction:column;width:100%;min-width:250px}.add-vend-form-group label{margin-bottom:5px;font-weight:500;color:#333}.add-vend-form-group input,.add-vend-form-group select{padding:8px;border-radius:4px;border:1px solid #ccc;font-size:13px;width:100%}.add-vend-groups .add-vend-submit-button{position:absolute;left:50%;bottom:-50px;border-radius:10px;padding:6px 12px;color:#fff;display:flex;justify-content:center;background:#696969;font-weight:300;font-size:16px;border:1px solid white;transform:translate(-50%);margin-top:10px;overflow-x:auto}@media (min-width: 768px){.add-vend h1{font-size:25px}.add-vend.not-collapsed{visibility:visible}.add-vend-form-group{width:48%}.add-vend-form-group input,.add-vend-form-group select{font-size:14px;padding:10px}.add-vend-groups .add-vend-submit-button{font-size:19px;padding:7px 15px}}@media (min-width: 1024px){.add-vend{padding:1rem}.add-vend-groups .add-vend-submit-button{left:48%;transform:translate(-50%)}}.financials-table{display:flex;height:100vh}.financials-component{flex:1;padding:.5rem .25rem;overflow-y:auto;background-color:#fafafa;color:#000;position:relative;top:50px;height:100vh}.financials-component.not-collapsed{display:none}.financials-component table{width:100%;border-collapse:collapse;box-shadow:0 2px 8px #0000001a;display:block;overflow-x:auto;white-space:nowrap}.financials-component thead,.financials-component td{padding:8px;border:1px solid #ddd;text-align:left;white-space:nowrap;font-size:10px}.financials-component thead{background-color:#f4f4f4;color:#333}.financials-component tr:hover{background-color:#f1f1f1;transition:background-color .2s ease}.financials-component table tbody{font-size:12px;font-weight:500}.financials-table-title{display:flex;justify-content:center;align-items:center;padding:6px;color:#fff;background:#696969;margin-bottom:10px;font-weight:600;font-size:15px;border-radius:6px;text-align:center}.financials-response-table-container{background:#fff;padding:15px 10px;border-radius:4px;overflow-x:auto}.financials-response-table-container input{width:100%;margin-bottom:20px;padding:0 15px;border-radius:6px;height:38px;border:1px solid #ccc;font-size:12px;outline:none;transition:border-color .3s ease}.financials-response-table-container input:focus{border-color:#696969}.revenues,.histories{background:#696969!important;color:#fff!important}@media (min-width: 481px){.financials-table-title{font-size:16px;padding:8px}.financials-component th,.financials-component td{padding:10px;font-size:11px}.financials-response-table-container input{height:40px;font-size:13px}}@media (min-width: 769px){.financials-component.not-collapsed{display:block}.financials-table-title{font-size:18px;padding:10px}.financials-component th,.financials-component td{padding:12px 15px;font-size:13px}.financials-response-table-container input{height:45px;font-size:14px}.financials-component table{display:table;white-space:normal}}.financial-row{display:flex;flex-direction:row;align-items:flex-start;gap:12px;padding:.75rem;margin:10px;border-bottom:3px solid #ccc;border-radius:25px;background-color:#fff;color:#000;font-weight:500}.financial-row span{width:100%;text-align:center;font-size:13px;background:#fff;border-radius:15px;padding:6px 10px;color:#a9a9a9;border:1px solid #A9A9A9;cursor:pointer;transition:background .2s ease,color .2s ease}.financial-row span:hover{background:#a9a9a9;color:#fff}@media (min-width: 768px){.financial-row{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:20px;padding:1rem;margin:10px 15px}.financial-row span{width:auto;text-align:left;font-size:14px;padding:7px 10px}}body{background:#fff;margin:0;font-family:sans-serif}.pop-response-close{display:none}.pop-response-content{position:fixed;top:20px;right:10px;width:50%;max-width:250px;z-index:10000}.pop-response div{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff;color:#696969;padding:10px 15px;border-radius:5px;box-shadow:0 2px 8px #0003;font-size:13px;word-break:break-word;z-index:10000}.error-response,.noterror-response{flex-shrink:0;border-radius:35px;width:12px;height:12px}.error-response{background:#ff4d4f}.noterror-response{background:#696969}.pop-response span{cursor:pointer;font-weight:700;font-size:14px}@media (min-width: 768px){.pop-response-content{right:20px;width:300px}.pop-response div{font-size:14px;padding:12px 18px}.pop-response span{font-size:15px}}@media (min-width: 1024px){.pop-response-content{top:30px;right:30px;max-width:350px}.pop-response div{padding:14px 20px;font-size:15px}.pop-response span{font-size:16px}}.forgot-password{height:100vh;padding:20px 6%;background-image:linear-gradient(#0000007e,#0000007e),url(/cropped-Home-header.png);background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;position:relative}.login-logo{position:absolute;top:12px;left:6%;width:120px;height:auto}.forgot-password-form{width:100%;padding:30px 20px;border-radius:8px;background:#000000d9;box-shadow:0 4px 20px #0009;text-align:center}.forgot-password-title{display:flex;flex-direction:column}.forgot-password-form p{font-size:18px;font-weight:500;margin-bottom:24px}.forgot-password-form form{text-align:left}.forgot-password-form input{width:100%;height:45px;background:#1a1a1a;color:#fff;margin:12px 0;border:1px solid #333;outline:none;padding:14px 16px;border-radius:4px;font-size:14px;font-weight:500}.forgot-password-form input::placeholder{font-size:14px;color:#ccc;font-weight:500}.forgot-password-form button{width:100%;border:none;outline:none;padding:14px;background:#e50914;color:#000;border-radius:6px;font-size:15px;font-weight:500;margin-top:20px;cursor:pointer;transition:background-color .3s}.forgot-password-form button:hover{background-color:red}@media (min-width: 481px){.forgot-password{padding:20px 8%}.login-logo{width:140px;top:16px;left:8%}.forgot-password-form{padding:35px 25px}.forgot-password-form p{font-size:20px}.forgot-password-form input{height:48px;font-size:15px;padding:16px 20px}.forgot-password-form button{font-size:16px;padding:15px}}@media (min-width: 769px){.forgot-password{padding:20px 10%}.login-logo{width:150px;top:20px;left:10%}.forgot-password-form{max-width:450px;padding:40px 30px}.forgot-password-form p{font-size:22px}.forgot-password-form input{height:50px;font-size:16px;padding:18px 22px}.forgot-password-form button{font-size:17px;padding:16px}}.confirm-otp{height:100vh;padding:20px 6%;background-image:linear-gradient(#0000007e,#0000007e),url(/cropped-Home-header.png);background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;position:relative}.login-logo{position:absolute;top:15px;left:6%;width:120px;height:auto}.confirm-otp-form{width:110%;max-width:450px;border-radius:8px;padding:30px 20px;background:#000000d9;box-shadow:0 4px 20px #0009;text-align:center}.confirm-otp-form h1{font-size:22px;margin-bottom:25px;color:#fff}.otp-input-fields{display:flex;justify-content:center;gap:12px;margin-bottom:20px;flex-wrap:nowrap}.otp-input-fields input{width:44px;height:48px;border-radius:6px;font-size:18px;text-align:center;border:1px solid #ccc;background-color:#1a1a1a;color:#fff;outline:none;transition:border-color .3s}.otp-input-fields input:focus{border-color:#e50914}.otp-info{font-size:13px;margin-bottom:15px;line-height:1.5;text-align:center;padding:0 5px}.otp-info span{color:red;font-weight:600;cursor:pointer;text-decoration:underline}.verify-btn{width:100%;padding:14px;font-size:15px;background-color:#e50914;color:#000;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s;margin-top:10px}.verify-btn:hover{background-color:red}@media (min-width: 600px){.confirm-otp-form{padding:40px 30px}.confirm-otp-form h1{font-size:26px}.otp-input-fields input{width:50px;height:54px;font-size:20px}}.change-password{height:100vh;padding:20px 6%;background-image:linear-gradient(#0000007e,#0000007e),url(/cropped-Home-header.png);background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;position:relative}.login-logo{position:absolute;top:16px;left:6%;width:120px;height:auto}.change-password-form{width:100%;max-width:450px;background:#000000d9;padding:30px 20px;border-radius:8px;box-shadow:0 4px 20px #0009}.change-password-title h1{font-size:22px;font-weight:600;margin-bottom:12px;text-align:center}.change-password-form form{margin-top:25px;display:flex;flex-direction:column;gap:16px}.change-password-form form div{position:relative}.change-password-form form svg{position:absolute;right:10px;top:-20px;color:red}.change-password-form label{font-size:14px;font-weight:500;margin-bottom:6px;display:block}.change-password-form input{width:100%;height:48px;background:#1a1a1a;color:#fff;border:1px solid #333;outline:none;padding:0 16px;border-radius:5px;font-size:15px;font-weight:500}.change-password-form input::placeholder{color:#bbb}.change-password-form button{width:100%;border:none;outline:none;padding:14px;background:#e50914;color:#000;border-radius:6px;font-size:16px;font-weight:500;margin-top:18px;cursor:pointer;transition:background-color .3s ease}.change-password-form button:hover{background-color:red}@media (min-width: 600px){.change-password-form{padding:40px 30px}.login-logo{width:140px}.change-password-title h1{font-size:24px}}@media (min-width: 768px){.login-logo{width:150px}}