@import"https://fonts.googleapis.com/css2?family=Borel&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";body{font-size:1em;font-weight:500}h1{margin:0;font-size:3.2em;font-weight:500;line-height:1.1;color:#000}h2{margin:0;font-size:2.4em;font-weight:500;line-height:1.1;color:#000}p,li{color:#444;font-size:.8em;font-weight:500;line-height:1.4em}.text-right{text-align:right}.text-center{text-align:center}:root{font-family:Montserrat,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;font-weight:400;color:#000;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;width:100%;min-height:100vh;overflow-x:hidden}#root{max-width:100%;height:100vh}.app-container{max-width:100%;margin:0 auto;display:flex;flex-direction:column}.page{padding:40px}.container{max-width:100%;padding:0 40px;margin:0 auto}.inner-container{max-width:100%;padding:0 40px;margin:0 auto;display:flex}.stretch-width{width:100%}.flex{display:flex}.flex-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.no-shrink{flex-shrink:1}.hidden{display:none}.header{width:100%;border-bottom:1px solid #D6D6D6}.header .wrapper{padding:0 20px;height:50px;display:flex;justify-content:center;align-items:center}.header .branding{display:flex;align-items:center}.header .branding img{width:90%;height:30px;object-fit:contain;object-position:left center}.header .nav{display:flex}.header .nav a{height:50px;display:flex;align-items:center;gap:10px;padding:0 20px;text-decoration:none;color:#000;font-weight:600;font-size:14px;line-height:initial;border-bottom:2px solid transparent}.header .nav a .label{line-height:initial}.header .nav a .icon{width:14px;height:14px}.header .nav a .icon svg{width:14px;height:14px}.header .nav a .icon svg path{fill:#444;transition:all .5s ease-in-out}.header .nav a.current,.header .nav a:hover{color:#006df2;border-bottom:2px solid #006DF2}.header .nav a.current .icon svg path,.header .nav a:hover .icon svg path{fill:#006df2}.header .nav .admin-link{background:#006df2;color:#fff!important;border-radius:4px;font-weight:600;font-size:14px;padding:8px 16px;height:auto}.header .nav .admin-link:hover{background:#0056bf;color:#fff!important;text-decoration:none}@media screen and (max-width: 768px){.header .wrapper{height:auto;padding:20px;flex-direction:column;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px}.header .branding{margin-bottom:10px;font-size:14px;text-align:center}.header .branding img{object-position:center}}.footer{padding:40px}.footer .footer-content{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.footer .footer-content span{font-size:.8em;font-weight:500;line-height:1.5;color:#444}.footer .footer-content .footer-links{display:flex;gap:10px}.footer .footer-content .footer-links a{color:#444;font-size:.8em;font-weight:500;line-height:1.5;text-decoration:none}.footer .footer-content .footer-links a:hover{color:#000;text-decoration:underline!important}@media screen and (max-width: 980px){.footer{padding:20px}.footer .footer-content .footer-links{flex-direction:column;gap:5px}}.input-group{display:flex;flex-direction:column;margin-bottom:20px}.input-group.inline{flex-direction:row;align-items:center;justify-content:space-between}label{font-size:14px;color:#333;margin-bottom:5px}label.required{color:#fec52e}label.error{color:#002a5d}label.success{color:#6dc429}label.warning{color:#945eff}label.info{color:#444}label.disabled{color:#fbfbfb}input{padding:8px 14px;border-radius:5px;border:1px solid #444444;background-color:#fff;color:#333;font-size:16px;transition:border-color .3s}input:focus{border-color:#006df2;outline:none}input::placeholder{color:#444;font-size:14px}.checkbox{display:flex;align-items:center;margin-bottom:10px;gap:10px}.checkbox label{font-size:14px;color:#333}input[type=checkbox]{width:16px;height:16px;padding:0;border-radius:4px;background-color:#fff;border:1px solid #999999;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;outline:none;transition:border-color .2s,background-color .2s}input[type=checkbox]:hover{border-color:#00a2d9;background-color:#e0ebf7}input[type=checkbox]:hover:after{content:"";display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#00a2d9}input[type=checkbox]:checked{background-color:#00a2d9;border-color:#00a2d9}input[type=checkbox]:checked:after{content:"";display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#fff}select{padding:8px 14px;border-radius:5px;border:1px solid #444444;background-color:#fff;color:#333;font-size:16px;transition:border-color .3s}select:focus{border-color:#006df2;outline:none}textarea{padding:8px 14px;border-radius:5px;border:1px solid #444444;background-color:#fff;color:#333;font-size:16px;transition:border-color .3s}textarea:focus{border-color:#006df2;outline:none}textarea::placeholder{color:#444;font-size:14px}.help{text-align:center}.help a{font-size:14px;color:#444;transition:color .3s;text-align:center}.help a:hover{color:#002a5d;text-decoration:underline!important}a,button{transition:all .5s ease-in-out}a{color:#006df2;text-decoration:none!important}a:hover{color:#002a5d}.cta{display:inline-flex;padding:7px 14px;border-radius:5px;border:none;font-size:16px;cursor:pointer;transition:background-color .3s ease}.cta-primary{background-color:#006df2;color:#fff}.cta-primary:hover{color:#fff;background-color:#002a5d}button{padding:10px 20px;border-radius:5px;border:none;background-color:#006df2;color:#fff;font-size:small;font-weight:700;cursor:pointer;transition:background-color .3s}button:hover,button:focus,button:focus-visible{color:#fff;background-color:#002a5d}button:disabled{color:#002a5d;background-color:#efefef}button.button-danger{color:#e1746b!important;background-color:transparent}button.button-danger:hover,button.button-danger:focus,button.button-danger:focus-visible{color:#fff;background-color:#efefef!important}button.button-apply{color:#fff;background-color:#51b858}button.button-apply:hover{color:#fff;background-color:#002a5d}button.toggle-button{width:40px;height:20px;padding:4px;border-radius:20px;font-size:small;font-weight:700;text-align:center;color:#fff;transition:all .5s ease;cursor:pointer;border:none;position:relative}button.toggle-button:before{content:"";display:block;width:15px;height:15px;border-radius:50%;background-color:#fff;position:absolute;top:50%;left:3px;transform:translateY(-50%);transition:all .5s ease}button.toggle-button-active{background-color:#51b858}button.toggle-button-active:hover{background-color:#00a2d9}button.toggle-button-inactive{background-color:#e3e3e3}button.toggle-button-inactive:before{left:22px}button.toggle-button-inactive:hover{background-color:#00a2d9}.button-outline{padding:10px 20px;border-radius:5px;border:2px solid #006DF2;background-color:transparent;color:#006df2;cursor:pointer;transition:background-color .3s;white-space:nowrap}.button-outline:hover{color:#fff;background-color:#006df2}.button-outline.button-outline-yellow{border-color:#f5b721;color:#f5b721;display:flex;align-items:center;gap:10px}.button-outline.button-outline-yellow .icon svg path{fill:#fff;stroke:#f5b721;transition:all .3s ease}.button-outline.button-outline-yellow:hover{color:#fff;background-color:#f5b721}.button-outline.button-outline-yellow:hover .icon svg path{stroke:#fff}.download-wallet-button{background-color:#fff;color:#006df2;padding:10px 20px;border-radius:6px;font-size:1.2rem;font-weight:700;text-align:center;text-decoration:none;transition:all .3s ease}.download-wallet-button:hover{background-color:#006df2;color:#fff;text-decoration:none}.dropdown{position:relative;display:inline-block}.dropdown .dropdown-toggle{display:flex;align-items:center;gap:.5em;border:none;cursor:pointer;transition:background .2s,color .2s;font-size:small;font-weight:700}.dropdown .dropdown-toggle .dropdown-caret svg{fill:#fff}.dropdown .dropdown-toggle.selected,.dropdown .dropdown-toggle:hover,.dropdown .dropdown-toggle:focus{background-color:#002a5d;color:#fff}.dropdown .dropdown-toggle.selected .dropdown-caret svg,.dropdown .dropdown-toggle:hover .dropdown-caret svg,.dropdown .dropdown-toggle:focus .dropdown-caret svg{display:block}.dropdown .dropdown-toggle.disabled,.dropdown .dropdown-toggle:disabled{display:none;background-color:#efefef;color:#e0e0e0;cursor:not-allowed;pointer-events:none}.dropdown .dropdown-toggle.disabled .dropdown-caret svg,.dropdown .dropdown-toggle:disabled .dropdown-caret svg{display:none}.dropdown .dropdown-toggle.dropdown-gray{background-color:#efefef;color:#444}.dropdown .dropdown-toggle.dropdown-gray .icon svg path{fill:#444}.dropdown .dropdown-toggle.dropdown-gray.selected,.dropdown .dropdown-toggle.dropdown-gray:hover,.dropdown .dropdown-toggle.dropdown-gray:focus{background-color:#002a5d;color:#fff}.dropdown .dropdown-toggle.dropdown-gray.selected .icon svg path,.dropdown .dropdown-toggle.dropdown-gray:hover .icon svg path,.dropdown .dropdown-toggle.dropdown-gray:focus .icon svg path{fill:#fff}.dropdown .dropdown-toggle.dropdown-outline{border:2px solid #006DF2;color:#006df2;background-color:transparent}.dropdown .dropdown-toggle.dropdown-outline .icon svg path{fill:#006df2}.dropdown .dropdown-toggle.dropdown-outline.selected,.dropdown .dropdown-toggle.dropdown-outline:hover,.dropdown .dropdown-toggle.dropdown-outline:focus{background-color:#006df2;color:#fff}.dropdown .dropdown-toggle.dropdown-outline.selected .icon svg path,.dropdown .dropdown-toggle.dropdown-outline:hover .icon svg path,.dropdown .dropdown-toggle.dropdown-outline:focus .icon svg path{fill:#fff}.dropdown .dropdown-menu{min-width:240px;max-height:400px;margin:0;padding:0;position:absolute;top:100%;left:0;background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 4px 16px #00000014;z-index:60;list-style:none;overflow-y:auto}.dropdown .dropdown-menu-right{right:0;left:auto}.dropdown .dropdown-menu li{width:100%}.dropdown .dropdown-menu li .dropdown-checkbox{padding:10px}.dropdown .dropdown-menu li input{margin:10px 20px;box-sizing:border-box}.dropdown .dropdown-menu li button{position:relative;width:100%;background:none;border:none;color:#006df2;font-size:1em;font-weight:600;text-align:left;padding:10px 20px;border-radius:0;cursor:pointer;transition:all .2s}.dropdown .dropdown-menu li button:hover,.dropdown .dropdown-menu li button:focus{background:#006df2;color:#fff}.dropdown .dropdown-menu li:first-child button{border-radius:10px 10px 0 0}.dropdown .dropdown-menu li:last-child button{border-radius:0 0 10px 10px}.page-actions{margin-bottom:10px;display:flex;justify-content:flex-end;align-items:center}.breadcrumbs{margin-bottom:10px;padding:20px 20px 0}.breadcrumbs ol{margin:0;padding:0;list-style:none;display:flex;gap:10px}.breadcrumbs ol li,.breadcrumbs ol li a{font-size:12px;color:gray}.breadcrumbs ol li a:hover{text-decoration:underline!important}.page-utility{margin-bottom:20px;padding:40px 40px 0;display:flex;justify-content:flex-end;align-items:center}.page-utility button{background:#006df2;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px}.page-utility button:hover{background:#0056bf}.application-styles{background-color:#fff}.utility-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.utility-bar .actions{display:flex;gap:10px;align-items:center}.utility-bar .actions button{font-size:small;font-weight:700}.utility-bar .filters{display:flex;gap:10px;align-items:center}.utility-bar .filters .search{position:relative}.utility-bar .filters .search .icon{position:absolute;top:70%;left:10px;transform:translateY(-70%)}.utility-bar .filters .search input{padding-left:30px}.utility-bar .filters .date-range-filter{display:flex;gap:10px;align-items:center}.utility-bar .filters label{margin:0;display:flex;align-items:center;gap:10px;font-size:small}.utility-bar .filters button{font-size:small;font-weight:700}.utility-bar .filters input{font-size:small}.datagrid{width:100%;border-collapse:collapse}.datagrid th,.datagrid td{border-bottom:1px solid #E3E3E3;padding:8px;text-align:left;font-size:small}.datagrid th.center,.datagrid td.center{text-align:center}.datagrid th.right,.datagrid td.right{text-align:right}.datagrid th.bold,.datagrid td.bold{font-weight:700}.datagrid th.sortable{cursor:pointer;position:relative}.datagrid th.sortable:hover{color:#00a2d9}.datagrid th.sortable svg path{fill:#00a2d9}.datagrid tr.inactive{opacity:.4}.datagrid tbody tr:hover{position:relative;z-index:1;box-shadow:0 0 10px #e0e0e0;transition:all .2s ease-in-out}.datagrid tbody td .actions-menu{position:relative}.datagrid tbody td .actions-menu .actions-menu-toggle{background-color:transparent;color:#444}.datagrid tbody td .actions-menu .actions-menu-toggle svg{width:14px;height:14px}.datagrid tbody td .actions-menu .actions-menu-toggle svg path{fill:#00a2d9}.datagrid tbody td .actions-menu .actions-dropdown{background-color:#fff;border-radius:6px;display:flex;flex-direction:column;gap:10px;padding:10px 20px;box-shadow:0 0 10px #e0e0e0;text-align:left}.datagrid-pagination{display:flex;justify-content:space-between;margin-top:20px;align-items:center}.datagrid-pagination .controls-numbers{display:flex;gap:20px;align-items:center}.datagrid-pagination .controls-numbers label{display:flex;align-items:center;gap:10px}.datagrid-pagination .controls-page{display:flex;align-items:center;border:1px solid #444444;border-radius:8px}.datagrid-pagination .controls-page button{border:none;padding:10px 20px;font-size:small;font-weight:700;color:#000;cursor:pointer;transition:all .5s ease;background-color:transparent}.datagrid-pagination .controls-page button:first-child{border-radius:8px 0 0 8px}.datagrid-pagination .controls-page button:last-child{border-radius:0 8px 8px 0}.datagrid-pagination .controls-page button:hover{background-color:#e3e3e3}.metric-cards{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px}.metric-cards .metric-card{min-width:400px;padding:40px 40px 20px;flex:1;border-radius:10px;background-color:#fff;box-shadow:1px 3px 14px #0000001a;transition:initial;display:flex;flex-direction:column;justify-content:center}.metric-cards .metric-card .card-heading{padding-top:20px;font-size:12px;text-align:center}.metric-cards .metric-card .wrapper{display:flex;gap:20px}.metric-cards .metric-card .wrapper .legend{font-size:12px;font-weight:500;display:flex;flex-direction:column;gap:5px}.metric-cards .metric-card .wrapper .legend .square{width:12px;height:12px;display:inline-block;flex-shrink:0}.metric-cards .metric-card .wrapper .recharts-wrapper .recharts-surface .recharts-layer tspan{font-size:12px;font-weight:500}.metric-cards .metric-card.dual-cards{padding:0;border-radius:0;background-color:transparent;box-shadow:initial;display:flex;flex-direction:column;gap:20px}.metric-cards .metric-card.dual-cards .card-row{padding:40px;border-radius:10px;background-color:#fff;box-shadow:1px 3px 14px #0000001a}.metric-cards .metric-card.dual-cards .card-row .card-heading{margin-bottom:20px;padding-top:0}.metric-cards .metric-card.dual-cards .card-row .wrapper{display:flex}.metric-cards .metric-card.dual-cards .card-row .wrapper .col{flex:1;display:flex;gap:10px;align-items:center;justify-content:center}.metric-cards .metric-card.dual-cards .card-row .wrapper .col .number{font-size:42px;color:#006df2}.metric-cards .metric-card.dual-cards .card-row .wrapper .col .label .heading{font-size:12px;font-weight:600;color:#333}.metric-cards .metric-card.dual-cards .card-row .wrapper .col .label .subhead{font-size:12px;font-weight:600;color:#999}@media (max-width: 1024px){.metric-cards{gap:14px}.metric-cards .metric-card{min-width:280px;padding:24px 18px 12px}.metric-cards .metric-card .wrapper{gap:12px}.metric-cards .metric-card.dual-cards{gap:14px}.metric-cards .metric-card.dual-cards .card-row{padding:18px}}@media (max-width: 991px){.thin-container{padding:0!important}.metric-cards{flex-direction:column;gap:6px}.metric-cards .metric-card{padding:40px}.metric-cards .metric-card .card-heading{font-size:10px}.metric-cards .metric-card .wrapper{flex-direction:column;gap:4px}.metric-cards .metric-card.dual-cards{gap:6px}.metric-cards .metric-card.dual-cards .card-row{padding:30px}}.page-actions{display:flex;justify-content:flex-end;gap:10px}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-overlay .modal-delete-confirmation{min-width:320px;padding:32px;background:#fff;border-radius:8px;box-shadow:0 2px 16px #0003;display:flex;flex-direction:column;align-items:center}.modal-overlay .modal-delete-confirmation h2{font-size:26px;font-weight:600}.modal-overlay .modal-delete-confirmation .modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.quick-edit-modal-overlay{position:fixed;top:0;right:0;width:100vw;height:100vh;z-index:2000;background:#0003}.quick-edit-modal-overlay .quick-edit-modal{position:fixed;top:0;right:0;width:400px;max-width:100vw;height:100vh;background:#fff;box-shadow:#00000026 -2px 0 16px;display:flex;flex-direction:column;padding:32px 24px;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translate(0)}.quick-filter{display:flex;align-items:center;gap:8px}.ag-theme-alpine{margin-top:30px}.ag-theme-alpine .ag-cell[col-id=actions] div{display:flex;justify-content:center;align-items:center;gap:8px;padding:2px}.member-layout{padding:40px;display:flex;flex-direction:column;gap:20px;justify-content:space-between;box-sizing:border-box}.member-layout .headline{color:#ccc}.member-layout .member-details{display:flex;justify-content:space-between}.member-layout .member-details h2{font-size:28px}.member-layout .member-details h3{margin-bottom:0}.member-layout .member-details .member-info{width:33%;margin-top:20px;border-radius:10px}.member-layout .member-details .member-activity ul{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-direction:column;gap:10px}.member-layout .cards{overflow:auto;display:flex;flex-direction:column;gap:10px}.member-layout .cards .card{display:flex;justify-content:space-between;align-items:center;background-color:#efefef;padding:14px 20px;border-radius:8px;color:#222}.member-layout .cards .card .col{width:25%}.member-layout .cards .card .col.actions{text-align:right}.member-layout .cards .card.not-active{opacity:.6}.member-layout .cards .card .initial .card-name{font-weight:700;color:#006df2}.member-layout .cards .card .initial .assignment-date{font-size:14px;opacity:.8}.member-layout .cards .card .status{display:inline-block;font-weight:700;padding:4px 10px;border-radius:20px;font-size:12px}.member-layout .cards .card .status.status-assigned{position:relative;padding-left:20px}.member-layout .cards .card .status.status-assigned span{font-weight:400}.member-layout .cards .card .status.status-assigned:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:11px;height:11px;background-color:#6dc429;border-radius:50%}.member-layout .cards .card .status.status-registered{position:relative;padding-left:20px}.member-layout .cards .card .status.status-registered span{font-weight:400}.member-layout .cards .card .status.status-registered:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:11px;height:11px;background-color:#fec52e;border-radius:50%}.member-layout .cards .card .status.status-unregistered{position:relative;padding-left:20px}.member-layout .cards .card .status.status-unregistered span{font-weight:400}.member-layout .cards .card .status.status-unregistered:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:11px;height:11px;background-color:#f34233;border-radius:50%}.member-layout .cards .card .devices{display:flex;gap:10px}.member-layout .cards .card .devices svg{width:20px;height:20px}.member-layout .cards .card .devices svg path{fill:#006df2}.member-layout .cards .card .devices svg.inactive{opacity:.5}.member-layout .cards .card .devices svg.inactive path{fill:#777}.member-layout .entry-forms{margin-top:20px;overflow:auto;display:flex;flex-direction:column}.member-layout .entry-forms .col{width:25%}.member-layout .entry-forms .col.actions{text-align:right}.member-layout .entry-forms h2{margin-bottom:20px}.member-layout .entry-forms .row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;padding:6px 10px;color:#222}.member-layout .entry-forms .row .name{font-weight:700;color:#006df2}.member-layout .entry-forms .row .status{display:inline-block;font-weight:700;padding:4px 10px;border-radius:20px;text-align:center;font-size:12px}.member-layout .entry-forms .row .status.status-assigned{position:relative;padding-left:20px}.member-layout .entry-forms .row .status.status-assigned span{font-weight:400}.member-layout .entry-forms .row .status.status-assigned:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:11px;height:11px;background-color:#006df2;border-radius:50%}.member-layout .entry-forms .row .status.status-completed{position:relative;padding-left:20px}.member-layout .entry-forms .row .status.status-completed span{font-weight:400}.member-layout .entry-forms .row .status.status-completed:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:11px;height:11px;background-color:#6dc429;border-radius:50%}.member-layout .entry-forms .row .completed-date{font-size:14px}@media (max-width: 1024px){.member-layout{padding:20px;gap:12px}.member-layout .member-details{flex-direction:column;gap:20px}.member-layout .member-details h2{font-size:22px}.member-layout .member-details .member-info{width:100%;margin-top:10px}.member-layout .cards,.member-layout .entry-forms{gap:8px}}@media (max-width: 768px){.member-layout{padding:10px}.member-layout .headline{padding:0 30px}.member-layout .member-details{padding:30px;flex-direction:column;gap:16px}.member-layout .member-details h2{font-size:18px}.member-layout .member-details .member-info{width:100%;margin-top:8px}.member-layout .col{width:100%!important}.member-layout .col.actions{text-align:left}.member-layout .col.actions button{width:100%}.member-layout .cards{flex-direction:column;gap:6px}.member-layout .cards .card{flex-direction:column;align-items:flex-start;padding:30px;gap:20px}.member-layout .cards .card .devices{gap:6px}.member-layout .entry-forms{flex-direction:column;gap:6px}.member-layout .entry-forms .row{flex-direction:column;align-items:flex-start;padding:30px;gap:20px}}@media (max-width: 480px){.member-layout{padding:4px}.member-layout .member-details h2{font-size:16px}.member-layout .member-details .member-info{margin-top:4px}.member-layout .cards .card,.member-layout .entry-forms .row{font-size:13px}}@media (max-width: 768px){.sidebar-modal .sidebar{width:100vw;max-width:100vw;padding:12px;font-size:15px}.sidebar-modal .overlay{background-color:#0009}}@media (max-width: 480px){.sidebar-modal .sidebar{padding:6px;font-size:13px}}.sidebar-modal .overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999}.sidebar-modal .sidebar{position:fixed;top:0;right:0;width:450px;height:100%;background-color:#fff;box-shadow:-2px 0 5px #0000001a;z-index:1000;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;gap:20px}.sidebar-modal .sidebar .close-btn{align-self:flex-end;background:none;border:none;font-size:24px;cursor:pointer;margin-bottom:20px}.sidebar-modal .sidebar h2{margin-top:0;margin-bottom:20px;font-size:24px;color:#006df2}.sidebar-modal .sidebar .member-info{margin-bottom:20px}.sidebar-modal .sidebar .member-info p{margin:5px 0;font-size:16px}.sidebar-modal .sidebar .member-info p strong{color:#006df2}.sidebar-modal .sidebar .member-activity{overflow-y:auto;flex:1;padding-bottom:20px}.sidebar-modal .sidebar .member-activity ul{list-style:none;padding:0;margin:0}.sidebar-modal .sidebar .member-activity ul li{margin-bottom:10px;font-size:14px}.sidebar-modal .sidebar .member-activity ul li .activity-date{font-weight:700;color:#006df2}.client-information{padding:30px 40px 0}.client-information .button{margin-top:30px;display:inline-flex;padding:7px 14px;border-radius:5px;border:none;font-size:16px;cursor:pointer;transition:background-color .3s ease;background-color:#006df2;color:#fff;text-decoration:none!important}.client-information .button:hover{color:#fff;background-color:#002a5d;text-decoration:none!important}.members-grid-section h2{padding:0 30px;color:#ccc}.members-grid-section .page{padding:0 30px}.organization-information{padding:30px 40px 0}.organization-information .button{margin-top:30px;display:inline-flex;padding:7px 14px;border-radius:5px;border:none;font-size:16px;cursor:pointer;transition:background-color .3s ease;background-color:#006df2;color:#fff;text-decoration:none!important}.organization-information .button:hover{color:#fff;background-color:#002a5d;text-decoration:none!important}.login-page{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:#fbfbfb}.login-page #root{width:100%;padding:40px;display:flex;flex-direction:column;align-items:center;gap:10px;height:100vh}.login-page #root .heading{padding-top:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0}.login-page #root .heading .branding{text-align:center}.login-page #root .heading .branding img{width:90%;height:60px;object-fit:contain}.login-page #root .heading .page-description{text-align:center;font-size:26px;font-weight:700}.login-page #root form{width:450px;margin:0 auto;display:flex;flex-direction:column;gap:10px;border-radius:20px;padding:40px;background-color:#fff;box-shadow:1px 3px 14px #0000001a}@media screen and (max-width: 980px){.login-page #root .heading{padding-top:40px;padding-left:20px;padding-right:20px}.login-page #root .heading .page-description{font-size:20px}.login-page #root form{width:80%;padding:20px}}.dashboard-page .dashboard{width:90%;height:100%;max-width:1440px;margin:0 auto;padding:40px}.dashboard-page .dashboard .quick-links{display:flex;gap:10px;justify-content:space-between}.dashboard-page .dashboard .quick-links .card{display:flex;flex:1;justify-content:center;align-items:center;flex-direction:column;padding:60px 0;gap:10px;border-radius:5px;background-color:#f5f5f5;transition:initial}.dashboard-page .dashboard .quick-links .card .heading{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}.dashboard-page .dashboard .quick-links .card .heading .icon svg{width:30px;height:30px}.dashboard-page .dashboard .quick-links .card .heading .icon svg path{fill:#006df2}.dashboard-page .dashboard .quick-links .card .heading .label{font-size:24px;font-weight:600;color:#006df2}.dashboard-page .dashboard .quick-links .card .card-data{margin-top:20px;margin-bottom:20px;display:flex;gap:30px;font-size:14px}.dashboard-page .dashboard .quick-links .card .card-data .label{font-weight:600;text-align:center}.dashboard-page .dashboard .quick-links .card .card-data .value{text-align:center}.dashboard-page .dashboard .quick-links .card-primary{background-color:#006df2;color:#fff}.dashboard-page .dashboard .quick-links .card-primary .heading .icon{width:40px;height:40px;border:2px solid transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.dashboard-page .dashboard .quick-links .card-primary .heading .icon svg{width:20px;height:20px}.dashboard-page .dashboard .quick-links .card-primary .heading .icon svg rect{fill:#fff}.dashboard-page .dashboard .quick-links .card-primary .heading .label{color:#fff}.dashboard-page .dashboard .quick-links .card-primary:hover .icon{border-width:2px;border-color:#fff}.cards-page .thin-container .wallet-cards{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:20px;margin-top:20px}.cards-page .thin-container .wallet-cards .wallet-card{min-width:400px;max-width:32%;flex:1;border-radius:10px;border:1px solid #D7D7D7;background-color:#fff;transition:initial;display:flex;flex-direction:column;justify-content:flex-start}.cards-page .thin-container .wallet-cards .wallet-card .branding{text-align:center;background-color:#006df2;position:relative;padding:15px 0 10px;border-top-right-radius:10px;border-top-left-radius:10px}.cards-page .thin-container .wallet-cards .wallet-card .branding input{position:absolute;top:10px;left:10px}.cards-page .thin-container .wallet-cards .wallet-card .branding img{width:90%;height:35px;object-fit:contain;margin:0 auto}.cards-page .thin-container .wallet-cards .wallet-card .branding .favorite{width:26px;height:26px;position:absolute;top:10px;right:10px;background-color:#fff;border-radius:5px;border:0;display:flex;align-items:center;justify-content:center}.cards-page .thin-container .wallet-cards .wallet-card .branding .favorite svg{width:16px;height:16px;flex-shrink:0}.cards-page .thin-container .wallet-cards .wallet-card .branding .favorite svg path{fill:#fff;stroke:#444;transition:all .3s ease}.cards-page .thin-container .wallet-cards .wallet-card .branding .favorite:hover svg path,.cards-page .thin-container .wallet-cards .wallet-card .branding .favorite.active svg path{fill:#f5b721;stroke:#f5b721}.cards-page .thin-container .wallet-cards .wallet-card .banner{position:relative}.cards-page .thin-container .wallet-cards .wallet-card .banner img{width:100%;height:200px;object-fit:cover}.cards-page .thin-container .wallet-cards .wallet-card .banner .status{padding:5px 10px;position:absolute;bottom:20px;right:10px;border-radius:5px;background-color:#fff;color:#000;font-size:11px;font-weight:600}.cards-page .thin-container .wallet-cards .wallet-card .about{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 10px 15px}.cards-page .thin-container .wallet-cards .wallet-card .about .devices{width:40px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;border-right:1px solid #D7D7D7}.cards-page .thin-container .wallet-cards .wallet-card .about .devices .apple,.cards-page .thin-container .wallet-cards .wallet-card .about .devices .google{width:20px;height:20px}.cards-page .thin-container .wallet-cards .wallet-card .about .heading{display:flex;flex-grow:1;flex-direction:column;gap:3px}.cards-page .thin-container .wallet-cards .wallet-card .about .heading .card-name input{width:100%;padding:0 0 4px;font-size:16px;font-weight:700;color:#444;border:none;background-color:transparent;border:0;border-bottom:1px dashed #444444}.cards-page .thin-container .wallet-cards .wallet-card .about .heading .card-name a{font-size:16px;font-weight:700;color:#444;line-height:normal;transition:none}.cards-page .thin-container .wallet-cards .wallet-card .about .heading .card-name a:hover{color:#006df2}.cards-page .thin-container .wallet-cards .wallet-card .about .heading .timestamp{font-size:12px;font-weight:500;color:#999}.cards-page .thin-container .wallet-cards .wallet-card .about .actions{position:relative}.cards-page .thin-container .wallet-cards .wallet-card .about .actions button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#e3e3e3}.cards-page .thin-container .wallet-cards .wallet-card .about .actions button .dots{width:4px;flex-shrink:0}.cards-page .thin-container .wallet-cards .wallet-card .about .actions button .close{width:13px;flex-shrink:0}.cards-page .thin-container .wallet-cards .wallet-card .about .actions button:hover{background-color:#00a2d9}.cards-page .thin-container .wallet-cards .wallet-card .about .actions button:hover .dots path,.cards-page .thin-container .wallet-cards .wallet-card .about .actions button:hover .close path{fill:#fff}.cards-page .thin-container .wallet-cards .wallet-card .about .actions .actions-dropdown{background-color:#fff;border-radius:6px;display:flex;flex-direction:column;gap:10px;padding:10px 20px;box-shadow:0 0 10px #e0e0e0;text-align:left}.cards-page .thin-container .wallet-cards .wallet-card .about .actions .actions-dropdown a{display:block;font-size:14px}.cards-page .thin-container .wallet-cards .wallet-card .about .actions .actions-dropdown a.delete{margin-top:10px;color:#e1746b}.cards-page .quick-edit-modal .close-container{display:flex;justify-content:flex-end;align-items:center;margin:10px 0}.cards-page .quick-edit-modal .close-container button{border:0;background-color:transparent;display:flex;align-items:center;justify-content:center;gap:15px}.cards-page .quick-edit-modal .close-container button .label{text-align:right;font-size:14px;color:#999}.cards-page .quick-edit-modal form{margin-top:24px}.cards-page .quick-edit-modal form .card-initial{display:flex;flex-direction:column;gap:10px}.cards-page .quick-edit-modal form .card-initial .card-name{padding-bottom:10px;border-bottom:1px dashed #444444}.cards-page .quick-edit-modal form .card-initial .card-name input{width:100%;padding:0 0 4px;font-size:20px;font-weight:700;color:#444;border:none;background-color:transparent;border:0}.cards-page .quick-edit-modal form .card-initial .card-name .heading{font-size:20px;font-weight:700;color:#000;line-height:normal;transition:none}.cards-page .quick-edit-modal form .card-initial .last-saved{text-align:right;font-size:14px;color:#999}.cards-page .quick-edit-modal form .card-preview{background-color:#00a2d9;border-radius:10px;overflow:hidden}.cards-page .quick-edit-modal form .card-preview .logo{padding:20px 20px 5px;display:flex;justify-content:center}.cards-page .quick-edit-modal form .card-preview .logo .branding{width:60%}.cards-page .quick-edit-modal form .card-preview .logo .branding img{width:100%;height:100%;object-fit:contain;object-position:top}.cards-page .quick-edit-modal form .card-preview .banner{width:100%;height:150px}.cards-page .quick-edit-modal form .card-preview .banner img{width:100%;height:100%;object-fit:cover}.cards-page .quick-edit-modal form .fields{display:flex;flex-direction:column;gap:10px}.cards-page .quick-edit-modal form .fields .input{width:100%}.cards-page .quick-edit-modal form .fields .input label{width:100%;margin:0}.cards-page .quick-edit-modal form .fields .input input[type=text],.cards-page .quick-edit-modal form .fields .input input[type=email],.cards-page .quick-edit-modal form .fields .input input[type=url],.cards-page .quick-edit-modal form .fields .input select,.cards-page .quick-edit-modal form .fields .input textarea{width:100%;box-sizing:border-box}.cards-page .quick-edit-modal form .fields .input .dropdown .dropdown-outline{color:#444;border:1px solid #444444}.cards-page .quick-edit-modal form .fields .input .dropdown .dropdown-outline .status-color{width:14px;height:14px;border-radius:50%;background-color:#f5b721}.cards-page .quick-edit-modal form .fields .input .dropdown .dropdown-outline .icon svg path{fill:#444}.cards-page .quick-edit-modal form .fields .input .dropdown .dropdown-outline:hover,.cards-page .quick-edit-modal form .fields .input .dropdown .dropdown-outline:focus,.cards-page .quick-edit-modal form .fields .input .dropdown .dropdown-outline:active{background-color:#006df2;color:#fff;border-color:#006df2}.cards-page .quick-edit-modal form .fields .input .dropdown .dropdown-outline:hover .icon svg path,.cards-page .quick-edit-modal form .fields .input .dropdown .dropdown-outline:focus .icon svg path,.cards-page .quick-edit-modal form .fields .input .dropdown .dropdown-outline:active .icon svg path{fill:#fff}.cards-page .quick-edit-modal form .fields .input .outline-input{padding:7px 10px 5px;display:inline-flex;flex-direction:row;align-items:center;gap:10px;border-radius:6px;border:1px solid #444444;font-size:14px;color:#444;position:relative;background-color:#fff}.cards-page .quick-edit-modal form .fields .input .outline-input .icon svg,.cards-page .quick-edit-modal form .fields .input .outline-input .icon img{width:14px;height:14px}.cards-page .quick-edit-modal form .fields .input .outline-input:hover{background-color:#006df2;color:#fff;border-color:#006df2}.cards-page .quick-edit-modal form .fields .input .outline-input:hover .icon svg path{fill:#fff}.cards-page .quick-edit-modal form .fields .input .outline-input.color-wheel{padding-right:20px}.cards-page .quick-edit-modal form .fields .input .outline-input.color-wheel .card-color{background-color:transparent;border:0;padding:0;width:30px;height:30px;border-radius:6px}.cards-page .quick-edit-modal form .fields .input .description{margin-top:8px;font-size:12px;color:#444}.cards-page .quick-edit-modal form .fields .checkbox{display:flex;flex-direction:row;align-items:center;gap:10px}.cards-page .quick-edit-modal form .fields .button-outline{border-width:1px}.cards-page .quick-edit-modal form .fields.inline{display:flex;flex-direction:row;gap:10px;align-items:center}.cards-page .quick-edit-modal form .fields.inline .input{flex:1;display:flex;flex-direction:row;gap:10px}.cards-page .quick-edit-modal form .fields.inline .inline{display:flex;flex-direction:row;align-items:center;gap:10px}.cards-page .quick-edit-modal form .fields.wide{justify-content:space-between}.cards-page .quick-edit-modal form .fields .dual-col{display:flex;flex-direction:row;gap:10px}.cards-page .quick-edit-modal form .fields .dual-col .logo{width:48px;height:48px;background-color:#006df2;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cards-page .quick-edit-modal form .fields .dual-col .logo svg{width:16px;height:16px}.cards-page .quick-edit-modal form .fields .dual-col .logo svg path{fill:#fff}.cards-page .quick-edit-modal form .fields .dual-col .branding-fields{display:flex;flex-direction:column;gap:10px}.cards-page .quick-edit-modal form .fields .card_color_section{display:flex;flex-direction:row;gap:10px}.cards-page .quick-edit-modal form .submit{display:flex}.cards-page .quick-edit-modal form .submit.wide{justify-content:space-between}.cards-page .quick-edit-modal form .submit.centered{padding:30px 0 40px;justify-content:center}.cards-add-page .page-header{display:flex;align-items:flex-end}.cards-add-page .page-header .page-info{width:50%}.cards-add-page .page-header .page-info .card-name{margin:30px 20px;padding-bottom:10px;border-bottom:1px dashed #444444}.cards-add-page .page-header .page-info .card-name input{width:100%;padding:0 0 4px;font-size:24px;font-weight:700;color:#444;border:none;background-color:transparent;border:0}.cards-add-page .page-header .page-info .card-name .heading{font-size:24px;font-weight:700;color:#000;line-height:normal;transition:none}.cards-add-page .page-header .page-actions{width:50%;margin:0 20px 20px 0;display:flex;justify-content:flex-end}.cards-add-page .card-management-container{display:flex;padding:0 20px;gap:40px}.cards-add-page .card-management-container form{width:33%;display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid #D7D7D7;position:relative;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.cards-add-page .card-management-container form::-webkit-scrollbar{display:none}.cards-add-page .card-management-container form .tabs{display:flex;border-bottom:1px solid #D7D7D7}.cards-add-page .card-management-container form .tabs .tab{width:100%;padding:10px 0 8px;display:flex;flex:1;align-items:center;justify-content:center;gap:10px;font-size:16px;color:#000;cursor:pointer}.cards-add-page .card-management-container form .tabs .tab .icon svg{width:14px;height:14px}.cards-add-page .card-management-container form .tabs .tab .icon svg path{fill:#444}.cards-add-page .card-management-container form .tabs .tab.active,.cards-add-page .card-management-container form .tabs .tab:hover{background-color:#006df2;color:#fff}.cards-add-page .card-management-container form .tabs .tab.active .icon svg path,.cards-add-page .card-management-container form .tabs .tab:hover .icon svg path{fill:#fff}.cards-add-page .card-management-container form .tabs .tab:hover{transition:all .3s ease-in-out}.cards-add-page .card-management-container form .steps-slider{display:flex;flex-direction:row;width:100%;transition:transform .4s cubic-bezier(.4,0,.2,1);will-change:transform}.cards-add-page .card-management-container form .steps-container{width:100%;flex:0 0 100%;opacity:1;pointer-events:auto;transition:opacity .3s;position:relative;z-index:1}.cards-add-page .card-management-container form .steps-container.active{opacity:1;pointer-events:auto;z-index:2}.cards-add-page .card-management-container form .steps-container.slide-right{transform:translate(100%)}.cards-add-page .card-management-container form .steps-container.slide-right.active{transform:translate(0)}.cards-add-page .card-management-container form .steps-container.slide-left{transform:translate(-100%)}.cards-add-page .card-management-container form .steps-container.slide-left.active{transform:translate(0)}.cards-add-page .card-management-container form .steps-container section{padding:20px;display:flex;flex-direction:column;gap:20px;border-right:1px solid white}.cards-add-page .card-management-container form .steps-container section h2{margin:0;font-size:14px;color:#444}.cards-add-page .card-management-container form .steps-container section .additional{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:space-between}.cards-add-page .card-management-container form .steps-container section .additional .switch{display:flex;flex-direction:row;align-items:center;gap:10px}.cards-add-page .card-management-container form .steps-container section .additional .switch label{margin:0;padding:0;cursor:pointer}.cards-add-page .card-management-container form .steps-container section .additional .switch label:hover{color:#006df2}.cards-add-page .card-management-container form .steps-container section .additional .switch .toggle-button-active,.cards-add-page .card-management-container form .steps-container section .additional .switch .toggle-button-inactive{background-color:#00a2d9}.cards-add-page .card-management-container form .steps-container section:hover{background:linear-gradient(90deg,#fff,#f5f9ff);border-color:#00a2d9;transition:all .3s ease-in-out}.cards-add-page .card-management-container form .steps-container section:hover h2{color:#00a2d9;font-weight:600;transition:all .3s ease-in-out}.cards-add-page .card-management-container form .steps-container section .fields{display:flex;flex-direction:column;gap:10px}.cards-add-page .card-management-container form .steps-container section .fields .input label{margin:0}.cards-add-page .card-management-container form .steps-container section .fields .input input[type=text],.cards-add-page .card-management-container form .steps-container section .fields .input input[type=email],.cards-add-page .card-management-container form .steps-container section .fields .input input[type=url],.cards-add-page .card-management-container form .steps-container section .fields .input select,.cards-add-page .card-management-container form .steps-container section .fields .input textarea{width:100%;box-sizing:border-box}.cards-add-page .card-management-container form .steps-container section .fields .input .dropdown .dropdown-outline{color:#444;border:1px solid #444444}.cards-add-page .card-management-container form .steps-container section .fields .input .dropdown .dropdown-outline .status-color{width:14px;height:14px;border-radius:50%;background-color:#f5b721}.cards-add-page .card-management-container form .steps-container section .fields .input .dropdown .dropdown-outline .icon svg path{fill:#444}.cards-add-page .card-management-container form .steps-container section .fields .input .dropdown .dropdown-outline:hover,.cards-add-page .card-management-container form .steps-container section .fields .input .dropdown .dropdown-outline:focus,.cards-add-page .card-management-container form .steps-container section .fields .input .dropdown .dropdown-outline:active{background-color:#006df2;color:#fff;border-color:#006df2}.cards-add-page .card-management-container form .steps-container section .fields .input .dropdown .dropdown-outline:hover .icon svg path,.cards-add-page .card-management-container form .steps-container section .fields .input .dropdown .dropdown-outline:focus .icon svg path,.cards-add-page .card-management-container form .steps-container section .fields .input .dropdown .dropdown-outline:active .icon svg path{fill:#fff}.cards-add-page .card-management-container form .steps-container section .fields .input .outline-input{padding:7px 10px 5px;display:inline-flex;flex-direction:row;align-items:center;gap:10px;border-radius:6px;border:1px solid #444444;font-size:14px;color:#444;position:relative;background-color:#fff}.cards-add-page .card-management-container form .steps-container section .fields .input .outline-input .icon svg,.cards-add-page .card-management-container form .steps-container section .fields .input .outline-input .icon img{width:14px;height:14px}.cards-add-page .card-management-container form .steps-container section .fields .input .outline-input:hover{background-color:#006df2;color:#fff;border-color:#006df2}.cards-add-page .card-management-container form .steps-container section .fields .input .outline-input:hover .icon svg path{fill:#fff}.cards-add-page .card-management-container form .steps-container section .fields .input .outline-input.color-wheel{padding-right:20px}.cards-add-page .card-management-container form .steps-container section .fields .input .outline-input.color-wheel .card-color{background-color:transparent;border:0;padding:0;width:30px;height:30px;border-radius:6px}.cards-add-page .card-management-container form .steps-container section .fields .input .description{margin-top:8px;font-size:12px;color:#444}.cards-add-page .card-management-container form .steps-container section .fields .checkbox{display:flex;flex-direction:row;align-items:center;gap:10px}.cards-add-page .card-management-container form .steps-container section .fields .button-outline{border-width:1px}.cards-add-page .card-management-container form .steps-container section .fields.inline{display:flex;flex-direction:row;gap:10px;align-items:center}.cards-add-page .card-management-container form .steps-container section .fields.inline .input{flex:1;display:flex;flex-direction:row;gap:10px}.cards-add-page .card-management-container form .steps-container section .fields .dual-col{display:flex;flex-direction:row;gap:10px}.cards-add-page .card-management-container form .steps-container section .fields .dual-col .logo{width:48px;height:48px;background-color:#006df2;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cards-add-page .card-management-container form .steps-container section .fields .dual-col .logo svg{width:16px;height:16px}.cards-add-page .card-management-container form .steps-container section .fields .dual-col .logo svg path{fill:#fff}.cards-add-page .card-management-container form .steps-container section .fields .dual-col .branding-fields{display:flex;flex-direction:column;gap:10px}.cards-add-page .card-management-container form .steps-container section .fields .card_color_section{display:flex;flex-direction:row;gap:10px}.cards-add-page .card-management-container form .steps-container section .side-grid{display:flex;flex-direction:column;gap:10px}.cards-add-page .card-management-container form .steps-container section .side-grid .row{display:flex;flex-direction:row;gap:10px}.cards-add-page .card-management-container form .steps-container section .side-grid .row .head{font-size:12px}.cards-add-page .card-management-container form .steps-container section .side-grid .row .cell{width:30%}.cards-add-page .card-management-container form .steps-container section .side-grid .row .cell.action{width:10%}.cards-add-page .card-management-container form .steps-container section .side-grid .row .cell.action button{border:0;background-color:transparent}.cards-add-page .card-management-container form .steps-container section .submit{padding:10px 0 30px;display:flex;align-items:center;justify-content:flex-end;font-size:14px;color:#999;gap:20px}.cards-add-page .card-management-container .preview{width:66%;display:flex;flex-direction:row;gap:20px}.cards-add-page .card-management-container .preview .wallet,.cards-add-page .card-management-container .preview .qr-code{display:flex;flex-direction:column;gap:15px}.cards-add-page .card-management-container .preview .wallet .heading,.cards-add-page .card-management-container .preview .qr-code .heading{background-color:#006df2;border-radius:6px;font-size:14px;text-align:center;font-weight:700;color:#fff;display:flex;justify-content:center;align-items:flex-end;gap:8px}.cards-add-page .card-management-container .preview .wallet .heading .icon,.cards-add-page .card-management-container .preview .qr-code .heading .icon{width:14px;height:48px;display:flex;align-items:center}.cards-add-page .card-management-container .preview .wallet .heading .icon svg,.cards-add-page .card-management-container .preview .qr-code .heading .icon svg{width:14px;height:14px}.cards-add-page .card-management-container .preview .wallet .heading .icon svg path,.cards-add-page .card-management-container .preview .qr-code .heading .icon svg path{fill:#fff}.cards-add-page .card-management-container .preview .wallet .heading .label,.cards-add-page .card-management-container .preview .qr-code .heading .label{height:48px;display:flex;align-items:center;line-height:1em}.cards-add-page .card-management-container .preview .wallet .card,.cards-add-page .card-management-container .preview .qr-code .card{min-height:500px}.cards-add-page .card-management-container .preview .wallet .flip,.cards-add-page .card-management-container .preview .qr-code .flip{display:flex;justify-content:flex-end}.cards-add-page .card-management-container .preview .wallet .flip button,.cards-add-page .card-management-container .preview .qr-code .flip button{padding:6px 15px;background-color:transparent;border:1px solid #444444;border-radius:6px;color:#444;display:flex;align-items:center;gap:10px}.cards-add-page .card-management-container .preview .wallet .flip button .icon svg path,.cards-add-page .card-management-container .preview .qr-code .flip button .icon svg path{fill:#444}.cards-add-page .card-management-container .preview .wallet .flip button:hover,.cards-add-page .card-management-container .preview .qr-code .flip button:hover{background-color:#006df2;border-color:#006df2;color:#fff}.cards-add-page .card-management-container .preview .wallet .flip button:hover .icon svg path,.cards-add-page .card-management-container .preview .qr-code .flip button:hover .icon svg path{fill:#fff}.cards-add-page .card-management-container .preview .wallet{width:40%}.cards-add-page .card-management-container .preview .wallet .card-flip-container{perspective:1000px;width:100%;height:490px;margin-bottom:10px}.cards-add-page .card-management-container .preview .wallet .card-flip{width:100%;position:relative;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;min-height:120px}.cards-add-page .card-management-container .preview .wallet .card-flip-front,.cards-add-page .card-management-container .preview .wallet .card-flip-back{position:absolute;width:100%;backface-visibility:hidden;left:0;top:0}.cards-add-page .card-management-container .preview .wallet .card-flip-front{z-index:2}.cards-add-page .card-management-container .preview .wallet .card-flip-back{transform:rotateY(180deg);z-index:1}.cards-add-page .card-management-container .preview .wallet .card-flip.flipped{transform:rotateY(180deg)}.cards-add-page .card-management-container .preview .wallet .card{display:flex;flex-direction:column;background-color:#006df2;color:#fff}.cards-add-page .card-management-container .preview .wallet .card .label{font-size:12px;line-height:1.2em;text-transform:uppercase}.cards-add-page .card-management-container .preview .wallet .card .copy{font-size:18px;line-height:1em}.cards-add-page .card-management-container .preview .wallet .card .row{display:flex;justify-content:space-between}.cards-add-page .card-management-container .preview .wallet .card .top{padding:20px;display:flex;justify-content:space-between}.cards-add-page .card-management-container .preview .wallet .card .top .branding{width:50%}.cards-add-page .card-management-container .preview .wallet .card .top .branding img{width:100%;height:100%;object-fit:contain;object-position:top}.cards-add-page .card-management-container .preview .wallet .card .banner{width:100%;height:150px}.cards-add-page .card-management-container .preview .wallet .card .banner img{width:100%;height:100%;object-fit:cover}.cards-add-page .card-management-container .preview .wallet .card .body{padding:20px}.cards-add-page .card-management-container .preview .wallet .card .body .row{margin-bottom:20px}.cards-add-page .card-management-container .preview .wallet.google .card{justify-content:space-between}.cards-add-page .card-management-container .preview .wallet.google .card .top{justify-content:center}.cards-add-page .card-management-container .preview .wallet.google .card .body{height:100%;display:flex;flex-direction:column;justify-content:space-between}.cards-add-page .card-management-container .preview .qr-code{width:20%}.cards-add-page .card-management-container .preview .qr-code .body{padding:20px;text-align:center;background-color:#fff;border-radius:20px;box-shadow:1px 3px 14px #0000001a}.cards-finish-page .finish-message{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;gap:40px}.cards-finish-page .finish-message h2{margin:0;font-size:1.6em;font-weight:500;line-height:1.3;color:#000}.cards-finish-page .finish-message .card-details{background-color:#efefef;padding:40px 60px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.cards-finish-page .finish-message .card-details h3{margin:0;font-size:2.1em;font-weight:500;line-height:1.1;color:#000}.cards-finish-page .finish-message .card-details .devices{display:flex;gap:20px}.cards-finish-page .finish-message .card-details .devices img{height:50px}.cards-finish-page .finish-message .actions{padding-top:40px;display:flex;gap:20px;justify-content:center;border-top:1px solid #ccc}.cards-finish-page .finish-message .actions .col{width:33%;text-align:center;display:flex;gap:10px;align-items:center;flex-direction:column}.cards-finish-page .finish-message .actions .col .label{width:80%;font-size:20px}.ag-grid-page .page-header{display:flex;align-items:flex-end}.ag-grid-page .thin-container{padding:0}.organization-page .page-header{display:flex;align-items:flex-end}.organization-page .thin-container{padding:20px}html,body{overflow-x:initial}.client-dashboard-menu{display:flex;gap:10px;margin-top:20px;background-color:#e8f2ff;border-radius:6px}.client-dashboard-menu .button{margin:0;padding:10px 16px;background-color:transparent;color:#006df2;border:none;border-radius:4px;text-decoration:none;font-size:14px;font-weight:600;cursor:pointer}.client-dashboard-menu .button:hover{background-color:#006df2}.page{padding-top:10px}.partitions .page-title{padding:40px 20px 0 40px;font-size:24px}@media screen and (max-width: 991px){.page{padding:0!important}.thin-container{padding:20px!important}.flex-m-column{flex-direction:column}}