body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.alert-card{align-items:center;animation:fadeIn .3s forwards;background-color:#fff;border-radius:8px;box-shadow:0 8px 24px #959da533;box-sizing:border-box;display:flex;gap:15px;height:80px;justify-content:space-around;left:50%;opacity:0;overflow:hidden;padding:10px 15px;position:fixed;top:20px;transform:translateX(-50%);width:330px;z-index:9999}.wave{fill:#04e4003a;left:-31px;position:absolute;top:32px;transform:rotate(90deg);width:80px}.icon-container{align-items:center;background-color:#04e40048;border-radius:50%;display:flex;height:35px;justify-content:center;margin-left:8px;width:35px}.icon{color:#269b24;height:17px;width:17px}.message-text-container{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;justify-content:center}.message-text,.sub-text{cursor:default;margin:0}.message-text{color:#269b24;font-size:17px;font-weight:700}.sub-text{color:#555;font-size:14px}.cross-icon{color:#555;cursor:pointer;height:18px;width:18px}.login-container{align-items:flex-start;background:url(/static/media/11.74e5adf8f7280a04e4b3.jpg) no-repeat 50%/cover;display:flex;height:100vh;justify-content:center}.login-logo-icon{display:block;height:50px;margin-bottom:1rem;margin-left:auto;margin-right:auto}.login-box{animation:dropIn 1s ease-out forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.404);border-radius:50px;box-shadow:0 10px 20px #0000001a;box-sizing:border-box;margin-top:100px;max-width:400px;min-width:350px;opacity:0;padding:50px;text-align:center;transform:translateY(-50px);width:40%}@keyframes dropIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.login-title{color:#333;font-size:26px;font-weight:700;letter-spacing:1px;margin-bottom:30px}.login-form{align-items:center;display:flex;flex-direction:column;gap:20px;width:100%}.input-container{max-width:300px;position:relative;width:100%}.login-input{background:#f3f4f6;border:none;border-radius:20px;box-shadow:inset 0 2px 5px #0000000d;font-size:16px;outline:none;padding:15px 20px;transition:box-shadow .3s ease,border-color .3s ease;width:80%}.login-input:focus{border-color:#007bff80;box-shadow:0 0 8px #007bff80}.input-error{animation:login-shake .5s ease;border:2px solid #ff4d4f}.error-message{animation:fade-in .3s ease;bottom:-20px;color:#ff4d4f;font-size:12px;left:20px;pointer-events:none;position:absolute}@keyframes login-shake{0%,to{transform:translateX(0)}25%,75%{transform:translateX(-5px)}50%{transform:translateX(5px)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.login-button{background:linear-gradient(135deg,#678f94,#558f96);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;max-width:300px;padding:15px 20px;transition:background .3s ease,transform .2s ease;width:100%}.login-button:hover{background:linear-gradient(135deg,#558f96,#678f94);transform:scale(1.03)}.login-button:disabled{background:#ccc;cursor:not-allowed}.login-footer{margin-top:20px}.login-link{color:#678f94;font-size:14px;margin:0 10px;text-decoration:none;transition:color .3s ease}.login-link:hover{color:#558f96;text-decoration:underline}.checkbox-container{align-items:center;display:flex}.checkbox-input{accent-color:#558f96;margin-right:10px}.checkbox-label{color:#333;cursor:pointer;font-size:14px;transition:color .3s ease}.checkbox-label:hover{color:#678f94}.hp-header-container{align-items:center;border-bottom:1px solid #e3e0e0;box-sizing:border-box;color:#fff;display:flex;font-family:Arial,sans-serif;height:6rem;justify-content:space-between;padding:0 2rem;position:static;z-index:1000}.hp-logo-img{display:block;height:40px;object-fit:contain}.hp-page-title h1{color:#606060;font-size:1.5rem;margin:0}.hp-header-logo{color:#678f94;font-size:22px}.hp-user-container{gap:1.5rem}.hp-user-container,.hp-user-info{align-items:center;display:flex;position:relative}.hp-user-info{cursor:pointer;-webkit-user-select:none;user-select:none}.hp-user-name{color:#383737;font-size:1rem;font-weight:700}.hp-dropdown-menu{background:#fff;border:1px solid #d1d1d1;border-radius:1rem;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;opacity:0;position:absolute;right:0;top:2.5rem;transform:translateY(-20px);transition:opacity .4s ease,transform .4s ease;visibility:hidden;width:12rem;z-index:1001}.hp-dropdown-menu.hp-open{opacity:1;transform:translateY(0);visibility:visible}@keyframes hp-dropdownBounce{0%{opacity:0;transform:translateY(-20px)}60%{opacity:.8;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hp-dropdown-menu.hp-open{animation:hp-dropdownBounce .5s ease}.hp-dropdown-menu ul{list-style:none;margin:0;padding:.5rem}.hp-dropdown-menu ul li{align-items:center;border-radius:.5rem;color:#333;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;padding:.8rem 1rem;transition:background-color .3s ease,transform .2s ease}.hp-dropdown-menu ul li:hover{background:#cfe1e5;box-shadow:0 0 8px #007bff4d}.hp-dropdown-menu ul li:active{background:#cfe1e5;transform:scale(.98)}.hp-dropdown-menu ul li i{color:#606060;font-size:1.1rem;margin-right:.5rem}.hp-dropdown-menu ul li:hover i{color:#678f94}.hp-profile-container{align-items:center;background:#d7d1d1;border:2px solid #fff;border-radius:35%;display:flex;height:50px;justify-content:center;overflow:hidden;position:relative;width:50px}.hp-profile-picture{height:100%;object-fit:cover;width:100%}.hp-profile-icon{fill:#606060;height:60%;width:60%}.hp-dropdown-icon{height:1rem;margin-right:.5rem;transition:transform .3s ease;width:1rem}.hp-dropdown-icon.hp-rotate{transform:rotate(180deg)}.hp-dropdown-item-icon{fill:#606060;margin-right:.5rem;transition:fill .3s ease}.hp-logout-btn:disabled{cursor:not-allowed;opacity:.6}.notification-popup{align-items:center;background:#fff;border:1px solid #f85149;border-radius:8px;box-shadow:0 4px 10px #0000001a;color:#b22b2b;display:flex;font-size:16px;font-weight:500;gap:10px;left:50%;max-width:320px;padding:10px 20px;position:fixed;top:20px;transform:translateX(-50%);z-index:1000}.notification-popup-text{align-items:center;display:flex;gap:8px}.notification-popup-text svg{flex-shrink:0}.layout-container{height:100%;overflow:hidden}.layout-body,.layout-container{display:flex;flex-direction:column}.layout-body{flex-grow:1;overflow-y:auto}.layout-content{background-color:#fff;box-sizing:border-box;flex-grow:1;padding:2rem 3rem}.customers-header-container{border:3px solid #cfe1e5;border-radius:35px;padding:20px 20px 0}.customers-header{align-items:center;display:flex;justify-content:space-between}.customers-title{color:#333;font-size:24px;font-weight:700}.cta{background:none;border:none;cursor:pointer;margin-left:auto;padding:12px 18px;position:relative;transition:all .2s ease}.cta:before{background:#678f94;border-radius:50px;content:"";display:block;height:45px;left:0;position:absolute;top:0;transition:all .3s ease;width:45px}.cta span{color:#333;font-family:Ubuntu,sans-serif;font-size:18px;font-weight:700;letter-spacing:.05em;position:relative}.cta svg{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke:#333;stroke-width:2;margin-left:10px;position:relative;top:0;transform:translateX(-5px);transition:all .3s ease}.cta:hover:before{background:#678f94;width:100%}.cta.add-customer-btn:hover span,.cta.add-customer-btn:hover svg path,.cta.add-customer-btn:hover svg polyline{stroke:#deeaed;color:#deeaed;transition:color .3s ease-in-out,stroke .3s ease-in-out}.cta:hover svg{transform:translateX(0)}.cta:active{transform:scale(.95)}.group{align-items:center;display:flex;line-height:28px;margin:0 auto 20px;max-width:250px;position:relative}.input{background-color:#fff;border:0;border-radius:15px;box-shadow:0 0 0 1.5px #cfe1e5,0 0 15px -10px #cfe1e5;color:#4a4a4a;cursor:text;font-size:15px;font-weight:500;height:50px;outline:none;padding-left:2.5rem;transition:all .3s cubic-bezier(.25,1,.5,1);width:100%;z-index:0}.input::placeholder{color:#a8b0c0;font-style:italic;transition:color .3s ease-in-out}.input:hover{box-shadow:0 0 0 2.5px #d2eaf5,0 0 25px -15px #d2eaf5}.input:active{transform:scale(.95)}.input:focus{box-shadow:0 0 0 2.5px #d2eaf5}.input::-webkit-search-cancel-button{display:none}.search-icon{fill:#bdbecb;height:1rem;left:1rem;pointer-events:none;position:absolute;width:1rem;z-index:1}.owners-table-container{border:3px solid #cfe1e5;border-radius:35px;margin:20px 0;overflow:hidden;padding-top:20px}.scrollable-table{border:1px solid #ddd;border-radius:10px;box-shadow:0 2px 4px #0000001a;height:600px;overflow-y:auto}.scrollable-table::-webkit-scrollbar{width:8px}.scrollable-table::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px}.scrollable-table::-webkit-scrollbar-thumb:hover{background-color:#d4d0d0}.modern-table{border-collapse:collapse;color:#444;font-family:Arial,sans-serif;width:100%}.modern-table td,.modern-table th{border-bottom:1px solid #ddd;text-align:left}.modern-table td{padding:10px}.modern-table th{font-weight:700;padding:20px 15px;position:sticky;top:0;z-index:1}.modern-table tbody tr:nth-child(2n){background:#cfe1e57a}.modern-table tbody tr:hover{background:#eceeef;cursor:pointer}.filter-letter-container{font-family:Arial,sans-serif;margin-bottom:20px;margin-left:20px;text-align:left}.dropdown{display:inline-block;position:relative}.dropdown-trigger{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 15px}.dropdown-menu{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(8,1fr);list-style:none;margin:0}.dropdown-item{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 5px #0000001a;font-weight:700;padding:12px;text-align:center;transition:all .3s ease;-webkit-user-select:none;user-select:none}.dropdown-item:hover{box-shadow:0 4px 8px #007bff4d;transform:translateY(-2px)}.pagination-info{color:#444;font-size:14px;left:50%;position:absolute;transform:translateX(-50%)}.pagination-controls{align-items:center;display:flex;gap:10px;justify-content:flex-end}.pagination-button{align-items:center;background:#678f94;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:8px 10px;transition:background .3s}.pagination-button:disabled{background:#bbb;cursor:not-allowed}.pagination-button:hover:not(:disabled){background:#a7e4c0}.table-footer{align-items:center;display:flex;justify-content:space-between;padding:20px;position:relative}.filters-container{align-items:center;display:flex;gap:15px}.pets-list{list-style:none;margin:0;padding:0}.owner-row:nth-child(2n) .pet-item{border-color:#bdcfd1}.pet-item{align-items:center;border:2px solid #cfe1e5;border-radius:15px;display:flex;margin-bottom:5px;padding:3px 10px;transition:transform .2s ease,box-shadow .2s ease}.pet-item:hover{box-shadow:0 3px 6px #00000026;transform:translateY(-1px)}.pet-icon{color:#678f94;font-size:.9rem;margin-right:8px}.pet-name{color:#333;font-size:.9rem;font-weight:700;margin-right:5px}.pet-breed{color:#555;font-size:.8rem;font-style:italic}.no-pets{color:#888;font-size:.9rem;font-style:italic}.rows-dropdown{display:flex;height:100%;position:relative}.rows-dropdown,.rows-dropdown-trigger{align-items:center;justify-content:center}.rows-dropdown-trigger{background-color:#f9f9f9;border:2px solid #cfe1e5;border-radius:8px;color:#333;cursor:pointer;display:inline-flex;font-size:14px;padding:10px 15px;transition:background-color .3s ease}.rows-dropdown-trigger:hover{background-color:#e2e6ea}.rows-dropdown-menu{background-color:#cfe1e5;border:1px solid #cfe1e5;border-radius:15px;box-shadow:0 4px 8px #0000001a;display:flex;gap:10px;left:0;list-style:none;margin:0;opacity:0;padding:10px;position:absolute;top:0;transform:scaleY(0);transform-origin:top;transition:transform .3s ease-out,opacity .3s ease-out;z-index:1000}.rows-dropdown-menu.show{opacity:1;transform:scaleY(1)}.rows-dropdown-item{background-color:#fff;border-radius:10px;box-shadow:0 2px 5px #0000001a;color:#333;cursor:pointer;font-size:14px;font-weight:700;padding:8px 12px;text-align:center;transition:all .3s ease;-webkit-user-select:none;user-select:none}.rows-dropdown-item.active,.rows-dropdown-item:hover{background-color:#678f94;color:#fff}.rows-dropdown-item.active{font-weight:700}.type--A{--line_color:#555;--back_color:#ffecf6}.type--B{--line_color:#1b1919;--back_color:#e9ecff}.type--C{--line_color:#678f94;--back_color:#cfe1e5}.button{color:var(--line_color);font-size:14px;font-weight:700;height:56px;letter-spacing:2px;position:relative;text-decoration:none;transition:all .3s ease;width:240px;z-index:0}.button__text{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.button:after,.button:before,.button__text:after,.button__text:before{background:var(--line_color);border-radius:2px;content:"";height:3px;position:absolute;transition:all .5s ease}.button:before{left:54px;top:0;width:calc(100% - 128px)}.button:after{right:54px;top:0;width:8px}.button__text:before{bottom:0;right:54px;width:calc(100% - 128px)}.button__text:after{bottom:0;left:54px;width:8px}.button__line{overflow:hidden;width:56px}.button__line,.button__line:before{height:100%;position:absolute;top:0}.button__line:before{border:3px solid var(--line_color);border-radius:300px;box-sizing:border-box;content:"";width:150%}.button__line:first-child,.button__line:first-child:before{left:0}.button__line:nth-child(2),.button__line:nth-child(2):before{right:0}.button:hover{letter-spacing:6px}.button:hover .button__text:before,.button:hover:before{width:8px}.button:hover .button__text:after,.button:hover:after{width:calc(100% - 128px)}.button__drow1,.button__drow2{border-radius:16px;position:absolute;transform-origin:16px 16px;z-index:-1}.button__drow1{height:0;left:40px;top:-16px;transform:rotate(30deg);width:32px}.button__drow2{height:0;left:77px;top:44px;transform:rotate(-127deg);width:32px}.button__drow1:after,.button__drow1:before,.button__drow2:after,.button__drow2:before{content:"";position:absolute}.button__drow1:before{border-radius:16px;bottom:0;height:32px;left:0;transform:rotate(-60deg);transform-origin:16px 16px;width:0}.button__drow1:after{border-radius:16px;height:32px;left:45px;top:-10px;transform:rotate(69deg);transform-origin:16px 16px;width:0}.button__drow2:before{border-radius:16px;bottom:0;height:32px;left:0;transform:rotate(-146deg);transform-origin:16px 16px;width:0}.button__drow2:after{border-radius:16px;bottom:26px;height:32px;left:-40px;transform:rotate(-262deg);transform-origin:16px 16px;width:0}.button__drow1,.button__drow1:after,.button__drow1:before,.button__drow2,.button__drow2:after,.button__drow2:before{background:var(--back_color)}.button:hover .button__drow1{animation:drow1 .06s ease-in;animation-fill-mode:forwards}.button:hover .button__drow1:before{animation:drow2 .08s linear .06s;animation-fill-mode:forwards}.button:hover .button__drow1:after{animation:drow3 .03s linear .14s;animation-fill-mode:forwards}.button:hover .button__drow2{animation:drow4 .06s linear .2s;animation-fill-mode:forwards}.button:hover .button__drow2:before{animation:drow3 .03s linear .26s;animation-fill-mode:forwards}.button:hover .button__drow2:after{animation:drow5 .06s linear .32s;animation-fill-mode:forwards}@keyframes drow1{0%{height:0}to{height:100px}}@keyframes drow2{0%{opacity:0;width:0}10%{opacity:0}11%{opacity:1}to{width:120px}}@keyframes drow3{0%{width:0}to{width:80px}}@keyframes drow4{0%{height:0}to{height:120px}}@keyframes drow5{0%{width:0}to{width:124px}}.lt-last-tests-container{margin:0 auto;padding:20px 0;width:100%}.lt-dropdown-btn-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:20px;width:100%}.button:not(:last-child){margin-bottom:64px}.lt-last-tests{background-color:#cfe1e5;border:3px solid #678f94;border-radius:20px;box-shadow:0 4px 20px #0000000d;margin-top:5px;padding:15px}.lt-last-tests h2{color:#2c3e50;font-size:24px;font-weight:700;letter-spacing:1px;margin-bottom:20px;text-align:center;text-transform:uppercase}.lt-tests-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,minmax(120px,1fr))}.lt-test-card{background:#fff;border:2px solid #cfe1e5;border-radius:20px 0 20px 20px;box-shadow:0 3px 6px #0000001a;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;margin:0 auto;max-width:160px;overflow:visible;padding:12px;position:relative;text-align:left;transition:transform .3s ease,color .3s ease-out,border-color .3s ease-out;width:100%}.lt-circle{background-color:#678f94;border:2px solid #cfe1e5;border-radius:50% 0 50% 50%;box-shadow:0 2px 4px #0003;color:#fff;font-weight:700;height:40px;justify-content:center;position:absolute;right:0;top:0;width:40px}.lt-card-header,.lt-circle{align-items:center;display:flex;font-size:12px}.lt-card-header{gap:6px}.lt-pet-icon{color:#4a4a4a;font-size:16px}.lt-pet-type{color:#4a4a4a;font-size:14px;font-weight:600}.lt-card-info{color:#333;display:flex;flex-direction:column;font-size:12px;padding:6px 0}.lt-owner-name,.lt-pet-name{color:#4a4a4a;font-weight:500;margin:2px 0}.lt-card-time{align-items:center;color:#555;display:flex;font-size:12px;gap:5px;margin-top:5px}.lt-clock-icon{color:#678f94}.lt-card-details{align-items:center;display:flex;justify-content:center;margin:0;padding:0}.lt-images-count-container{margin:0}.lt-images-count{border-bottom:2px solid #cfe1e5;border-radius:8px;color:#000;font-size:18px;font-weight:500;padding:3px}.lt-images-text{color:#7a7a7a;font-size:12px;font-weight:500}.lt-card-footer{display:flex;justify-content:center;padding-top:10px}.lt-card-button{background:#000;border:2px solid #000;border-radius:20px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;text-align:center;transition:all .3s ease}.lt-card-button:hover{background:#fff;color:#000}.lt-dropdown-menu{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 10px #00000026;display:block!important;min-width:130px;padding:5px 0;position:absolute;right:10px;top:100%;z-index:1000}.lt-card-footer .lt-dropdown-menu{display:block}.lt-dropdown-item{align-items:center;color:#333;cursor:pointer;display:flex;font-size:14px;padding:10px 15px;transition:background .2s ease}.lt-dropdown-item:hover{background:#f4f4f4}@media (max-width:1200px){.lt-tests-grid{grid-template-columns:repeat(4,minmax(120px,1fr))}}@media (max-width:768px){.lt-tests-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}}@media (prefers-color-scheme:dark){.lt-last-tests{background-color:#1c1c1c;box-shadow:0 4px 20px #ffffff0d}.lt-last-tests h2{color:#f1f1f1}.lt-test-card{background-color:#2c2c2c;border:1px solid #3d3d3d}.lt-test-card:hover{border:1px solid #4a90e2;box-shadow:0 8px 20px #ffffff1f}.lt-circle{background-color:#4a90e2;border-color:#333;color:#fff}.lt-circle:hover{background-color:#1e63c8}.lt-card-header h2,.lt-images-text{color:#fff}.lt-dropdown-menu{background:#2c2c2c;border-color:#4a90e2}.lt-dropdown-item{color:#f1f1f1}.lt-dropdown-item:hover{background:#4a90e2}}.loader-container{align-items:center;background-color:hsla(0,0%,100%,.171);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.loader{display:block;height:84px;position:relative;width:84px}.loader:after,.loader:before{animation:push_401 2s linear infinite;background:#000;border-radius:50%;bottom:0;content:"";height:64px;left:50%;position:absolute;transform:translate(-50%,-100%) scale(0);width:64px}.loader:after{animation-delay:1s}@keyframes push_401{0%,50%{transform:translate(-50%) scale(1)}to{transform:translate(-50%,-100%) scale(0)}}.aop-popup-overlay{align-items:center;animation:aop-fadeIn .3s forwards;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;width:100%;z-index:9999}.aop-popup-content{align-items:center;animation:aop-scaleIn .3s forwards;background:#fff;border-radius:12px;box-shadow:0 8px 20px #0003;display:flex;flex-direction:column;max-width:450px;padding:2rem;position:relative;transform:scale(.8);width:90%}.aop-close-btn{background:none;border:none;color:#333;cursor:pointer;font-size:24px;font-weight:700;position:absolute;right:10px;top:10px;transition:color .3s}.aop-close-btn:hover{color:#007bff}.aop-popup-title{color:#333;font-size:1.6rem;font-weight:500;margin-bottom:1.5rem;text-align:center}.aop-popup-form{align-items:center;display:flex;flex-direction:column;width:100%}.aop-popup-form .aop-form-row{display:flex;gap:1rem;width:100%}.aop-popup-form .aop-form-group{margin-bottom:1.5rem;width:100%}.aop-popup-form .aop-form-group.aop-half-width{flex:1 1}.aop-form-input{border:1px solid #ddd;border-radius:15px;box-sizing:border-box;font-size:1rem;padding:.8rem 1rem;transition:border-color .3s,box-shadow .3s;width:100%}.aop-form-input:focus{border-color:#007bff;box-shadow:0 0 4px #007bff80;outline:none}.aop-form-buttons-center{margin-top:1.5rem;text-align:center}.aop-submit-btn{background-color:#a8d5ba;border:none;border-radius:8px;color:#403939;cursor:pointer;font-size:1rem;padding:.8rem 1.5rem;transition:background-color .3s,transform .2s}.aop-submit-btn:hover{background-color:#78c195;transform:translateY(-2px)}.aop-error-text{color:#ff4d4d;display:block;font-size:.875rem;font-weight:400;margin-top:.5rem}@keyframes aop-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes aop-scaleIn{0%{transform:scale(.8)}to{transform:scale(1)}}.dashboard-container{display:grid;grid-template-columns:20% auto;min-height:100vh;overflow:visible}.dashboard-content{background:#f4f4f4;font-family:Arial,sans-serif;overflow:visible;padding:5vh 3vw;position:relative}.dashboard-section{border-radius:8px;margin-bottom:3rem;position:relative;z-index:0}.dropdown-menu{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;left:0;padding:10px;position:absolute;top:100%;z-index:1000}.dropdown-item{cursor:pointer;padding:8px 12px;transition:background-color .2s ease}.dropdown-item:hover{background-color:#007bff;color:#fff}.dropdown-item.active{background-color:#0056b3;color:#fff}@media (max-width:768px){.dashboard-container{grid-template-columns:1fr}.dashboard-section{margin-bottom:2rem}}.sidebar{color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:width .7s ease;z-index:1000}.sidebar.open{width:20%}.sidebar.closed{width:8rem}.sidebar-header{align-items:center;border-bottom:.1rem solid #ffffff1a;box-sizing:border-box;display:flex;height:8rem;justify-content:center;margin:0;padding:0;text-align:center}.sidebar-header .logo{color:#87caa2;font-size:1.5rem;font-weight:700;transition:font-size .7s ease}.sidebar.open .logo{font-size:2rem}.sidebar-body{flex-direction:column;flex-grow:1;padding:2vh 0}.sidebar-body,.sidebar-btn{align-items:center;display:flex;transition:all .7s ease}.sidebar-btn{background-color:#fff;border:.2rem solid #ddebf2;border-radius:1.3rem;color:#aaafb7;cursor:pointer;font-size:1rem;height:4.2rem;justify-content:center;margin:1vh 0;overflow:hidden;padding:0;text-align:center;width:4.2rem}.sidebar-btn.active,.sidebar-btn:hover{background:#ddebf2;color:#292b2d}.sidebar-btn.active{border:none}.sidebar-btn.active .sidebar-icon path{fill:#87caa2}.sidebar.open .sidebar-btn{justify-content:flex-start;padding:0 1.5rem;width:80%}.sidebar-btn span{margin-left:1rem;opacity:0;transition:opacity .7s ease}.sidebar.open .sidebar-btn span{opacity:1}.sidebar-icon{height:1.5rem;transition:fill .7s ease;width:1.5rem}.sidebar-footer{border-top:.1rem solid #ffffff1a;margin-top:auto;padding:2rem}.sidebar-footer,.sidebar-footer .logout-btn{align-items:center;display:flex;justify-content:center;transition:all .7s ease}.sidebar-footer .logout-btn{background-color:#fff;border:none;border-radius:1.2rem;color:#aaafb7;cursor:pointer;font-size:1rem;height:3rem;margin:1vh 0;overflow:hidden;padding:0;text-align:center;width:80%}.sidebar-footer .logout-btn span{display:none;transition:opacity .7s ease}.sidebar.open .logout-btn span{display:inline;opacity:1}.admin-section{background:#f0f0f0;border:1px solid #ccc;border-radius:8px;margin-bottom:1.5rem;padding:2rem}.admin-content{display:flex;flex-direction:column;gap:1rem}.admin-content h2{color:#333;margin:0}.admin-content p{color:#555;font-size:1rem}.change-password-overlay{align-items:center;animation:fadeIn .3s forwards;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;width:100%;z-index:9999}.change-password-content{align-items:center;animation:scaleIn .3s forwards;background:#fff;border-radius:12px;box-shadow:0 8px 20px #0003;display:flex;flex-direction:column;max-width:450px;padding:2rem;position:relative;transform:scale(.8);width:90%}.change-password-close-btn{background:none;border:none;color:#333;cursor:pointer;font-size:24px;font-weight:700;position:absolute;right:10px;top:10px;transition:color .3s}.change-password-close-btn:hover{color:#007bff}.change-password-title{color:#333;font-size:1.6rem;font-weight:500;margin-bottom:1.5rem;text-align:center}.change-password-form{align-items:center;display:flex;flex-direction:column;width:100%}.change-password-form-group{margin-bottom:1.5rem;text-align:left;width:100%}.change-password-form-group label{color:#555;display:block;font-size:.9rem;margin-bottom:.5rem}.change-password-form-group input{border:1px solid #ddd;border-radius:15px;box-sizing:border-box;font-size:1rem;padding:.8rem 1rem;transition:border-color .3s,box-shadow .3s;width:100%}.change-password-form-group input:focus{border-color:#007bff;box-shadow:0 0 4px #007bff80;outline:none}.change-password-actions{display:flex;justify-content:space-between;margin-top:1.5rem;width:100%}.change-password-btn-primary{background-color:#a8d5ba;border:none;border-radius:8px;color:#403939;cursor:pointer;flex:1 1;font-size:1rem;margin-right:.5rem;padding:.8rem 1.5rem;transition:background-color .3s,transform .2s}.change-password-btn-primary:hover{background-color:#78c195;transform:translateY(-2px)}.change-password-btn-secondary{background-color:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;padding:.8rem 1.5rem;transition:background-color .3s,transform .2s}.change-password-btn-secondary:hover{background-color:#5a6268;transform:translateY(-2px)}.change-password-error{color:#ff4d4d;font-size:.875rem;margin-bottom:15px;text-align:left}@keyframes scaleIn{0%{transform:scale(.8)}to{transform:scale(1)}}.add-user-popup-overlay{align-items:center;animation:aup-fadeIn .3s forwards;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;width:100%;z-index:9999}.add-user-popup-content{align-items:center;animation:aup-scaleIn .3s forwards;background:#fff;border-radius:12px;box-shadow:0 8px 20px #0003;display:flex;flex-direction:column;max-width:450px;padding:2rem;position:relative;transform:scale(.8);width:90%}.add-user-popup-title{color:#333;font-size:1.6rem;font-weight:500;margin-bottom:1.5rem;text-align:center}.add-user-popup-form{align-items:center;display:flex;flex-direction:column;width:100%}.add-user-form-row{display:flex;gap:1rem;width:100%}.add-user-form-group{margin-bottom:1.5rem;width:100%}.add-user-form-group label{color:#333;display:block;font-weight:500;margin-bottom:.5rem}.add-user-form-group input,.add-user-form-group select{border:1px solid #ddd;border-radius:15px;box-sizing:border-box;font-size:1rem;padding:.8rem 1rem;transition:border-color .3s,box-shadow .3s;width:100%}.add-user-form-group input:focus,.add-user-form-group select:focus{border-color:#007bff;box-shadow:0 0 4px #007bff80;outline:none}.add-user-form-group.half-width{flex:1 1}.add-user-popup-actions{display:flex;justify-content:space-between;margin-top:1.5rem;width:100%}.add-user-btn-primary{background-color:#a8d5ba;border:none;border-radius:8px;color:#403939;cursor:pointer;font-size:1rem;padding:.8rem 1.5rem;transition:background-color .3s,transform .2s}.add-user-btn-primary:hover{background-color:#78c195;transform:translateY(-2px)}.add-user-btn-primary:disabled{background-color:#ccc;cursor:not-allowed}.add-user-btn-secondary{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:1rem;padding:.8rem 1.5rem;transition:background-color .3s}.add-user-btn-secondary:hover{background-color:#e9ecef}.error-text{color:#ff4d4d;display:block;font-size:.875rem;font-weight:400;margin-top:.5rem}@keyframes aup-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes aup-scaleIn{0%{transform:scale(.8)}to{transform:scale(1)}}.delete-popup-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.delete-popup-content{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;padding:20px;text-align:center;width:400px}.delete-popup-content h2{color:#333;margin-bottom:10px}.delete-popup-content p{color:#555;margin-bottom:20px}.delete-popup-actions{display:flex;justify-content:space-between}.delete-btn-confirm{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 15px}.delete-btn-confirm:hover{background-color:#c82333}.delete-btn-cancel{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 15px}.delete-btn-cancel:hover{background-color:#5a6268}.admin-users-container-modern{background:#f8fafc;border-radius:12px;box-shadow:0 8px 20px #0000001a;font-family:Arial,sans-serif;padding:20px}.admin-users-header-modern{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.admin-users-header-modern h1{color:#2c3e50;font-size:1.8rem;font-weight:700}.admin-users-btn-cancel-modern,.admin-users-btn-delete-modern,.admin-users-btn-edit-modern,.admin-users-btn-password-modern,.admin-users-btn-primary-modern,.admin-users-btn-save-modern{background-color:#5cb85c;border:none;border-radius:12px;box-shadow:0 4px 8px #0000001a;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-bottom:10px;margin-right:10px;padding:12px 16px;transition:all .3s ease}.admin-users-btn-cancel-modern:hover,.admin-users-btn-delete-modern:hover,.admin-users-btn-edit-modern:hover,.admin-users-btn-password-modern:hover,.admin-users-btn-primary-modern:hover,.admin-users-btn-save-modern:hover{background-color:#45a049;transform:translateY(-2px)}.admin-users-btn-cancel-modern{background-color:#e74c3c}.admin-users-btn-cancel-modern:hover{background-color:#c0392b}.admin-users-btn-delete-modern{background-color:#f39c12}.admin-users-btn-delete-modern:hover{background-color:#e67e22}.admin-users-table-modern{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 8px 20px #0000001a;margin-top:20px;overflow:hidden;width:100%}.admin-users-table-modern td,.admin-users-table-modern th{border:1px solid #eee;color:#555;font-size:1rem;padding:15px;text-align:left}.admin-users-table-modern th{background:#f4f6f8;color:#34495e;font-weight:700;text-transform:uppercase}.admin-users-table-modern tr:hover{background-color:#f9f9f9}.admin-users-table-modern td input,.admin-users-table-modern td select{border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;font-size:1rem;max-width:90%;padding:8px;transition:border-color .3s ease;width:calc(100% - 10px)}.admin-users-table-modern td input:focus,.admin-users-table-modern td select:focus{border-color:#5cb85c;outline:none}.admin-users-error-modern,.admin-users-loading-modern{font-size:1rem;margin-top:20px;text-align:center}.admin-users-loading-modern{color:#3498db}.admin-users-error-modern{color:#e74c3c}.popup-overlay-modern{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup-content-modern{animation:scaleInModern .3s ease;background:#fff;border-radius:12px;box-shadow:0 8px 20px #0003;max-width:450px;padding:2rem;text-align:center;width:90%}.popup-content-modern h2{color:#2c3e50;font-size:1.6rem;font-weight:700;margin-bottom:20px}.popup-content-modern .form-group{margin-bottom:1.5rem;text-align:left}.popup-content-modern .form-group label{color:#555;display:block;font-size:1rem;margin-bottom:5px}.popup-content-modern .form-group input,.popup-content-modern .form-group select{border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;font-size:1rem;padding:12px;width:100%}.popup-actions-modern{display:flex;justify-content:space-between;margin-top:1.5rem}.popup-actions-modern button{border:none;border-radius:12px;box-shadow:0 4px 8px #0000001a;cursor:pointer;flex:1 1;font-size:1rem;margin:0 .5rem;padding:12px;transition:all .3s ease}.popup-actions-modern .btn-primary{background-color:#5cb85c;color:#fff}.popup-actions-modern .btn-primary:hover{background-color:#45a049;transform:translateY(-2px)}.popup-actions-modern .btn-secondary{background-color:#e74c3c;color:#fff}.popup-actions-modern .btn-secondary:hover{background-color:#c0392b;transform:translateY(-2px)}@keyframes scaleInModern{0%{transform:scale(.8)}to{transform:scale(1)}}.admin-code-wrapper{display:flex;height:100vh;justify-content:center;margin-top:100px;width:100%}.admin-code-container{background:#1e1e1e;border-radius:10px;box-shadow:0 10px 30px #0000004d;height:500px;overflow:hidden;width:800px}.admin-code-terminal-toolbar{background:#2d2d2d;height:35px;justify-content:space-between;padding:0 15px}.admin-code-butt,.admin-code-terminal-toolbar{align-items:center;display:flex}.admin-code-btn{border:none;border-radius:50%;cursor:pointer;height:13px;margin-right:8px;transition:transform .2s ease;width:13px}.admin-code-btn:hover{transform:scale(1.1)}.admin-code-btn-color:first-child{background:#ff5f56}.admin-code-btn-color:nth-child(2){background:#ffbd2e}.admin-code-btn-color:nth-child(3){background:#27c93f}.admin-code-add-tab{background:#3a3a3a;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:12px;padding:5px 10px;transition:background .2s ease}.admin-code-add-tab:hover{background:#4a4a4a}.admin-code-user{color:#fff;font-size:14px;font-weight:700}.admin-code-terminal-body{background:#1e1e1e;font-family:Consolas,monospace;font-size:14px;height:calc(100% - 35px);line-height:1.5;overflow-y:auto;padding:15px}.admin-code-terminal-prompt{align-items:center;display:flex;margin-bottom:10px}.admin-code-terminal-prompt span{margin-right:5px}.admin-code-terminal-user{color:#00ff9c}.admin-code-terminal-location{color:#06f}.admin-code-terminal-bling{color:#f0f}.admin-code-terminal-cursor{animation:admin-code-blink 1s step-end infinite;background:#fff;display:inline-block;height:18px;width:8px}@keyframes admin-code-blink{0%,to{opacity:1}50%{opacity:0}}.custom-popup-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;z-index:1000}.custom-popup-container,.custom-popup-overlay{height:100%;left:0;position:fixed;top:0;width:100%}.custom-popup-container{align-items:center;animation:fadeIn .3s ease-in-out;display:flex;justify-content:center;z-index:1001}.custom-popup{animation:slideUp .3s ease-in-out;background-color:#fff;border-radius:12px;box-shadow:0 8px 30px #00000040;display:flex;flex-direction:column;height:85%;max-width:1200px;overflow:hidden;position:relative;width:80%;z-index:1002}.custom-close-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 4px 10px #0003;color:#555;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:40px;z-index:1003}.custom-close-btn:hover{background:#ff3b3be6;box-shadow:0 6px 15px #ff3b3b66;color:#fff;transform:scale(1.1)}.custom-popup-layout{display:flex;height:85%;width:100%}.custom-sidebar-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:17px;color:#555;cursor:pointer;display:flex;font-size:16px;justify-content:space-between;margin-bottom:10px;overflow:hidden;padding:12px 20px;position:relative;transition:background .3s ease,color .3s ease,box-shadow .3s ease;width:100%}.custom-active{background:#678f94;border:3px solid #cfe1e5;color:#fff}.custom-sidebar-btn .set-name{transition:opacity .3s ease}.custom-sidebar-btn .more-icon{color:#777;cursor:pointer;font-size:20px;transition:color .3s ease}.custom-sidebar-btn .hover-number{color:#000;font-size:15px;font-weight:400;margin-left:20px;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .5s ease,transform .5s ease}.custom-sidebar-btn:hover .set-name{opacity:0}.custom-sidebar-btn:hover .hover-number{opacity:1;transform:translate(-50%,-50%)}.custom-sidebar-btn:hover{border:3px solid #cfe1e5}.custom-popup-sidebar{background:linear-gradient(180deg,#f9f9f9,#eaeaea);border-right:1px solid #ddd;box-shadow:inset 0 0 10px #0000000d;overflow-y:auto;padding:20px;position:relative;width:25%}.custom-popup-sidebar::-webkit-scrollbar{width:10px}.custom-popup-sidebar::-webkit-scrollbar-track{background:#f0f0f0;border-radius:8px}.custom-popup-sidebar::-webkit-scrollbar-thumb{background:#2b2929;border-radius:8px;box-shadow:inset 0 0 5px #0003}.custom-popup-sidebar::-webkit-scrollbar-thumb:hover{background:#2b2929}.custom-popup-sidebar{scroll-behavior:smooth}.custom-popup-sidebar h3{color:#444;font-size:18px;font-weight:700;letter-spacing:1px;margin-bottom:16px;text-align:center;text-transform:uppercase}.custom-popup-images{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(5,1fr);justify-items:center;overflow-y:auto;padding:20px;scroll-behavior:smooth;scrollbar-width:thin;width:100%}.custom-popup-images::-webkit-scrollbar{width:10px}.custom-popup-images::-webkit-scrollbar-track{background:#f0f0f0;border-radius:8px}.custom-popup-images::-webkit-scrollbar-thumb{background:#007bff;border-radius:8px;box-shadow:inset 0 0 5px #0003}.custom-popup-images::-webkit-scrollbar-thumb:hover{background:#0056b3}.checkbox-wrapper-16 *,.checkbox-wrapper-16 :after,.checkbox-wrapper-16 :before{box-sizing:border-box}.checkbox-wrapper-16 .checkbox-input{clip:rect(0 0 0 0);clip-path:inset(100%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.checkbox-wrapper-16 .checkbox-input:checked+.checkbox-tile{border-color:#678f94;box-shadow:0 5px 10px #0000001a,0 0 0 4px #a0bdc2;color:#678f94}.checkbox-wrapper-16 .checkbox-input:checked+.checkbox-tile:before{background-color:#678f94;opacity:1;transform:scale(1)}.checkbox-wrapper-16 .checkbox-input:checked+.checkbox-tile .checkbox-icon{color:#678f94}.checkbox-wrapper-16 .checkbox-tile{align-items:stretch;background-color:#fff;border:2px solid #b5bfd9;border-radius:.5rem;box-shadow:0 5px 10px #0000001a;cursor:pointer;display:flex;height:7rem;justify-content:center;overflow:hidden;position:relative;transition:.15s ease;width:7rem}.checkbox-wrapper-16 .checkbox-tile:before{background-color:#fff;border:2px solid #b5bfd9;border-radius:50%;content:"";display:block;height:1.25rem;left:.25rem;opacity:0;position:absolute;top:.25rem;transform:scale(0);transition:.25s ease;width:1.25rem}.checkbox-wrapper-16 .checkbox-tile:hover{border-color:#678f94;box-shadow:0 5px 10px #0000001a,0 0 0 4px #a0bdc2}.checkbox-wrapper-16 .checkbox-tile:hover:before{opacity:1;transform:scale(1)}.checkbox-wrapper-16 .checkbox-icon{color:#494949;transition:.375s ease}.checkbox-wrapper-16 .checkbox-icon img{border-radius:.25rem;height:100%;object-fit:cover;object-position:center;width:100%}.checkbox-label{border-bottom:2px solid #cfe1e5;border-radius:5px;color:#707070;font-size:16px;margin-top:8px;padding:0 5px 5px;text-align:center}@media (max-width:1200px){.custom-popup-images{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.custom-popup-images{grid-template-columns:repeat(3,1fr)}}@media (max-width:576px){.custom-popup-images{grid-template-columns:repeat(2,1fr)}}.custom-popup-header{align-items:center;background-color:#f4f4f4;border-bottom:1px solid #ddd;color:#333;display:flex;font-size:18px;font-weight:700;height:15%;justify-content:space-between;padding:10px 20px}.custom-popup-header h3{color:#444;font-size:20px;margin:0}.header-actions{align-items:center;display:flex;gap:10px;justify-content:center}.header-btn{border:none;border-radius:12px;font-size:18px;padding:8px 12px}.close-btn,.header-btn{background:none;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.close-btn{border:none;border-radius:6px;font-size:30px}.header-btn.add-btn{align-items:center;background-color:#678f94;border:3px solid #add8e6;border-radius:15px;color:#fff;display:flex;font-size:28px;height:40px;justify-content:center;width:40px}.header-btn.add-btn:hover{background-color:#add8e6}.header-btn.bin-button{align-items:center;background-color:#dc3546e0;border:3px solid #ffc9c9;border-radius:15px;color:#fff;display:flex;height:40px;justify-content:center;transition-duration:.3s;width:40px}.header-btn.bin-button:disabled{background-color:#f5c6cb;color:#fff;cursor:not-allowed;opacity:.6}.header-btn.bin-button:hover{background-color:#c82333}.bin-button{align-items:center;background-color:#ff5f5f;border:3px solid #ffc9c9;border-radius:15px;cursor:pointer;display:flex;flex-direction:column;height:55px;justify-content:center;transition-duration:.3s;width:55px}.bin-bottom{width:15px}.bin-top{transform-origin:right;transition-duration:.3s;width:17px}.bin-button:hover .bin-top{transform:rotate(45deg)}.bin-button:hover{background-color:red}.bin-button:active{transform:scale(.9)}.select-all-container{align-items:center;color:#555;display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;margin:10px 0 0}.select-all-container input[type=checkbox]{accent-color:#678f94;border:1px solid #ccc;border-radius:4px;cursor:pointer;height:18px;transition:all .3s ease;width:18px}.zoom-icon{align-items:center;background-color:rgba(0,0,0,.238);border-radius:50%;bottom:5px;cursor:pointer;display:flex;justify-content:center;padding:5px;position:absolute;right:5px;transition:transform .2s ease,background-color .2s ease}.zoom-icon:hover{background-color:#000c;transform:scale(1.1)}.checkbox-wrapper{position:relative;z-index:2}.checkbox-icon{align-items:center;display:flex;justify-content:center}.checkbox-input{height:18px;margin-right:5px;width:18px}.checkBox{align-items:center;border-radius:6px;box-shadow:0 0 0 2px #aed7e1;cursor:pointer;display:flex;height:20px;justify-content:center;overflow:hidden;position:relative;width:20px}.checkBox div{background-color:#007bff;height:40px;left:-35px;position:absolute;top:-35px;transform:rotate(45deg);width:40px;z-index:100}.checkBox input[type=checkbox]:checked+div{left:-6px;top:-6px}.checkBox input[type=checkbox]{left:50px;position:absolute;visibility:hidden}.transition{transition:.25s ease}.select-all-text{color:#333;cursor:pointer;font-size:14px;font-weight:700;margin-left:8px;transition:color .3s ease}.select-all-text:hover{color:#007bff}.custom-image-item{background:#fff;border-radius:8px;flex-direction:column;height:auto;justify-content:flex-start;margin:0;padding:0}.custom-image-item,.toggle-wrapper{align-items:center;display:flex;position:relative}.toggle-wrapper{background-image:linear-gradient(180deg,#d5d5d5,#e8e8e8);border-radius:.4em;box-shadow:0 1px 1px #fff9;font-size:1em;height:1.2em;justify-content:center;margin-bottom:8px;padding:.05em;width:2.5em}.toggle-checkbox{-webkit-appearance:none;appearance:none;cursor:pointer;height:100%;opacity:0;position:absolute;width:100%;z-index:1}.toggle-container{align-items:center;background-color:#e8e8e8;border-radius:.3em;box-shadow:inset 0 0 .05em .1em #fff3,inset 0 .05em .1em #0006;display:flex;height:1em;position:relative;transition:background-color .3s linear;width:2.2em}.toggle-checkbox:checked+.toggle-container{background-color:#f3b519}.toggle-button{align-items:center;background-color:#e8e8e8;border-radius:.25em;box-shadow:inset 0 -.05em .05em .1em #0000001a,inset 0 -.1em .05em #0003,inset 0 .15em .05em #ffffff4d,0 .1em .1em #00000080;display:flex;height:.9em;justify-content:center;left:.05em;position:absolute;transition:left .3s;width:.9em}.toggle-checkbox:checked+.toggle-container>.toggle-button{left:1.25em}.toggle-button-circles-container{grid-gap:.05em;display:grid;gap:.05em;grid-template-columns:repeat(3,min-content);margin:0 auto;position:absolute}.toggle-button-circle{background-image:radial-gradient(circle at 50% 0,#f5f5f5,#c4c4c4);border-radius:50%;height:.08em;width:.08em}.custom-popup-image{border-radius:8px;box-shadow:0 2px 6px #0000001a;height:auto;max-width:180px;width:100%}.custom-compare-btn{background-color:#000;border:none;border-radius:50px;box-shadow:0 4px 10px #0003;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin-bottom:10px;padding:10px 15px;transition:all .3s ease-in-out;z-index:1003}.custom-compare-btn.active{background:#2b2929;transform:translateY(-2px)}.custom-compare-btn:hover{background:rgba(43,41,41,.514);transform:scale(1.05)}.custom-compare-btn.inactive{background:linear-gradient(45deg,#ccc,#999);box-shadow:none;cursor:not-allowed;opacity:.6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.custom-image-popup{background-color:#000000b3;box-sizing:border-box;height:100%;left:0;position:fixed;top:0;width:100%;z-index:2000}.custom-image-popup,.popup-image-container{align-items:center;display:flex;justify-content:center;padding:10px}.popup-image-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000004d;height:auto;max-height:80%;max-width:800px;overflow:hidden;position:relative;width:90%;z-index:2001}.popup-image{border-radius:10px;display:block;max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease}.custom-image-popup .custom-close-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 4px 10px #0003;color:#555;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:40px;justify-content:center;position:absolute;right:10px;top:10px;width:40px;z-index:2002}.custom-image-popup .custom-close-btn:hover{background:#ff3b3be6;color:#fff;transform:scale(1.1)}@media (max-width:768px){.popup-image-container{max-height:80%;max-width:100%;width:100%}}@media (max-width:480px){.popup-image-container{padding:10px;width:100%}.custom-close-btn{font-size:18px;height:35px;right:5px;top:5px;width:35px}}.custom-compare-popup{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;overflow:hidden;padding:20px;position:fixed;top:0;width:100%;z-index:2000}.compare-popup-container{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;height:80%;justify-content:flex-start;overflow-y:auto;padding:20px;position:relative;width:90%}.compare-images-row{grid-gap:15px;align-items:center;display:grid;gap:15px;grid-template-columns:repeat(5,1fr);height:auto;justify-content:center;max-height:70%;overflow:hidden;padding:10px 0;width:100%}.compare-popup-image{border-radius:8px;box-shadow:0 2px 6px #0003;cursor:pointer;max-height:300px;object-fit:contain;width:100%}.custom-compare-close-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 4px 10px #0003;color:#555;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:40px;z-index:3000}.custom-compare-close-btn:hover{background:#ff3b3be6;box-shadow:0 6px 15px #ff3b3b66;color:#fff;transform:scale(1.1)}.image-pending{filter:grayscale(50%);opacity:.7}.pending-label{color:#ff9800;font-size:12px;margin-top:5px;text-align:center}.progress{background-color:#f4bf00;height:100%;transition:width .3s ease-in-out}.progress-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.progress-container{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:20px;text-align:center;z-index:10000}.progress-bar{border:2px solid #f4bf00;border-radius:20px;height:22px;margin-top:10px;overflow:hidden;position:relative;width:120px}.progress-bar:before{background:#f4bf00;border-radius:inherit;bottom:2px;content:"";left:2px;position:absolute;top:2px;transition:width .3s ease;width:0;width:var(--progress,0)}.custom-sidebar-item{position:relative}.tis-dropdown-menu{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 5px #0003;display:flex;flex-direction:column;min-width:120px;padding:5px 0;position:absolute;right:0;top:100%;z-index:1000}.tis-dropdown-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:14px;padding:8px 12px;text-align:left;transition:background .2s ease;width:100%}.tis-dropdown-item:hover{background:#f4f4f4}.tis-dropdown-icon{margin-right:8px;width:16px}.popup-report{background-color:#f9fafb;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 6px #0000000d;font-size:13px;margin-top:20px;max-width:320px;overflow:hidden;padding:12px}.popup-report h4{color:#2d3748;font-size:16px;margin-bottom:10px}.popup-report table{border-collapse:collapse;font-size:13px;table-layout:fixed;width:100%}.popup-report thead{background-color:#e2e8f0;position:sticky;top:0;z-index:1}.popup-report td,.popup-report th{border-bottom:1px solid #edf2f7;box-sizing:border-box;height:36px;line-height:1.4;padding:8px 10px;text-align:left}.popup-report th{color:#2d3748;font-weight:600}.popup-report td{color:#4a5568}.popup-report tbody{display:block;max-height:468px;overflow-y:auto}.popup-report tbody tr,.popup-report thead{display:table;table-layout:fixed;width:100%}.add-pet-error-border{border:2px solid #f85149;box-shadow:0 0 5px #f85149;outline:none;transition:border-color .3s ease,box-shadow .3s ease}.add-pet-error-text{color:#f85149;display:block;font-size:.875rem;margin-top:4px;position:relative;top:4px}@keyframes add-pet-shake{0%,to{transform:translateX(0)}25%,75%{transform:translateX(-5px)}50%{transform:translateX(5px)}}.add-pet-shake{animation:add-pet-shake .5s ease}.add-pet-popup-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.add-pet-popup-content{background:#fff;border-radius:15px;box-shadow:0 8px 20px #0003;display:flex;flex-direction:column;gap:20px;max-width:450px;padding:2rem;position:relative;width:90%}.add-pet-popup-title{color:#333;font-size:1.6rem;font-weight:500;margin-bottom:1.5rem;text-align:center}.add-pet-popup-form{display:flex;flex-direction:column;gap:15px}.add-pet-form-group{display:flex;flex-direction:column;gap:5px;position:relative}.add-pet-form-label{color:#555;font-size:1rem;font-weight:500}.add-pet-form-input{border:1px solid #ddd;border-radius:15px;box-sizing:border-box;font-size:1rem;padding:.8rem;transition:border-color .3s,box-shadow .3s}.add-pet-form-input:focus{border-color:#007bff;box-shadow:0 0 4px #007bff80;outline:none}.add-pet-suggestions{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 6px #0000001a;left:0;list-style:none;margin-top:4px;max-height:150px;overflow-y:auto;padding:0;position:absolute;top:100%;width:100%;z-index:1000}.add-pet-suggestion-item{cursor:pointer;font-size:1rem;padding:.5rem 1rem}.add-pet-highlighted,.add-pet-suggestion-item:hover{background-color:#f0f0f0}.add-pet-popup-actions{text-align:center}.add-pet-add-btn{background-color:#a8d5ba;border:none;border-radius:8px;color:#403939;cursor:pointer;font-size:1rem;padding:12px 20px;transition:background-color .3s ease,transform .2s ease}.add-pet-add-btn:hover{background-color:#78c195;transform:scale(1.05)}.add-pet-close-btn{background:none;border:none;color:#333;cursor:pointer;font-size:24px;position:absolute;right:10px;top:10px;transition:color .3s ease}.add-pet-close-btn:hover{color:#f85149}.op-profile-information{border:2px solid #cfe1e5;border-radius:20px;max-height:80vh;overflow-y:auto;padding:30px 30px 50px}.op-profile-information .op-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.op-profile-information h2{color:#264653;font-size:20px;font-weight:700}.op-add-pet-button{background-color:#000;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 15px;transition:background-color .3s ease,transform .2s ease}.op-add-pet-button:hover{background-color:#000000b4;transform:translateY(-2px)}.op-pets-list{display:flex;flex-direction:column;gap:25px}.op-pet-item{border-radius:20px;justify-content:space-between}.op-pet-button,.op-pet-item{align-items:center;background-color:#fff;display:flex;gap:10px}.op-pet-button{border:2px solid #cfe1e5;border-radius:15px;color:#495057;cursor:pointer;flex-grow:1;font-size:16px;font-weight:500;padding:10px;text-align:left;transition:background-color .3s ease,transform .2s ease}.op-pet-button:hover{background-color:#cfe1e5;transform:translateY(-2px)}.op-pet-button.op-active{background-color:#678f94;color:#000;transform:translateY(-2px)}.op-pet-icon{color:#000;font-size:18px}.op-pet-button.op-active .op-pet-icon{color:#cfe1e5}.op-remove-pet-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:0;transition:transform .2s ease}.op-remove-pet-button:hover{transform:scale(1.1)}.op-trash-icon{filter:brightness(.8);height:20px;width:20px}.op-remove-pet-button:hover .op-trash-icon{filter:brightness(1)}.op-no-pets-message{color:#6c757d;font-size:14px;font-style:italic;margin-top:10px;text-align:center}.op-profile-information::-webkit-scrollbar{width:8px}.op-profile-information::-webkit-scrollbar-thumb{background-color:#ced4da;border-radius:4px}.op-profile-information::-webkit-scrollbar-thumb:hover{background-color:#adb5bd}.delete-confirmation-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.delete-confirmation-content{background:#fff;border-radius:8px;box-shadow:0 8px 20px #0003;padding:20px;text-align:center;width:300px}.delete-confirmation-actions{display:flex;justify-content:space-around;margin-top:20px}.cancel-delete-btn,.confirm-delete-btn{border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s ease}.confirm-delete-btn{background-color:#f85149;color:#fff}.confirm-delete-btn:hover{background-color:#e03e3e}.cancel-delete-btn{background-color:#ddd}.cancel-delete-btn:hover{background-color:#bbb}.op-more-dropdown{display:inline-block;position:relative}.op-more-button{background:none;border:none;cursor:pointer;font-size:1.2rem}.op-dropdown-menu{background-color:#fff;border:1px solid #ddd;border-radius:15px;box-shadow:0 4px 8px #0000001a;position:absolute;right:0;top:100%;width:120px;z-index:10}.op-dropdown-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:8px 12px;text-align:left;width:100%}.op-dropdown-item:hover{background-color:#f5f5f5}.op-dropdown-icon{height:20px;width:20px}.process-image-container{border-radius:8px;box-sizing:border-box;font-family:Arial,sans-serif;width:100%}.image-upload,.process-image-container{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.image-upload{background-color:#9ab8ba37;border:2px dashed #9ab8ba;border-radius:8px;cursor:pointer;height:120px;max-width:400px;padding:1.3rem;position:relative;transition:background-color .3s ease,border-color .3s ease;width:40%}.image-upload.dragging{background-color:#e6f7ff;border-color:#a8d5ba}.image-upload p{color:#666;font-size:.9rem;margin:0 0 .7rem}.upload-button{align-items:center;background:#678f94;border:none;border-radius:15px;color:#f6fbfd;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:background .3s ease,transform .2s ease}.upload-button:hover{background:#000000b4;transform:scale(1.05)}.download-icon,.image-icon{height:20px;vertical-align:middle;width:20px}.upload-icon{color:#3c3c3c;height:50px;vertical-align:middle;width:50px}.processed-container{align-items:flex-start;border:2px solid #a8d5ba;flex-wrap:wrap;gap:2rem}.image-download-container,.processed-container{border-radius:8px;box-sizing:border-box;padding:1rem;width:100%}.image-download-container{flex-direction:column;max-width:40%}.image-download-container,.processed-image{align-items:center;display:flex;justify-content:center}.processed-image{border:0 solid #a8d5ba;border-radius:8px;width:150px}.processed-image img{border-radius:8px;max-height:300px;max-width:100%;object-fit:contain}.popup-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup-content{background:#fff;border-radius:10px;max-height:80%;max-width:80%;overflow:auto;padding:20px;position:relative;text-align:center}.popup-image{border-radius:5px;height:auto;max-height:500px;width:100%}.close-popup{align-items:center;background:rgba(255,0,0,.151);border:none;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:2.5rem;justify-content:center;position:absolute;right:2rem;top:2rem;transition:background .3s ease;width:2.5rem}.close-popup:hover{background:rgba(139,0,0,.274)}.data-table{align-items:center;border-radius:8px;display:flex;flex-direction:column;margin:0 auto;padding:1rem;width:50%}.data-table h3{color:#a8d5ba;font-size:1.5rem;margin:1rem;text-align:center}.responsive-table{list-style:none;margin:0;padding:0;width:100%}.responsive-table .table-header{background:#a8d5ba;color:#fff;font-weight:700;text-transform:uppercase}.responsive-table .table-header,.responsive-table .table-row{border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem}.responsive-table .table-row{background:#fff;box-shadow:0 2px 4px #0000001a}.responsive-table .col{flex:1 1}.responsive-table .col-1{flex-basis:30%}.responsive-table .col-2{flex-basis:70%}@media (max-width:767px){.responsive-table .table-header{display:none}.responsive-table .table-row{display:block}.responsive-table .col{display:flex;justify-content:space-between;padding:.5rem 0}.responsive-table .col:before{color:#a8d5ba;content:attr(data-label);font-weight:700}}.download-button-container{display:flex;justify-content:center;margin-top:1rem}.download-button{align-items:center;background:#121313;border:none;border-radius:15px;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:background .3s ease,transform .2s ease}.download-button:hover{background:#0056b3;transform:scale(1.05)}.download-icon{font-size:1.2rem}.modern-close-btn{background-color:#fff;border:none;border-radius:50%;box-shadow:0 2px 8px #0003;color:#555;cursor:pointer;font-size:20px;font-weight:700;height:32px;position:absolute;right:10px;top:10px;transition:background-color .3s,transform .2s;width:32px}.modern-close-btn:hover{background-color:#f0f0f0;transform:scale(1.1)}.modern-close-btn:focus{outline:none}.carousel-container{background:#f9f9f9;border:1px solid #ccc;border-radius:20px;height:300px;margin:auto;overflow:hidden;position:relative;width:300px}.carousel-image-wrapper{height:100%;position:relative;width:100%}.processed-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.carousel-image-wrapper:hover .processed-image{transform:scale(1.02)}.button-overlay{bottom:10px;left:50%;position:absolute;transform:translateX(-50%)}.carousel-arrow{align-items:center;background:rgba(0,0,0,.256);border:none;border-radius:15px;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:transform .3s ease,background .3s ease;width:50px;z-index:2}.carousel-arrow.left{left:10px}.carousel-arrow.right{right:10px}.carousel-arrow:hover:not(:disabled){background:#000000b3;transform:translateY(-50%) scale(1.2)}.carousel-arrow:disabled{cursor:not-allowed;opacity:.5}.view-test-button{align-items:center;background-color:#000;border:none;border-radius:8px;box-shadow:0 2px 5px #0000001a;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:.5rem;padding:.5rem 1.5rem;transition:all .3s ease}.view-test-button:hover{background-color:#000000b6;color:#fff;transform:translateY(-1px)}.close-processed-container{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 6px #00000026;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .3s ease,transform .3s ease;width:32px;z-index:10}.close-processed-container:hover{background:#f0f0f0;transform:scale(1.1)}.close-icon{stroke:#333;stroke-width:2;height:20px;width:20px}.carousel-report-wrapper{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.carousel-image-section{max-width:480px;position:relative}.report-card{background-color:#f9fafb;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 6px #0000000d;display:flex;flex-direction:column;font-size:14px;max-width:380px;min-width:280px}.report-card h4{color:#2d3748;font-size:18px;margin-bottom:12px}.report-table{border-collapse:collapse;table-layout:fixed;width:100%}.report-table thead{background-color:#e2e8f0;position:sticky;top:0;z-index:1}.report-table td,.report-table th{border-bottom:1px solid #edf2f7;box-sizing:border-box;height:42px;line-height:1.5;padding:10px 12px;text-align:left}.report-table th{color:#2d3748;font-weight:600}.report-table td{color:#4a5568}.report-table tbody{display:block;max-height:546px;overflow-y:auto}.report-table tbody tr,.report-table thead{display:table;table-layout:fixed;width:100%}.edit-pet-popup-error-border{border:2px solid #f85149;box-shadow:0 0 5px #f85149;outline:none;transition:border-color .3s ease,box-shadow .3s ease}.edit-pet-popup-error-text{color:#f85149;display:block;font-size:.875rem;margin-top:4px}@keyframes edit-pet-popup-shake{0%,to{transform:translateX(0)}25%,75%{transform:translateX(-5px)}50%{transform:translateX(5px)}}.edit-pet-popup-shake{animation:edit-pet-popup-shake .5s ease}.edit-pet-popup-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.edit-pet-popup-content{background:#fff;border-radius:15px;box-shadow:0 8px 20px #0003;display:flex;flex-direction:column;gap:20px;max-width:450px;padding:2rem;position:relative;width:90%}.edit-pet-popup-title{color:#333;font-size:1.6rem;font-weight:500;margin-bottom:1.5rem;text-align:center}.edit-pet-popup-form{display:flex;flex-direction:column;gap:15px}.edit-pet-popup-form-group{display:flex;flex-direction:column;gap:5px;position:relative}.edit-pet-popup-form-label{color:#555;font-size:1rem;font-weight:500}.edit-pet-popup-form-input{border:1px solid #ddd;border-radius:15px;box-sizing:border-box;font-size:1rem;padding:.8rem;transition:border-color .3s,box-shadow .3s}.edit-pet-popup-form-input:focus{border-color:#007bff;box-shadow:0 0 4px #007bff80;outline:none}.edit-pet-popup-suggestions{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 6px #0000001a;left:0;list-style:none;margin:0;max-height:150px;overflow-y:auto;padding:0;position:absolute;top:100%;width:100%;z-index:1000}.edit-pet-popup-suggestion-item{cursor:pointer;font-size:1rem;padding:.5rem 1rem}.edit-pet-popup-highlighted,.edit-pet-popup-suggestion-item:hover{background-color:#f0f0f0}.edit-pet-popup-actions{text-align:center}.edit-pet-popup-save-btn{background-color:#a8d5ba;border:none;border-radius:8px;color:#403939;cursor:pointer;font-size:1rem;padding:12px 20px;transition:background-color .3s ease,transform .2s ease}.edit-pet-popup-save-btn:hover{background-color:#78c195;transform:scale(1.05)}.edit-pet-popup-close-btn{background:none;border:none;color:#333;cursor:pointer;font-size:24px;position:absolute;right:10px;top:10px;transition:color .3s ease}.edit-pet-popup-close-btn:hover{color:#f85149}.loadmore-btn{background-color:#678f94;border:none;border-radius:10px;cursor:pointer;gap:0;height:55px;justify-content:center;padding:0 15px;transition:all .4s;width:fit-content}.book-wrapper,.loadmore-btn{align-items:center;display:flex}.book-wrapper{height:100%;justify-content:flex-end;position:relative;width:45px}.book-wrapper .book-page{height:auto;position:absolute;width:50%}.loadmore-btn:hover .book-page{animation:paging .4s linear infinite;transform-origin:left}.loadmore-btn:hover{background-color:#678f94}@keyframes paging{0%{transform:rotateY(0deg) skewY(0deg)}50%{transform:rotateY(90deg) skewY(-20deg)}to{transform:rotateY(180deg) skewY(0deg)}}.text{align-items:center;color:#fff;display:flex;font-size:15px;font-weight:600;height:100%;justify-content:center;width:105px}.pd-details{box-sizing:border-box;height:calc(100vh - 150px);overflow-y:auto;padding:20px}.pd-details h2{color:#000;font-size:24px;font-weight:500;margin-bottom:15px}.pd-details-header{align-items:center;display:flex;justify-content:space-between}.pd-title-container{align-items:center;display:flex;gap:10px}.pet-details-title{border-radius:12px;display:inline-block;font-size:24px;font-weight:600;margin-top:10px;padding:10px 0 10px 10px;position:relative}.pet-details-title:after{background-color:#678f94;content:"";display:block;height:2px;margin-top:5px;width:40%}.pet-details-icon{color:#000;display:inline-block;height:24px;width:24px}.pd-action-icons{align-items:center;display:flex;gap:15px}.pd-edit-icon{cursor:pointer;transition:transform .2s ease,opacity .2s ease;width:24px}.pd-edit-icon:hover{opacity:.8;transform:scale(1.1)}.pd-info-row{border:2px solid #cfe1e5;border-radius:15px;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.pd-info-row .pd-age,.pd-info-row .pd-breed{color:#495057}.pd-info-row .pd-name{align-items:center;color:#264653;display:flex;font-weight:700}.pd-info-row .pd-name .pd-icon{color:#678f94;margin-right:8px}.pd-more-button{background-color:initial;border:#0000;padding:10px}.pd-upload-section{margin-top:20px;text-align:center}.pd-image-grid{grid-gap:15px;align-items:start;box-sizing:border-box;display:grid;gap:15px;grid-template-columns:repeat(3,minmax(200px,1fr));justify-content:center;max-width:100%;padding:10px}@media (max-width:1024px){.pd-image-grid{grid-template-columns:repeat(2,minmax(200px,1fr))}}@media (max-width:600px){.pd-image-grid{grid-template-columns:repeat(1,minmax(200px,1fr))}}.card-wrapper{overflow:visible}.card-container,.card-wrapper{max-width:200px;position:relative;width:100%}.card-container{background:#fff;border:3px solid #cfe1e5;border-radius:30px 0 30px 30px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;margin:0 auto;overflow:hidden;padding:20px;text-align:left;transition:transform .6s ease,color .6s ease-out,border-color .6s ease-out}.card-container:before{background:#678f94;border-radius:50%;content:"";height:0;position:absolute;right:-30px;top:-30px;transform:scale(0);transition:transform 1s ease-out,width 1s ease-out,height 1s ease-out;width:0;z-index:0}.card-content,.card-details,.card-footer,.card-header{position:relative;z-index:2}.card-container:hover{color:#fff;transform:scale(1.02)}.card-container:hover:before{height:300px;transform:scale(1);width:300px}.card-container:hover .card-date,.card-container:hover .card-details p,.card-container:hover .card-title,.card-container:hover .images-text{color:#fff;transition:color .3s ease-out .5s}.card-container:hover .images-count{border-bottom:2px solid #cfe1e5;border-radius:10px;color:#cfe1e5;transition:color .3s ease-out .5s}.pd-circle{align-items:center;background-color:#678f94;border:3px solid #cfe1e5;border-radius:50% 0 50% 50%;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:14px;font-weight:700;height:60px;justify-content:center;left:132px;position:absolute;top:-3px;width:60px}.card-header h2{color:#4a4a4a;font-size:18px;font-weight:600;margin:0}.card-header p{color:#7a7a7a;font-size:14px;margin-top:8px}.card-details{margin-top:0}.card-details p{margin:0}.images-count{border-bottom:2px solid #cfe1e5;border-radius:10px;color:#000;font-size:30px;font-weight:400;padding:5px}.images-text{color:#7a7a7a;font-size:14px;font-weight:500}.card-footer{display:flex;justify-content:center;padding-top:15px}.card-button{background:#000;border:2px solid #000;border-radius:30px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;text-align:center;text-decoration:none;transition:all .3s ease}.card-button:hover{background:#fff;color:#000}.pd-dropdown-menu{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 5px #0003;display:flex;flex-direction:column;min-width:120px;padding:5px 0;position:absolute;right:0;top:100%;z-index:10}.pd-dropdown-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:14px;padding:8px 12px;text-align:left;transition:background .2s ease;width:100%}.pd-dropdown-item:hover{background:#f4f4f4}.pd-dropdown-icon{margin-right:8px;width:16px}.load-more-button{background:#2a9d8f;border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:14px;margin:20px auto;padding:10px 15px;transition:background .3s ease}.load-more-button:hover{background:#21867a}.pd-trash-icon{background:#fff;border:1px solid #ddd;border-radius:50%;bottom:10px;cursor:pointer;position:absolute;right:10px;transition:transform .2s ease,background-color .2s ease;width:24px}.pd-trash-icon:hover{background-color:#f8f8f8;border-color:#2a9d8f;transform:scale(1.1)}.eop-popup-overlay{align-items:center;animation:eop-fadeIn .3s forwards;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;width:100%;z-index:9999}.eop-popup-content{align-items:center;animation:eop-scaleIn .3s forwards;background:#fff;border-radius:12px;box-shadow:0 8px 20px #0003;display:flex;flex-direction:column;max-width:450px;padding:2rem;position:relative;transform:scale(.8);width:90%}.eop-close-btn{background:none;border:none;color:#333;cursor:pointer;font-size:24px;font-weight:700;position:absolute;right:10px;top:10px;transition:color .3s}.eop-close-btn:hover{color:#007bff}.eop-popup-title{color:#333;font-size:1.6rem;font-weight:500;margin-bottom:1.5rem;text-align:center}.eop-popup-form{align-items:center;display:flex;flex-direction:column;width:100%}.eop-popup-form .eop-form-row{display:flex;gap:1rem;width:100%}.eop-popup-form .eop-form-group{margin-bottom:1.5rem;width:100%}.eop-popup-form .eop-form-group.eop-half-width{flex:1 1}.eop-form-input{border:1px solid #ddd;border-radius:15px;box-sizing:border-box;font-size:1rem;padding:.8rem 1rem;transition:border-color .3s,box-shadow .3s;width:100%}.eop-form-input:focus{border-color:#007bff;box-shadow:0 0 4px #007bff80;outline:none}.eop-form-buttons-center{margin-top:1.5rem;text-align:center}.eop-submit-btn{background-color:#a8d5ba;border:none;border-radius:8px;color:#403939;cursor:pointer;font-size:1rem;padding:.8rem 1.5rem;transition:background-color .3s,transform .2s}.eop-submit-btn:hover{background-color:#78c195;transform:translateY(-2px)}.eop-error-text{color:#ff4d4d;display:block;font-size:.875rem;font-weight:400;margin-top:.5rem}@keyframes eop-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes eop-scaleIn{0%{transform:scale(.8)}to{transform:scale(1)}}.op-owner-profile{display:flex;flex-direction:column;font-family:Roboto,sans-serif;height:100%}.op-owner-profile-container{display:flex;flex:1 1;gap:20px;overflow:hidden}.op-owner-left{display:flex;flex:0 0 30%;flex-direction:column;gap:20px;overflow-y:auto}.op-info-separator{background-color:#ccc;display:block;height:2px;margin:5px auto;width:10px}.op-owner-profile-header{align-items:center;background-color:#cfe1e5;border-radius:20px;box-shadow:0 4px 10px #0000001a;color:#272525;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:20px}.op-back-btn-container{align-items:center;background-color:#000;border-radius:12px;cursor:pointer;display:flex;height:60px;justify-content:center;transition:background-color .3s ease,transform .2s ease;width:60px}.op-back-btn-container:hover{background-color:#444;transform:scale(1.05)}.op-back-arrow{color:#fff;font-size:24px}.op-owner-info-container{align-items:center;display:flex;flex:1 1;flex-direction:column;text-align:center}.op-owner-info{margin-bottom:10px}.op-owner-name{border-radius:12px;display:inline-block;font-size:28px;font-weight:400;margin-top:10px;padding:10px;position:relative}.op-owner-name:after{background-color:#678f94;content:"";display:block;height:2px;margin-top:5px;width:30%}.op-owner-email{margin-top:0}.op-owner-number{color:#555;font-size:16px}.op-action-icons{align-items:center;display:flex;gap:15px;justify-content:center;position:relative}.op-edit-icon{color:#007bff;cursor:pointer;height:20px;transition:color .3s ease,transform .2s ease;width:20px}.op-edit-icon:hover{color:#0056b3;transform:scale(1.1)}.op-trash-icon{cursor:pointer;height:24px;transition:transform .2s ease,opacity .3s ease;width:24px}.op-trash-icon:hover{opacity:.8;transform:scale(1.1)}@media (max-width:768px){.op-owner-profile-header{align-items:center;flex-direction:column;text-align:center}.op-back-btn-container{height:50px;width:50px}.op-owner-name{font-size:24px}.op-owner-number{font-size:14px}.op-action-icons{gap:15px}}.op-owner-right{background-color:#fff;border-radius:20px;display:flex;flex:1 1;flex-direction:column;height:calc(100% - 4rem);overflow-y:auto}@media (max-width:768px){.op-owner-profile-container{flex-direction:column}.op-owner-left,.op-owner-right{flex:none;width:100%}.op-owner-profile-header{font-size:20px;padding:15px}.op-owner-name{font-size:18px}.op-back-arrow{font-size:20px}.op-edit-icon{right:15px;top:10px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.2a4bc5c5.css.map*/