*,:before,:after{box-sizing:border-box}body{min-height:100vh;margin:0}img,svg{max-width:100%;display:block}button{cursor:pointer}a{color:inherit;text-decoration:none}table{border-collapse:collapse;width:100%}body{font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);line-height:var(--lineHeightBase300);color:var(--colorNeutralForeground1);background-color:var(--colorNeutralBackground4);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-layout{min-height:100vh;display:flex}.sidebar{background-color:var(--colorNeutralBackground1);border-right:var(--strokeWidthThin) solid var(--colorNeutralStroke2);flex-direction:column;flex-shrink:0;width:260px;height:100vh;display:flex;position:sticky;top:0}.sidebar-header{align-items:center;gap:var(--spacingHorizontalM);height:48px;padding:0 var(--spacingHorizontalL);border-bottom:var(--strokeWidthThin) solid var(--colorNeutralStroke2);flex-shrink:0;display:flex}.sidebar-brand{font-size:var(--fontSizeBase400);font-weight:var(--fontWeightSemibold)}.sidebar-section-label{font-size:var(--fontSizeBase100);font-weight:var(--fontWeightSemibold);color:var(--colorNeutralForeground3);text-transform:uppercase;letter-spacing:.05em;padding:var(--spacingVerticalM) var(--spacingHorizontalL) var(--spacingVerticalXS)}.sidebar-nav{padding:var(--spacingVerticalXS) var(--spacingHorizontalS);gap:var(--spacingVerticalXXS);flex-direction:column;flex:1;display:flex;overflow-y:auto}.nav-item{align-items:center;gap:var(--spacingHorizontalS);padding:0 var(--spacingHorizontalM);border-radius:var(--borderRadiusMedium);color:var(--colorNeutralForeground2);cursor:pointer;transition:background-color var(--durationFaster) var(--curveEasyEase), color var(--durationFaster) var(--curveEasyEase);text-align:left;width:100%;font:inherit;font-size:var(--fontSizeBase300);background:0 0;border:none;height:36px;text-decoration:none;display:flex;position:relative}.nav-item:hover{background-color:var(--colorSubtleBackgroundHover);color:var(--colorNeutralForeground1)}.nav-item.active{background-color:var(--colorSubtleBackgroundSelected);color:var(--colorNeutralForeground1);font-weight:var(--fontWeightSemibold)}.nav-item.active:before{content:"";border-radius:var(--borderRadiusCircular);background-color:var(--colorBrandBackground);width:3px;position:absolute;top:25%;bottom:25%;left:0}.nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.sidebar-footer{padding:var(--spacingVerticalM) var(--spacingHorizontalL);border-top:var(--strokeWidthThin) solid var(--colorNeutralStroke2);align-items:center;display:flex}.sidebar-user-name{font-weight:var(--fontWeightSemibold);font-size:var(--fontSizeBase300);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.content-frame{flex-direction:column;flex:1;min-width:0;display:flex;overflow:auto}.header-bar{z-index:5;height:48px;padding:0 var(--spacingHorizontalXXL);background-color:var(--colorNeutralBackground1);border-bottom:var(--strokeWidthThin) solid var(--colorNeutralStroke2);flex-shrink:0;align-items:center;display:flex;position:sticky;top:0}.main-content{padding:var(--spacingHorizontalXXL);flex:1}.breadcrumb{align-items:center;gap:var(--spacingHorizontalXS);font-size:var(--fontSizeBase200);display:flex}.breadcrumb-item{color:var(--colorNeutralForeground2);cursor:pointer;padding:var(--spacingVerticalXXS) var(--spacingHorizontalSNudge);border-radius:var(--borderRadiusSmall);font:inherit;font-size:var(--fontSizeBase200);transition:background-color var(--durationFaster) var(--curveEasyEase);background:0 0;border:none}.breadcrumb-item:hover{color:var(--colorNeutralForeground1);background-color:var(--colorSubtleBackgroundHover)}.breadcrumb-item.current{color:var(--colorNeutralForeground1);font-weight:var(--fontWeightSemibold);cursor:default}.breadcrumb-item.current:hover{background:0 0}.breadcrumb-separator{color:var(--colorNeutralForeground4);font-size:var(--fontSizeBase100);-webkit-user-select:none;user-select:none}.tags{align-items:center;gap:var(--spacingHorizontalSNudge);flex-wrap:wrap;display:flex}.card{background-color:var(--colorNeutralBackground1);border-radius:var(--borderRadiusXLarge);border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);padding:var(--spacingVerticalL) var(--spacingHorizontalL);box-shadow:var(--shadow4)}.card-lg{padding:var(--spacingVerticalXL) var(--spacingHorizontalXL)}.card-interactive{cursor:pointer;transition:box-shadow var(--durationFast) var(--curveEasyEase), border-color var(--durationFast) var(--curveEasyEase)}.card-interactive:hover{box-shadow:var(--shadow8);border-color:var(--colorNeutralStroke1Hover)}.card-interactive:active{border-color:var(--colorNeutralStroke1Pressed)}.data-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:max-content}.data-table th{text-align:left;padding:var(--spacingVerticalSNudge) var(--spacingHorizontalL);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);color:var(--colorNeutralForeground3);background-color:var(--colorNeutralBackground3);border-bottom:var(--strokeWidthThin) solid var(--colorNeutralStroke1)}.data-table th:last-child{text-align:right}.data-table td{padding:var(--spacingVerticalS) var(--spacingHorizontalL);font-size:var(--fontSizeBase300);border-bottom:var(--strokeWidthThin) solid var(--colorNeutralStroke2);vertical-align:middle;height:44px}.data-table td:last-child{text-align:right}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background-color var(--durationFaster) var(--curveEasyEase)}.data-table tbody tr:hover{background-color:var(--colorSubtleBackgroundHover)}.data-table td.data-table-empty{text-align:center;padding:var(--spacingVerticalXXXL) var(--spacingHorizontalL);color:var(--colorNeutralForeground3);font-style:italic}.editor-wrapper{border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);border-radius:var(--borderRadiusXLarge);box-shadow:var(--shadow4);overflow:hidden}.page-header{margin-bottom:var(--spacingVerticalXXL);justify-content:space-between;align-items:flex-start;gap:var(--spacingHorizontalL);flex-wrap:wrap;display:flex}.page-title{font-size:var(--fontSizeBase600);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase600)}.page-subtitle{font-size:var(--fontSizeBase300);color:var(--colorNeutralForeground3);margin-top:var(--spacingVerticalXXS)}.section-title{font-size:var(--fontSizeBase400);font-weight:var(--fontWeightSemibold);margin-bottom:var(--spacingVerticalM)}.section{margin-top:var(--spacingVerticalXXL)}.info-grid{gap:var(--spacingVerticalL) var(--spacingHorizontalXL);grid-template-columns:1fr 1fr;display:grid}.info-item{gap:var(--spacingVerticalXXS);flex-direction:column;display:flex}.info-label{font-size:var(--fontSizeBase200);color:var(--colorNeutralForeground3)}.info-value{font-weight:var(--fontWeightSemibold)}.info-row{padding:var(--spacingVerticalS) 0;border-bottom:var(--strokeWidthThin) solid var(--colorNeutralStroke2);align-items:baseline;display:flex}.info-row:last-child{border-bottom:none}.info-row-label{width:100px;color:var(--colorNeutralForeground3);font-size:var(--fontSizeBase200);flex-shrink:0}.form-stack{gap:var(--spacingVerticalM);flex-direction:column;display:flex}.loading-center{justify-content:center;align-items:center;gap:var(--spacingHorizontalS);padding:var(--spacingVerticalXXXL) 0;color:var(--colorNeutralForeground3);display:flex}.empty-text{color:var(--colorNeutralForeground4);font-size:var(--fontSizeBase200)}.login-container{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{width:100%;max-width:420px}.login-brand{align-items:center;gap:var(--spacingHorizontalM);margin-bottom:var(--spacingVerticalS);display:flex}.login-brand-title{font-size:var(--fontSizeBase500);font-weight:var(--fontWeightSemibold)}.login-description{color:var(--colorNeutralForeground3);margin-bottom:var(--spacingVerticalL)}.login-toggle{text-align:center;margin-top:var(--spacingVerticalL);color:var(--colorNeutralForeground3)}.dashboard-page{gap:var(--spacingVerticalXXL);flex-direction:column;max-width:960px;display:flex}.nav-grid{gap:var(--spacingHorizontalM);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.nav-card-content{align-items:center;gap:var(--spacingHorizontalM);display:flex}.nav-card-icon{border-radius:var(--borderRadiusMedium);background-color:var(--colorBrandBackground2);width:40px;height:40px;color:var(--colorBrandForeground2);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.nav-card-text{flex:1;min-width:0}.nav-card-label{font-weight:var(--fontWeightSemibold)}.nav-card-desc{font-size:var(--fontSizeBase200);color:var(--colorNeutralForeground3);margin-top:var(--spacingVerticalXXS)}.nav-card-arrow{color:var(--colorNeutralForeground4);flex-shrink:0}.detail-header{align-items:flex-start;gap:var(--spacingVerticalXS);flex-direction:column;display:flex}.detail-grid{gap:var(--spacingHorizontalL);grid-template-columns:1fr 1fr;display:grid}.card-content{gap:var(--spacingVerticalXS);margin-top:var(--spacingVerticalM);flex-direction:column;display:flex}.device-row{padding:var(--spacingVerticalS) 0;border-bottom:var(--strokeWidthThin) solid var(--colorNeutralStroke2);justify-content:space-between;align-items:center;display:flex}.device-row:last-child{border-bottom:none}.add-row{gap:var(--spacingHorizontalS);margin-top:var(--spacingVerticalM);flex-wrap:wrap;display:flex}.perm-list{gap:var(--spacingVerticalXS);flex-direction:column;display:flex}.perm-description{color:var(--colorNeutralForeground3);font-size:var(--fontSizeBase200)}.editor-meta{gap:var(--spacingHorizontalXXL);margin-bottom:var(--spacingVerticalM);font-size:var(--fontSizeBase200);color:var(--colorNeutralForeground3);display:flex}.editor-actions{align-items:center;gap:var(--spacingHorizontalM);margin-top:var(--spacingVerticalM);display:flex}@media (width<=1024px){.detail-grid{grid-template-columns:1fr}}@media (width<=768px){.sidebar{display:none}.info-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:stretch}.editor-meta{gap:var(--spacingHorizontalL);flex-wrap:wrap}}@media (width<=480px){.header-bar{padding:0 var(--spacingHorizontalM)}.main-content{padding:var(--spacingHorizontalM)}.card{padding:var(--spacingVerticalM) var(--spacingHorizontalM)}.card-lg{padding:var(--spacingVerticalL) var(--spacingHorizontalM)}.data-table th,.data-table td{padding:var(--spacingVerticalS) var(--spacingHorizontalM)}.page-title{font-size:var(--fontSizeBase500);line-height:var(--lineHeightBase500)}}.device-card{column-gap:var(--spacingHorizontalS);row-gap:var(--spacingVerticalS);grid-template-columns:auto minmax(0,1fr);align-items:start;min-width:0;max-width:100%;display:grid;overflow:hidden}.device-card-expand{cursor:pointer;color:var(--colorNeutralForeground2);background:0 0;border:none;grid-area:1/1;justify-content:center;align-items:center;width:20px;height:24px;margin:0;padding:2px;display:inline-flex}.device-card-identity{align-items:center;gap:var(--spacingHorizontalS);grid-area:1/2;min-width:0;max-width:100%;display:flex}.device-id-chip{min-width:0;font-family:var(--fontFamilyMonospace);font-size:var(--fontSizeBase200);padding:4px var(--spacingHorizontalS);border-radius:var(--borderRadiusMedium);border:var(--strokeWidthThin) solid var(--colorNeutralStroke2);background:var(--colorNeutralBackground3);color:var(--colorNeutralForeground2);word-break:break-all;line-height:var(--lineHeightBase200);flex:1 1 0}.device-card-delete{flex-shrink:0}.device-card-meta{align-items:center;gap:var(--spacingHorizontalS);flex-wrap:wrap;grid-column:2;min-width:0;max-width:100%;display:flex}.device-card-name{font-size:var(--fontSizeBase200);color:var(--colorNeutralForeground3);word-break:break-all;min-width:0}.device-card-expanded{margin-top:var(--spacingVerticalXS);grid-column:2;min-width:0;max-width:100%}.credential-row{padding:var(--spacingVerticalS) 0;border-bottom:var(--strokeWidthThin) solid var(--colorNeutralStroke2)}.credential-row:last-of-type{border-bottom:none}.credential-row-main{align-items:center;gap:var(--spacingHorizontalS);flex-wrap:wrap;min-width:0;display:flex}.credential-row-value{min-width:0;font-family:var(--fontFamilyMonospace);font-size:var(--fontSizeBase200);word-break:break-all;color:var(--colorNeutralForeground2);flex:140px}.credential-row-actions{align-items:center;gap:var(--spacingHorizontalXXS);flex-shrink:0;margin-left:auto;display:flex}.sub-tablist-wrap{-webkit-overflow-scrolling:touch;margin-bottom:var(--spacingVerticalM);margin-left:calc(-1 * var(--spacingHorizontalSNudge));overflow-x:auto}.sub-tablist-wrap::-webkit-scrollbar{height:2px}.mobile-menu-button{margin-right:var(--spacingHorizontalS);display:none}.mobile-drawer .sidebar{border-right:none;width:100%;height:100%;display:flex;position:static}@media (width<=768px){.mobile-menu-button{display:inline-flex}}@media (width>=769px){.mobile-drawer{display:none}}