*{box-sizing:border-box}.topnav{overflow:hidden;background-color:#e9e9e9}.topnav a{float:left;display:block;color:#000;text-align:center;padding:14px 16px;text-decoration:none;font-size:17px}.topnav a:hover{background-color:#ddd;color:#000}.topnav a.active{background-color:#2196f3;color:#fff}.topnav .login-container{float:right}.topnav input[type=text]{padding:6px;margin-top:8px;font-size:17px;border:none;width:150px}.topnav .login-container button{float:right;padding:6px;margin-top:8px;margin-right:16px;background:#ddd;font-size:17px;border:none;cursor:pointer}.topnav .login-container button:hover{background:#ccc}@media screen and (max-width:600px){.topnav .login-container{float:none}.topnav .login-container button,.topnav a,.topnav input[type=text]{float:none;display:block;text-align:left;width:100%;margin:0;padding:14px}.topnav input[type=text]{border:1px solid #ccc}}.login-wrapper[data-v-7d1b70a4]{position:relative;width:100%;min-height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.bg-image[data-v-7d1b70a4]{position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;background-image:url(../img/backdrop.25889448.png);background-size:100% 100%;background-position:50%;filter:blur(5px);z-index:0}.container[data-v-7d1b70a4]{position:relative;z-index:10}.glass-card[data-v-7d1b70a4]{padding:40px;border-radius:15px;background:hsla(0,0%,100%,.2);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid hsla(0,0%,100%,.3);box-shadow:0 15px 35px rgba(0,0,0,.2)}h3.text-white[data-v-7d1b70a4],h4.text-white[data-v-7d1b70a4]{color:#fff;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}.text-light-50[data-v-7d1b70a4]{color:hsla(0,0%,100%,.8);font-weight:300}.input-label[data-v-7d1b70a4]{color:#fff;font-weight:500;margin-bottom:5px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.glass-input[data-v-7d1b70a4]{background:hsla(0,0%,100%,.4);border:1px solid hsla(0,0%,100%,.2);color:#fff;height:50px;transition:all .3s ease}.glass-input[data-v-7d1b70a4]::-moz-placeholder{color:hsla(0,0%,100%,.7)}.glass-input[data-v-7d1b70a4]:-ms-input-placeholder{color:hsla(0,0%,100%,.7)}.glass-input[data-v-7d1b70a4]::placeholder{color:hsla(0,0%,100%,.7)}.glass-addon[data-v-7d1b70a4]{background:hsla(0,0%,100%,.4);border:1px solid hsla(0,0%,100%,.2);border-left:none;color:#fff;height:50px;display:flex;align-items:center;transition:all .3s ease}.glass-input[data-v-7d1b70a4]:focus{background:hsla(0,0%,100%,.9);color:#333;box-shadow:none;border-color:#fff}.glass-input[data-v-7d1b70a4]:focus::-moz-placeholder{color:#999}.glass-input[data-v-7d1b70a4]:focus:-ms-input-placeholder{color:#999}.glass-input[data-v-7d1b70a4]:focus::placeholder{color:#999}.glass-input:focus+.input-group-append .glass-addon[data-v-7d1b70a4]{background:hsla(0,0%,100%,.9);border-color:#fff;border-left:none;color:#333}.border-right-0[data-v-7d1b70a4]{border-right:none!important}.btn-primary[data-v-7d1b70a4]{background-color:#90288b;border:none;height:50px;border-radius:8px;font-weight:600;letter-spacing:.5px;transition:transform .2s}.btn-primary[data-v-7d1b70a4]:hover{background-color:#d8a4d5;transform:translateY(-2px);box-shadow:0 5px 15px rgba(251,119,26,.4)}.alert-danger[data-v-7d1b70a4]{background:rgba(220,53,69,.8);border:none;color:#fff}.cursor-pointer[data-v-7d1b70a4]{cursor:pointer}.mobile-user-text[data-v-37d836d8]{font-size:.9rem;color:#555;background-color:#f8f9fa;padding:6px 12px;border-radius:20px;border:1px solid #e9ecef}.mobile-user-text strong[data-v-37d836d8]{color:#90288b}.welcome-text[data-v-37d836d8]{color:#666;font-size:.95rem}.welcome-text strong[data-v-37d836d8]{color:#90288b}.nav-container[data-v-37d836d8]{position:relative;z-index:1000}.navbar[data-v-37d836d8]{background-color:#fff;box-shadow:0 2px 15px rgba(0,0,0,.05);padding:.8rem 0}.brand-text[data-v-37d836d8]{font-weight:700;font-size:1.2rem;color:#333}.nav-link[data-v-37d836d8]{color:#555!important;font-weight:500;margin-right:15px;transition:color .3s ease}.nav-link.router-link-exact-active[data-v-37d836d8],.nav-link[data-v-37d836d8]:hover{color:#007bff!important}.btn-logout[data-v-37d836d8]{background-color:#ff4757;color:#fff;border-radius:20px;padding:5px 20px;font-size:.9rem;font-weight:600;transition:all .3s ease;cursor:pointer}.btn-logout[data-v-37d836d8]:hover{background-color:#ff6b81;transform:translateY(-1px)}.navbar-toggler[data-v-37d836d8]{width:30px;height:25px;position:relative;padding:0;outline:none!important}.toggler-icon[data-v-37d836d8]{display:block;position:absolute;height:3px;width:100%;background:#333;border-radius:3px;opacity:1;left:0;transform:rotate(0deg);transition:.25s ease-in-out}.top-bar[data-v-37d836d8]{top:0}.middle-bar[data-v-37d836d8]{top:10px}.bottom-bar[data-v-37d836d8]{top:20px}.navbar-toggler:not(.collapsed) .top-bar[data-v-37d836d8]{top:10px;transform:rotate(135deg)}.navbar-toggler:not(.collapsed) .middle-bar[data-v-37d836d8]{opacity:0;left:-60px}.navbar-toggler:not(.collapsed) .bottom-bar[data-v-37d836d8]{top:10px;transform:rotate(-135deg)}@media (max-width:991px){.navbar-collapse[data-v-37d836d8]{display:block!important;position:absolute;top:100%;left:0;width:100%;background-color:#fff;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,.15);border-top:1px solid #f1f1f1;z-index:9999;opacity:0;visibility:hidden;transform:translateY(-20px) scale(.98);transition:all .3s cubic-bezier(.68,-.55,.265,1.55);pointer-events:none}.navbar-collapse.show[data-v-37d836d8]{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}.nav-item[data-v-37d836d8]{padding:10px 0;border-bottom:1px solid #f8f9fa}.dropdown-menu[data-v-37d836d8]{display:block;opacity:0;max-height:0;overflow:hidden;padding:0;border:none;transition:all .3s ease;background:#fafafa}.dropdown-menu.show[data-v-37d836d8]{opacity:1;max-height:300px;padding:10px 0;margin-top:5px}}@media (min-width:992px){.dropdown-menu[data-v-37d836d8]{display:block;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .2s ease;margin-top:10px}.dropdown-menu.show[data-v-37d836d8]{opacity:1;visibility:visible;transform:translateY(0)}}.menu-backdrop[data-v-37d836d8]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.3);z-index:998}.fade-enter-active[data-v-37d836d8],.fade-leave-active[data-v-37d836d8]{transition:opacity .3s}.fade-enter[data-v-37d836d8],.fade-leave-to[data-v-37d836d8]{opacity:0}.loading-overlay[data-v-09acaaf4]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.9);display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loader-wrapper[data-v-09acaaf4]{text-align:center;display:flex;flex-direction:column;align-items:center}.loading-text[data-v-09acaaf4]{margin-top:5px;color:#6c757d;font-weight:600;font-size:.95rem;letter-spacing:.5px}.loader-dots[data-v-09acaaf4]{display:inline-block;position:relative;width:80px;height:80px}.loader-dots div[data-v-09acaaf4]{display:inline-block;position:absolute;left:8px;width:16px;background:#90288b;-webkit-animation:loader-dots-data-v-09acaaf4 1.2s cubic-bezier(0,.5,.5,1) infinite;animation:loader-dots-data-v-09acaaf4 1.2s cubic-bezier(0,.5,.5,1) infinite;border-radius:50%}.loader-dots div[data-v-09acaaf4]:first-child{left:8px;-webkit-animation-delay:-.24s;animation-delay:-.24s}.loader-dots div[data-v-09acaaf4]:nth-child(2){left:32px;-webkit-animation-delay:-.12s;animation-delay:-.12s}.loader-dots div[data-v-09acaaf4]:nth-child(3){left:56px;-webkit-animation-delay:0;animation-delay:0}@-webkit-keyframes loader-dots-data-v-09acaaf4{0%{top:8px;height:64px}50%,to{top:24px;height:32px}}@keyframes loader-dots-data-v-09acaaf4{0%{top:8px;height:64px}50%,to{top:24px;height:32px}}.fade-enter-active[data-v-09acaaf4],.fade-leave-active[data-v-09acaaf4]{transition:opacity .3s}.fade-enter[data-v-09acaaf4],.fade-leave-to[data-v-09acaaf4]{opacity:0}.requisition-page[data-v-5810333c]{background-color:#f8f9fa}.page-title[data-v-5810333c]{font-weight:800;color:#2c3e50}.search-wrapper[data-v-5810333c]{background:#fff;padding:5px;border-radius:8px;border:1px solid #e9ecef}.device-select[data-v-5810333c]{border:none;font-size:1.1rem}[data-v-5810333c] .vs__dropdown-toggle{border:none;padding:8px 10px}[data-v-5810333c] .vs__search::-moz-placeholder{color:#adb5bd}[data-v-5810333c] .vs__search:-ms-input-placeholder{color:#adb5bd}[data-v-5810333c] .vs__search::placeholder{color:#adb5bd}.device-card[data-v-5810333c]{border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.03);transition:transform .2s ease,box-shadow .2s ease;overflow:hidden}.device-card[data-v-5810333c]:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.08)}.card-title[data-v-5810333c]{color:#343a40;font-size:1.15rem}.status-badge[data-v-5810333c]{font-size:.75rem;font-weight:700;text-transform:uppercase;padding:4px 10px;border-radius:20px;letter-spacing:.5px}.status-active[data-v-5810333c]{background-color:#e6f9ed;color:#28a745;border:1px solid #d3eedd}.status-inactive[data-v-5810333c]{background-color:#fff5f5;color:#dc3545;border:1px solid #fddddd}.btn[data-v-5810333c]{border-radius:6px;padding:8px 16px;font-weight:600;font-size:.9rem;transition:all .2s}.btn-primary[data-v-5810333c]{background-color:#90288b;border-color:rgba(144,40,139,.6313725490196078)}.btn-primary[data-v-5810333c]:hover{background-color:#fff;border-color:#90288b;color:#90288b}@media (max-width:768px){.page-title[data-v-5810333c]{font-size:1.5rem}}.page-wrapper[data-v-14a7fc36]{min-height:100vh;background:#f0f2f5;background:linear-gradient(135deg,#f0f2f5,#e1e4e8)}.bg-primary-gradient[data-v-14a7fc36]{background:linear-gradient(180deg,#0062cc,#00c6ff)}.rocket-img[data-v-14a7fc36]{width:120px;-webkit-animation:float-data-v-14a7fc36 3s ease-in-out infinite;animation:float-data-v-14a7fc36 3s ease-in-out infinite}@-webkit-keyframes float-data-v-14a7fc36{0%{transform:translateY(0) rotate(29deg)}50%{transform:translateY(-15px) rotate(29deg)}to{transform:translateY(0) rotate(29deg)}}@keyframes float-data-v-14a7fc36{0%{transform:translateY(0) rotate(29deg)}50%{transform:translateY(-15px) rotate(29deg)}to{transform:translateY(0) rotate(29deg)}}.form-control[data-v-14a7fc36],.form-select[data-v-14a7fc36]{border-radius:8px;border:1px solid #ced4da;padding:10px 15px;font-size:.95rem}.form-control[data-v-14a7fc36]:focus,.form-select[data-v-14a7fc36]:focus{box-shadow:0 0 0 3px rgba(0,98,204,.15);border-color:#0062cc}textarea[data-v-14a7fc36]{resize:vertical}.btn-primary[data-v-14a7fc36]{background-color:#0062cc;border:none;padding:12px;font-weight:600;letter-spacing:.5px;border-radius:8px}.modal-backdrop[data-v-14a7fc36]{opacity:.5}.modal.show[data-v-14a7fc36]{background:rgba(0,0,0,.5)}.file-upload-wrapper[data-v-14a7fc36]{background-color:#f8f9fa;border:1px dashed #ced4da!important}@media (max-width:768px){.card-body[data-v-14a7fc36]{padding:1.5rem!important}}.complain-status-page[data-v-b08fa306]{background-color:#f4f7f6;min-height:100vh}.search-box .input-group-text[data-v-b08fa306]{border-radius:.25rem 0 0 .25rem}.search-box input[data-v-b08fa306]{border-radius:0 .25rem .25rem 0}.status-pill[data-v-b08fa306]{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block;white-space:nowrap}.status-received[data-v-b08fa306]{background:#e3f2fd;color:#1976d2}.status-pending[data-v-b08fa306]{background:#fff3e0;color:#ef6c00}.status-completed[data-v-b08fa306]{background:#e8f5e9;color:#2e7d32}.status-default[data-v-b08fa306]{background:#eee;color:#616161}.mobile-card[data-v-b08fa306]{border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.05)}.small-date[data-v-b08fa306]{font-size:11px;color:#aaa}thead th[data-v-b08fa306]{font-size:13px;text-transform:uppercase;color:#777;border-top:none!important}.table td[data-v-b08fa306]{vertical-align:middle}.device-control-panel[data-v-efe0482c]{border-radius:12px;overflow:hidden;border-right:5px solid #dc3545!important}.device-icon-wrapper[data-v-efe0482c]{width:60px;height:60px;background:#f8f9fa;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#dc3545;border:1px solid #eee}.device-name[data-v-efe0482c]{font-weight:800;color:#2d3436;margin:0 0 8px 0;font-size:1.8rem;line-height:1.2}.device-meta[data-v-efe0482c]{display:flex;flex-direction:column;gap:4px}.meta-item[data-v-efe0482c]{font-size:1rem;color:#636e72;display:flex;align-items:center;gap:8px}.main-location[data-v-efe0482c]{font-weight:600;color:#444}.sub-location[data-v-efe0482c]{font-size:.9rem;opacity:.8}.card-custom[data-v-efe0482c]{border:1px solid #c1c8ce;border-radius:7px;box-shadow:0 4px 12px rgba(0,0,0,.05);transition:transform .2s;overflow:hidden}.mobile-input[data-v-efe0482c]{font-size:1.1rem;height:40px}.disabled[data-v-efe0482c]{background:rgba(0,0,0,.2);color:#fff;border-color:transparent}button.disabled[data-v-efe0482c]:hover{cursor:default;-webkit-animation:shake-data-v-efe0482c .6s cubic-bezier(.36,.07,.19,.97) both;animation:shake-data-v-efe0482c .6s cubic-bezier(.36,.07,.19,.97) both}.count-highlight[data-v-efe0482c]{font-weight:600;font-size:1.2rem}@-webkit-keyframes shake-data-v-efe0482c{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(1px,0,0)}30%,50%,70%{transform:translate3d(-2px,0,0)}40%,60%{transform:translate3d(2px,0,0)}}@keyframes shake-data-v-efe0482c{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(1px,0,0)}30%,50%,70%{transform:translate3d(-2px,0,0)}40%,60%{transform:translate3d(2px,0,0)}}@media (max-width:768px){h2[data-v-efe0482c]{font-size:1.5rem}h4[data-v-efe0482c]{font-size:1.2rem}h5[data-v-efe0482c]{font-size:1rem}.btn-lg[data-v-efe0482c]{width:100%;margin-bottom:10px}.device-info-card[data-v-efe0482c]{padding:1.2rem}.device-header[data-v-efe0482c]{justify-content:center}.meta-item[data-v-efe0482c]{justify-content:center}.device-name[data-v-efe0482c]{font-size:1.4rem}}body[data-v-a55fc588]{background:-webkit-linear-gradient(left,#0072ff,#00c6ff)}.contact-form[data-v-a55fc588]{background:#fff;margin-top:10%;margin-bottom:5%;width:70%}.contact-form .form-control[data-v-a55fc588]{border-radius:1rem}#customFile[data-v-a55fc588]{margin:auto!important}.contact-image[data-v-a55fc588]{text-align:center}.contact-image img[data-v-a55fc588]{border-radius:6rem;width:15%;margin-top:-15%;transform:rotate(29deg)}.contact-form form[data-v-a55fc588]{padding:14%}.contact-form form .row[data-v-a55fc588]{margin-bottom:-14%}.contact-form h3[data-v-a55fc588]{margin-bottom:8%;margin-top:-15%;text-align:center;color:#0062cc}.contact-form .btnContact[data-v-a55fc588]{width:50%;border:none;border-radius:1rem;padding:1.5%;background:#dc3545;font-weight:600;color:#fff;cursor:pointer}.btnContactSubmit[data-v-a55fc588]{width:50%;border-radius:1rem;padding:1.5%;color:#fff;background-color:#0062cc;border:none;cursor:pointer}#fileSelector[data-v-a55fc588]{text-align:right}.slider-container[data-v-a55fc588]{display:flex;flex-direction:column}.slider[data-v-a55fc588]{width:100%;margin:10px 0}.slider-labels[data-v-a55fc588]{display:flex;justify-content:space-between}.slider-values[data-v-a55fc588]{display:flex;justify-content:space-between}.button-group[data-v-a55fc588]{display:flex}button[data-v-a55fc588]{cursor:pointer;padding:8px 12px;margin-right:5px;border:1px solid #ccc;background-color:#fff;outline:none}button.selected[data-v-a55fc588]{background-color:#007bff;color:#fff;border-color:#007bff}.checkbox-group[data-v-a55fc588]{display:flex;flex-wrap:wrap}label[data-v-a55fc588]{margin-right:20px}input[data-v-a55fc588]{margin-right:5px}.attendance-page[data-v-25cc17d6]{background-color:#f4f6f9;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.hero-header[data-v-25cc17d6]{background:linear-gradient(135deg,#90288b,#6a1b9a);border-bottom-left-radius:30px;border-bottom-right-radius:30px;padding-bottom:80px!important;box-shadow:0 10px 20px rgba(144,40,139,.2)}.digital-clock[data-v-25cc17d6]{font-size:3.5rem;font-weight:300;letter-spacing:2px;line-height:1;text-shadow:0 2px 10px rgba(0,0,0,.1)}.main-content-container[data-v-25cc17d6]{margin-top:-60px}.status-card[data-v-25cc17d6]{border-radius:20px;overflow:hidden;box-shadow:0 15px 35px rgba(0,0,0,.08)!important}.status-ring[data-v-25cc17d6]{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:15px;transition:all .3s ease}.ring-success[data-v-25cc17d6]{background-color:#e8f5e9;color:#28a745;border:4px solid #c3e6cb;-webkit-animation:gentlePulse-data-v-25cc17d6 2s infinite;animation:gentlePulse-data-v-25cc17d6 2s infinite}.ring-inactive[data-v-25cc17d6]{background-color:#f8f9fa;color:#adb5bd;border:4px solid #e9ecef}.gps-pill[data-v-25cc17d6]{display:inline-flex;align-items:center;padding:6px 15px;border-radius:50px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.gps-active[data-v-25cc17d6]{background-color:#e8f5e9;color:#155724;border:1px solid #c3e6cb}.gps-searching[data-v-25cc17d6]{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba;-webkit-animation:blink-data-v-25cc17d6 1.5s infinite;animation:blink-data-v-25cc17d6 1.5s infinite}.coord-text[data-v-25cc17d6]{font-weight:400;opacity:.7;font-size:.75rem;margin-left:5px}.btn-punch-in[data-v-25cc17d6]{background:linear-gradient(45deg,#11998e,#38ef7d);color:#fff;border:none;border-radius:15px;padding:15px 20px;transition:transform .2s}.btn-punch-out[data-v-25cc17d6]{background:#fff;color:#dc3545;border:2px solid #dc3545;border-radius:15px;padding:15px 20px;transition:all .2s}.btn-punch-out[data-v-25cc17d6]:hover{background:#fff5f5}.icon-box[data-v-25cc17d6]{background:hsla(0,0%,100%,.2);width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.btn-punch-out .icon-box[data-v-25cc17d6]{background:rgba(220,53,69,.1)}.action-title[data-v-25cc17d6]{font-size:1.1rem;font-weight:700;line-height:1.2}.action-subtitle[data-v-25cc17d6]{font-size:.8rem;opacity:.9;font-weight:400}.btn[data-v-25cc17d6]:active{transform:scale(.98)}.animate-up[data-v-25cc17d6]{-webkit-animation:slideUp-data-v-25cc17d6 .6s ease-out;animation:slideUp-data-v-25cc17d6 .6s ease-out}.animate-up-delay[data-v-25cc17d6]{-webkit-animation:slideUp-data-v-25cc17d6 .6s ease-out .2s backwards;animation:slideUp-data-v-25cc17d6 .6s ease-out .2s backwards}@-webkit-keyframes slideUp-data-v-25cc17d6{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp-data-v-25cc17d6{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes gentlePulse-data-v-25cc17d6{0%{box-shadow:0 0 0 0 rgba(40,167,69,.4)}70%{box-shadow:0 0 0 10px rgba(40,167,69,0)}to{box-shadow:0 0 0 0 rgba(40,167,69,0)}}@keyframes gentlePulse-data-v-25cc17d6{0%{box-shadow:0 0 0 0 rgba(40,167,69,.4)}70%{box-shadow:0 0 0 10px rgba(40,167,69,0)}to{box-shadow:0 0 0 0 rgba(40,167,69,0)}}@-webkit-keyframes blink-data-v-25cc17d6{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@keyframes blink-data-v-25cc17d6{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@media (max-width:576px){.digital-clock[data-v-25cc17d6]{font-size:2.8rem}.hero-header[data-v-25cc17d6]{padding-bottom:60px!important}}:root{--primary-color:#a91fc2;--secondary-color:#e6d0ea;--border-color:#ced4da;--border-focus-color:#80bdff;--focus-shadow-color:rgba(0,123,255,0.25);--success-color:#28a745;--danger-color:#dc3545;--warning-color:#ffc107;--info-color:#17a2b8;--light-color:#f8f9fa;--dark-color:#343a40}a{color:var(--primary-color)}a:hover{color:var(--primary-color);opacity:.8}.btn-primary,button.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color)}.btn-primary:hover,button.btn-primary:hover{background-color:var(--primary-color);border-color:var(--primary-color);opacity:.9}