.device-management-layout{height:var(--content-height);padding:10px;display:flex;gap:var(--space-3)}.confirm-add-device,.confirm-delete-device{padding:10px 15px 20px;display:flex;justify-content:center;flex-direction:column;gap:var(--space-3)}.confirm-button-section{display:flex;justify-content:center;align-items:center;padding:10px 0}.confirm-button-section button{height:40px;width:30%;border-radius:var(--radius-md);margin:0 auto;background-color:rgb(17,150,0);color:white;font-weight:700;border:none;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.4),0 7px 13px -3px rgba(0,0,0,.3),inset 0 -3px 0 rgba(0,0,0,.2)}.input-info{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1) var(--space-3)}.confirm-add-device label{font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary)}.confirm-info{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:0;grid-row-gap:0;padding:10px 0}.confirm-add-device textarea{height:100px;padding:10px;font-size:var(--text-lg);border-radius:var(--radius-sm)}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-2)}.confirm-add-device button{height:42px;padding:0 22px;border-radius:var(--radius-sm);background-color:var(--color-success);color:var(--color-on-success);font-weight:700;border:1px solid transparent;cursor:pointer;transition:background-color var(--transition-fast)}.confirm-add-device button.secondary{background-color:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.confirm-add-device button:hover{background-color:var(--color-success-strong)}.confirm-add-device button.secondary:hover{background-color:var(--color-surface-raised)}.device-management-table-container{height:100%;flex:1.5 1;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:20px;display:flex;flex-direction:column;gap:var(--space-5);min-height:0}.device-management-table-container .user-menu{display:flex;align-items:center;gap:var(--space-5);margin-bottom:10px;flex-shrink:0}.device-management-table-container .user-menu input{flex:0.9 1;height:35px;font-size:var(--text-lg);padding:0 10px;border:none;border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text-strong);cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.4),0 7px 13px -3px rgba(0,0,0,.3),inset 0 -3px 0 rgba(0,0,0,.2)}.device-management-table-container .user-menu input:focus{box-shadow:none}.remoteid-provider-selection{border:2px solid black;cursor:pointer}.remoteid-provider-selection:hover{box-shadow:0 0 0 1px rgba(0,0,0,.05)}.remoteid-provider-selection option{color:var(--color-text-strong)}.device-management-table-container .user-menu .add-device-button{flex:0.1 1;height:100%;font-size:var(--text-lg);border:none;border-radius:var(--radius-md);background-color:rgb(17,150,0);color:var(--color-text-strong);cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.4),0 7px 13px -3px rgba(0,0,0,.3),inset 0 -3px 0 rgba(0,0,0,.2)}.device-management-table-container .user-menu .add-device-button p{display:none}.device-management-table-container .user-menu .add-device-button:hover{box-shadow:0 0 0 1px rgba(0,0,0,.05);color:white;background-color:rgb(0,98,13)}.device-management-table{flex:0 1 auto;min-height:0;overflow:hidden}.device-management-table .table-wrapper{width:100%;height:100%;overflow:auto;border-radius:var(--radius-md)}.device-management-table table{width:max-content;min-width:100%;border-collapse:collapse;font-size:var(--text-sm);background:var(--color-surface)}.device-management-table th{position:sticky;top:0;background:var(--color-surface-sunken);color:#333;text-align:left;font-weight:600;padding:12px 16px;border-bottom:2px solid #e5e7eb;z-index:2;cursor:pointer}.device-management-table th span{display:flex;align-items:center;gap:5px}.device-management-table th:hover{background-color:#7fb8ff}.device-management-table td{padding:10px 16px;border-bottom:1px solid #f1f5f9;color:#444;cursor:pointer}.device-management-table tr:nth-child(2n) td{background-color:#f9fcff}.device-management-table tbody tr:hover td{background-color:#e6f7ff;transition:background .2s ease}.device-management-table .table-wrapper{scrollbar-width:thin}.device-management-table .table-wrapper::-webkit-scrollbar{height:8px;width:8px}.device-management-table .table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:var(--radius-md)}.button-table-data{text-align:center}.button-table-data,.button-table-data span{display:flex;justify-content:center;align-items:center}.button-table-data span{border-radius:var(--radius-md);padding:5px;width:30%;margin:0 auto;box-shadow:0 1px 2px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.07),0 4px 8px rgba(0,0,0,.07),0 8px 16px rgba(0,0,0,.07),0 16px 32px rgba(0,0,0,.07),0 32px 64px rgba(0,0,0,.07)}.button-table-data span:hover{background-color:rgb(127,184,255);color:white;box-shadow:0 2px 4px rgba(0,0,0,.4),0 7px 13px -3px rgba(0,0,0,.3),inset 0 -3px 0 rgba(0,0,0,.2)}.button-table-data span:active{box-shadow:inset 3px 3px 6px 0 rgb(0,0,0),inset -3px -3px 6px 1px rgba(0,0,0,.5)}.user-item-menu{flex:0.1 1;display:flex;justify-content:center;align-items:center;gap:25px}.user-item-menu button{width:50px;height:50%;font-weight:700;background-color:rgb(255,255,255);color:var(--color-text-strong);border-radius:var(--radius-md);cursor:pointer;box-shadow:0 15px 25px rgba(0,0,0,.15),0 5px 10px rgba(0,0,0,.05);border:none;border-bottom:3px solid rgba(0,0,0,.5)}.user-item-menu button:hover{border-bottom:none;box-shadow:0 0 0 1px rgba(0,0,0,.05)}.user-item-menu button:active{box-shadow:inset 0 30px 60px -12px rgba(50,50,93,.25),inset 0 18px 36px -18px rgba(0,0,0,.3)}.item-per-page,.page-select-button{display:flex;align-items:center;gap:var(--space-3)}.page-select-button{height:100%}.item-per-page-selection{width:100px;height:35px;font-size:var(--text-lg);padding:0 10px;border:none;border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text-strong);cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.4),0 7px 13px -3px rgba(0,0,0,.3),inset 0 -3px 0 rgba(0,0,0,.2)}.item-per-page-selection:hover{box-shadow:0 0 0 1px rgba(0,0,0,.05)}.item-per-page-selection option{color:var(--color-text-strong)}@media screen and (max-width:1024px){.device-management-layout{width:100vw;flex-direction:column}.device-management-table-container{width:100%}.device-management-table-container .user-menu{flex-direction:column}.device-management-table-container .user-menu input{flex:none;height:30px;width:100%;max-width:none}.device-management-table-container .user-menu select{height:30px;max-width:none;font-size:var(--text-lg)}.remoteid-type-selection{flex:none;font-size:15px;height:40px;width:100%}.device-management-table-container .user-menu .add-device-button{flex:none;font-weight:700;font-size:15px;height:40px;width:100%;display:flex;justify-content:center;align-items:center}.device-management-table-container .user-menu .add-device-button p{display:block}.user-item-menu{flex-direction:column;gap:15px}.item-per-page select{font-size:15px;height:25px}.page-select-button{height:35px}.page-select-button button{width:50px;height:100%}.button-table-data{flex-direction:column;gap:var(--space-3)}.button-table-data span{width:100%}}@media screen and (min-width:1025px) and (max-width:1280px){.input-info{grid-template-columns:1fr}}