@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{height:100%;font-family:Poppins,sans-serif}body{font-family:Poppins,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100%;box-sizing:border-box}button{font-family:Poppins,sans-serif;border:none}input{font-family:Poppins,sans-serif}select{font-family:Poppins,sans-serif;height:40px;margin-top:10px;border-radius:5px;font-size:16px;padding-left:10px}#root{width:100%;height:100vh;display:contents}:root{--transition-speed: .3s;--border-radius: 8px;--shadow-light: 0 2px 8px rgba(0, 0, 0, .1);--shadow-dark: 0 2px 8px rgba(0, 0, 0, .3)}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #f2f2f2;--text-primary: #212121;--text-secondary: #757575;--border-color: #e0e0e0;--shadow: var(--shadow-light);--button-hover: rgba(0, 0, 0, .04)}[data-theme=dark]{--bg-primary: #1e1e1e;--bg-secondary: #2c2c2c;--bg-tertiary: #121212;--text-primary: #ffffff;--text-secondary: #b3b3b3;--border-color: #333333;--shadow: var(--shadow-dark);--button-hover: rgba(255, 255, 255, .08)}*{transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease,border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;background-color:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-speed) ease}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s,transform var(--transition-speed) ease}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa);transform:scale(1.05)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow);transition:all var(--transition-speed) ease}.card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.read-the-docs{color:var(--text-secondary)}.add-item{display:flex;font-size:12px;font-weight:700;padding:15px;margin-left:auto;border-radius:var(--border-radius);border:none;background-color:var(--bg-secondary);color:var(--text-primary);cursor:pointer;align-items:center;transition:all var(--transition-speed) ease;box-shadow:var(--shadow)}.add-item:hover{background-color:var(--button-hover);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.add-item:active{transform:translateY(0);box-shadow:inset 0 2px 4px #0000001a;outline:none}.app .settings .action{min-width:140px;margin-right:15px;height:40px;font-weight:700;color:var(--text-primary);margin-bottom:5px;border-radius:var(--border-radius);background-color:var(--bg-secondary);padding:0 20px;border:none;cursor:pointer;transition:all var(--transition-speed) ease;box-shadow:var(--shadow)}.app .settings .action:hover{background-color:var(--button-hover);transform:translateY(-1px)}.app .settings button:active{transform:translateY(0);box-shadow:inset 0 2px 4px #0000001a;outline:none}.app .settings-container{padding:40px 40px 20px;display:flex;align-items:left;background-color:var(--bg-primary)}.app .settings{background-color:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color);box-shadow:var(--shadow)}.app.wrapper{display:flex;height:100vh;width:100vw;position:absolute;top:0;left:0;background:var(--bg-tertiary)}.app .sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);transition:all var(--transition-speed) ease}.app .container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:var(--bg-primary)}.app .main-content{width:100%;height:100%;justify-content:center;background-color:var(--bg-primary)}.app .header{display:flex;justify-content:left;align-items:center;padding:40px 40px 10px;background-color:var(--bg-primary);color:var(--text-primary)}.app .sub-header{padding-left:10px;font-weight:300;font-size:2em;color:var(--text-primary)}.listbox-container{padding:20px;width:100%;height:100%;border-radius:var(--border-radius);flex:1;background-color:var(--bg-primary)}.listbox{margin-bottom:5px;display:flex;flex-direction:column;padding:20px;width:100%;min-height:auto;max-height:calc(100vh - 400px);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:auto;box-shadow:var(--shadow);transition:all var(--transition-speed) ease}.listbox:hover{box-shadow:0 4px 16px #0000001a}.listbox-header{display:flex;align-items:baseline;justify-content:space-between;color:var(--text-primary)}.listbox-title{padding:20px;font-size:14px;font-weight:700;color:var(--text-primary)}.listbox-subtitle{font-size:12px;font-weight:300;color:var(--text-secondary)}.listbox-header .add-item{display:flex;font-size:12px;font-weight:700;padding:15px;margin-left:auto;border-radius:var(--border-radius);border:none;background-color:var(--bg-secondary);color:var(--text-primary);cursor:pointer;align-items:center;transition:all var(--transition-speed) ease;box-shadow:var(--shadow)}.listbox-header .add-item:hover{background-color:var(--button-hover);transform:translateY(-1px)}.listbox-header .add-item:active{transform:translateY(0);box-shadow:inset 0 2px 4px #0000001a;outline:none}.listbox .row{min-height:30px;display:flex;align-items:center;justify-content:space-between;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;margin-bottom:5px;overflow:hidden;transition:all var(--transition-speed) ease;cursor:pointer}.listbox .row:hover{background-color:var(--button-hover);transform:translateY(-1px);box-shadow:var(--shadow)}.listbox .row.selected{background-color:#1976d21f;border-color:#1976d2}.listbox .row.on{background-color:#4caf501f;border-color:#4caf50}.listbox .row .name{margin-left:10px;flex-grow:1;margin-right:10px;font-size:12px;color:var(--text-primary)}.listbox .row .name .input{border:none;font-size:12px;background:transparent;width:100%;color:var(--text-primary);transition:all var(--transition-speed) ease}.listbox .row .name .input::placeholder{color:var(--text-secondary)}.listbox .row .name .input::selection{background:#1976d2;color:#fff}.listbox .row .name .input:focus{outline:none;background-color:var(--button-hover);border-radius:4px;padding:2px 4px}.listbox .row button{width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed) ease;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:4px}.listbox .row button:hover{background-color:var(--button-hover);transform:scale(1.05)}.listbox .row .included{background-color:#ff9800;color:#fff}.listbox .row .included:hover{background-color:#f57c00}.listbox-footer{display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin-top:10px}.listbox-footer button{height:30px;color:#fff;width:100%;margin-bottom:5px;border-radius:4px;background-color:#1976d2;border:none;cursor:pointer;transition:all var(--transition-speed) ease;font-weight:600}.listbox-footer button:hover{background-color:#1565c0;transform:translateY(-1px);box-shadow:0 4px 8px #1976d24d}.listbox-footer button:active{transform:translateY(0);box-shadow:inset 0 2px 4px #0003;outline:none}.listbox .row button .icon{font-size:15px;transition:transform var(--transition-speed) ease}.listbox .row button:hover .icon{transform:scale(1.1)}body,html{margin:0;padding:0;overflow-x:hidden;background-color:var(--bg-tertiary);color:var(--text-primary);transition:all var(--transition-speed) ease}main{background-color:var(--bg-primary);min-height:calc(100vh - 64px);overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px;transition:background-color var(--transition-speed) ease}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}*{scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-secondary)}@media (prefers-color-scheme: dark){:root{color-scheme:dark}}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #1976d2;outline-offset:2px}.theme-transition{transition:all var(--transition-speed) ease}.honda-red{color:#dc004e}.honda-blue{color:#1976d2}.surface-1{background-color:var(--bg-primary)}.surface-2{background-color:var(--bg-secondary)}.surface-3{background-color:var(--bg-tertiary)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.border-default{border-color:var(--border-color)}@media (max-width: 768px){#root{padding:1rem}.listbox{padding:15px}.app .settings-container{padding:20px}}.app-icon-container{display:flex;flex-direction:column;align-items:center}.app-button{width:100px;height:100px;border-radius:20%;background-color:var(--common-background);display:flex;justify-content:center;align-items:center;box-shadow:-4px -4px 8px #fff,4px 4px 8px #c9c9c9}.app-button:active{box-shadow:inset -4px -4px 8px #fff,inset 4px 4px 8px #c9c9c9;outline:none}.app-name{margin-top:20px;height:40px;text-align:center;font-size:12px;color:#333;white-space:normal;overflow:hidden;text-overflow:ellipsis}.app-icon{color:#dfdfdf;font-size:50px}.app-button-disabled{opacity:.5;cursor:not-allowed;filter:grayscale(50%);box-shadow:none;background-color:var(--common-background);border:1px solid #e0e0e0}.app-button-disabled:active{box-shadow:none}.app-coming-soon{font-size:.8em;color:#999;font-style:italic}.app-icon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,100px));gap:40px;flex-wrap:wrap;justify-content:left;width:100%}.user-access-info{margin:10px 0;font-size:.9rem}.access-badge{display:inline-block;padding:4px 10px;border-radius:15px;background-color:#f1f1f1}.access-label{margin-right:5px;font-weight:600}.access-value{padding:2px 8px;border-radius:10px;font-weight:500}.access-admin{background-color:#4c40f7;color:#fff}.access-hd{background-color:#00a651;color:#fff}.access-honda{background-color:#e60012;color:#fff}.access-tester{background-color:#f7a400;color:#000}.access-dataprep{background-color:#44b14d;color:#000}.home{width:100vw;height:100vh;position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f2f2f2}.home .home-header{display:flex;padding:80px 0 20px 80px;width:100%}.home .apps-container{padding:80px;width:100%;height:100%}.sidebar{position:relative;top:0;left:0;min-width:320px;height:100%;background:linear-gradient(200deg,#3f8b80,#3f5a8b);color:#fff;box-sizing:border-box}.sidebar-logo{padding:40px 40px 0}.sidebar-list .row{font-weight:300;width:100%;height:40px;list-style-type:none;margin:0;padding:0 40px;display:flex;align-items:center}.sidebar-list .group{font-weight:700;padding:50px 0 40px 40px;font-size:20px;text-align:left}.sidebar-list .icon{display:flex;justify-content:center;align-items:center;margin-right:20px;font-size:20px}.sidebar-list .row:hover{background-color:#ffffff1a;cursor:pointer}.add-item .logic{display:flex;align-items:center}.logic-list-container{display:flex;flex-direction:row;align-items:flex-start}.logic-button-container{display:flex;justify-content:flex-end;padding-top:50px}body,html{margin:0;padding:0;overflow-x:hidden}.listbox-container{padding:20px;width:100%;height:100%;border-radius:5px;flex:1}.listbox{margin-bottom:5px;display:flex;flex-direction:column;padding:20px;width:100%;min-height:auto;max-height:calc(100vh - 400px);background-color:#fff;border-radius:5px;overflow:auto}.listbox-header{display:flex;align-items:baseline;justify-content:space-between}.listbox-title{padding:20px;font-size:14px;font-weight:700}.listbox-subtitle{font-size:12px;font-weight:300}.listbox-header .add-item{display:flex;font-size:12px;font-weight:700;padding:15px;margin-left:auto;border-radius:5px;border:none;background-color:#f2f2f2;box-shadow:-4px -4px 8px #fff,4px 4px 8px #c9c9c9;color:#000;cursor:default;align-items:center}.listbox-header .add-item:active{box-shadow:inset -4px -4px 8px #fff,inset 4px 4px 8px #c9c9c9;outline:none}.listbox .row{min-height:30px;display:flex;align-items:center;justify-content:space-between;background-color:#f5f5f5;border-radius:4px;margin-bottom:5px;overflow:hidden}.listbox .row.selected{filter:brightness(.95)}.listbox .row.on{background-color:#cbe2cb}.listbox .row .name{margin-left:10px;flex-grow:1;margin-right:10px;font-size:12px}.listbox .row .name .input{border:none;font-size:12px;background:transparent;width:100%}.listbox .row .name .input::selection{background:#3f5a8b;color:#f5f5f5}.listbox .row{cursor:default;display:flex;align-items:center;justify-content:center;transition:transform .3s}.listbox .row button{width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:transform .3s;background:#d3d3d3}.listbox .row .included{background-color:#ffba00}.listbox-footer{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.listbox-footer button{height:30px;color:#fff;width:100%;margin-bottom:5px;border-radius:4px;background-color:#df7c2f}.listbox-footer button:active{box-shadow:inset 0 0 5px #0008;outline:none}.listbox .row button .icon{font-size:15px}.context-menu{visibility:hidden;opacity:0;background-color:#f2f2f2;position:fixed;border-radius:5px;border:rgb(223,223,223) 1px solid;overflow:hidden}.context-menu.active{visibility:visible;opacity:1;display:flex;flex-direction:column}.context-menu-button{background-color:transparent;padding:5px 20px 5px 10px;font-size:12px}.button-container:hover{background-color:#dfdfdf}.context-menu-spacer{height:1px;background-color:#dfdfdf;border:0;margin:0 10px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;z-index:999}.modal-container{background-color:#fff;min-width:600px;display:flex;flex-direction:column;justify-content:space-between}.modal-container .header{background-color:#0ff}.modal-container .title{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(200deg,#3f8b80,#3f5a8b)}.modal-container .title .close-button{display:flex;align-items:center;justify-content:center;height:50px;width:50px}.modal-container .title .close-button .icon{font-size:25px;color:#fff}.modal-container .title .close-button:hover{background-color:#ffffff80}.modal-container .title .close-button:active{background-color:#ffffffb3}.modal-container .title .text{padding:10px 20px;font-size:16px;font-weight:400;color:#fff}.modal-container .footer{padding:20px;display:flex;justify-content:center;align-items:center}.modal-container .body{display:flex;flex-direction:column;justify-content:center;align-items:left;padding:20px}.modal-container .body .item{display:flex;flex-direction:column;justify-content:center;align-items:left;padding-bottom:20px}.modal-container input{height:40px;margin-top:10px;border-radius:5px;font-size:16px;padding-left:10px;border-width:thin}.modal-container button{padding:10px 20px;font-weight:400;font-size:16px;margin-right:10px;border-radius:5px;border:none}.modal-container button:active{box-shadow:inset 0 0 5px #00000071;outline:none}:root{--error-box-shadow: inset 0 0 40px 4px rgba(255, 0, 0, .39);--common-background: #F2F2F2}.configmgr .container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#f2f2f2}.configmgr .main-content{width:100%;height:100%;justify-content:center}.configmgr .sidebar{background:#9e9e9e;background-size:auto;background-position:center;background-repeat:no-repeat}.configmgr .modal-container .title{background:#0c3b2e}.configmgr .modal-container button{background-color:#6d9773;color:#fff}.configmgr .header{display:flex;justify-content:left;align-items:center;padding:40px 40px 10px}.configmgr .sub-header{padding-left:10px;font-weight:300;font-size:2em}.configmgr .settings-container{padding:0 40px}.configmgr .settings{background-color:#f2f2f2;border-radius:5px}.configmgr .table-container{padding:20px;display:flex;flex-direction:row;justify-content:space-between}.configmgr .table-container>*{flex:1}.configmgr .action-lists{display:inline-table;flex-direction:column}.configmgr .actions{margin-bottom:25px}.configmgr .settings .action{min-width:140px;margin-right:15px;height:40px;font-weight:700;color:#000;margin-bottom:5px;border-radius:5px;background-color:#f2f2f2;box-shadow:-4px -4px 8px #fff,4px 4px 8px #c9c9c9}.configmgr .settings .session-input{width:80px;margin-right:15px;height:40px;font-weight:700;color:#000;margin-bottom:5px;border-radius:5px;background-color:#fff;border-style:solid;border-width:1px;border-color:#c5c5c5;text-align:center}.configmgr .settings-container .label{justify-content:center;font-size:12px;margin-right:5px;padding:0 10px;height:30px;font-weight:400;color:#000;margin-bottom:5px;border-radius:5px;border-style:solid;border-width:1px;border-color:#c5c5c5;background-color:#f2f2f2}.configmgr .settings-container .label.connected{background-color:#19cc79}.configmgr .settings button:active{box-shadow:inset -4px -4px 8px #fff,inset 4px 4px 8px #c9c9c9;outline:none}.home-wrapper.configmgr{display:flex;height:100vh;width:100vw;position:absolute;top:0;left:0;background:#f2f2f2}.configmgr .datatable-container,.configmgr .action-lists{padding:0;width:100%;border-radius:5px;flex:1}.configmgr .action-lists .rdt_Table{flex:1;margin-bottom:5px;display:flex;flex-direction:column;padding:20px;width:100%;background-color:#fff;border-radius:5px}.configmgr .action-lists .rdt_Table{flex:1;margin-bottom:5px;display:flex;flex-direction:column;padding:20px;width:100%;background-color:#fff;border-radius:5px;height:calc((100vh - 455px)/2)}.configmgr .datatable-container .rdt_Table{flex:1;margin-bottom:5px;display:flex;flex-direction:column;padding:20px;width:100%;background-color:#fff;border-radius:5px;height:calc(100vh - 350px)}.configmgr .rdt_TableHeadRow{padding-right:16px}.configmgr .datatable-container .rdt_TableHeadRow>div:last-child{flex:.5}.configmgr .rdt_TableBody{display:flex;flex-direction:column;flex:1 1 0;overflow-y:scroll}.configmgr .rdt_TableRow{font-size:12px;min-height:30px;display:flex;justify-content:space-between;background-color:#f5f5f5;border-radius:4px;margin-bottom:5px;cursor:default;height:auto;flex-shrink:0}.configmgr .rdt_TableRow .name{padding:10px 0;width:100%}[data-error]:hover:after{opacity:1;transition:all .1s ease .5s;visibility:visible}[data-error]:after{content:attr(data-title);background:#ffd3d3;color:#111;position:absolute;padding:1px 5px 2px;white-space:nowrap;opacity:0;z-index:99999;visibility:hidden;border-radius:5px}[data-error]{position:relative}.configmgr .datatable-container .rdt_TableRow>div:last-child{flex:.5;justify-content:right}.configmgr .rdt_TableRow .action{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;height:30px;width:30px;border-radius:5px;margin-right:5px;background-color:#f2f2f2;border-style:solid;border-width:1px;border-color:#d3d3d3}.configmgr .rdt_TableRow .action:active{box-shadow:inset -4px -4px 8px #fff,inset 4px 4px 8px #c9c9c9}.configmgr .rdt_TableRow.selected{filter:brightness(.95)}.configmgr .rdt_TableRow.on{background-color:#cbe2cb}.configmgr .rdt_TableRow.off{background-color:#ede6dd}.configmgr .rdt_TableRow.error{box-shadow:var(--error-box-shadow)}.configmgr .rdt_TableRow .input{border:none;font-size:12px;background:transparent;width:100%}.configmgr .condcodes-container{flex:.3}.configmgr .conditions{display:flex;flex-direction:column;height:calc(100vh - 300px)}.pre-condition-header{padding:20px;font-size:14px;font-weight:700}.configmgr .pre-condition-input{margin:0 20px 0 0;padding:20px;width:100%;height:40px;border-radius:5px;border-style:none}.configmgr .pre-condition-input.error{box-shadow:var(--error-box-shadow);color:#ac0000}.enabling-condition-header{padding:20px;font-size:14px;font-weight:700}.configmgr .pre-condition{padding:20px}.configmgr .econds-container{display:flex;flex-direction:row;height:100%;width:100%}.configmgr .econd{padding:20px}.configmgr .econd-input{margin:0 20px 0 0;padding:20px;width:100%;height:40px;border-radius:5px;border-style:none}.configmgr .econd-input.error{box-shadow:var(--error-box-shadow);color:#ac0000}.configmgr .econd-header{padding:20px;font-size:14px;font-weight:700}.configmgr .econds-list .listbox{height:calc(100vh - 560px)}.configmgr .econds{display:flex;flex-direction:column;height:100%;width:80%}.configmgr .action-list-container .rdt_Table{flex:1 1;margin-bottom:5px;display:flex;flex-direction:column;padding:20px;width:100%;height:calc(100vh - 680px);background-color:#fff;border-radius:5px}