.view-as-user-container[data-v-9f8c336c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100vh;width:100%;background-color:#f5f5f5}.view-as-header[data-v-9f8c336c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 20px;background-color:#036;color:#fff;border-bottom:3px solid #ff6b35;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.2);box-shadow:0 2px 8px rgba(0,0,0,.2);z-index:100;-ms-flex-negative:0;flex-shrink:0;gap:20px}.view-as-header-left[data-v-9f8c336c]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.view-as-header-center[data-v-9f8c336c]{-webkit-box-flex:2;-ms-flex:2;flex:2;text-align:center;font-size:15px;font-weight:600;letter-spacing:.5px}.view-as-header-right[data-v-9f8c336c]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:right}.back-button[data-v-9f8c336c]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;padding:8px 16px;background-color:#ff6b35;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;-webkit-transition:all .3s ease;transition:all .3s ease;white-space:nowrap}.back-button[data-v-9f8c336c]:hover{background-color:#e55a27;-webkit-transform:translateX(-2px);transform:translateX(-2px);-webkit-box-shadow:0 2px 6px rgba(255,107,53,.3);box-shadow:0 2px 6px rgba(255,107,53,.3)}.back-button i[data-v-9f8c336c]{font-size:14px}.dashboard-button[data-v-9f8c336c]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;padding:8px 16px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;-webkit-transition:all .3s ease;transition:all .3s ease;white-space:nowrap}.dashboard-button[data-v-9f8c336c]:hover{background-color:#43a047;-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 2px 6px rgba(76,175,80,.3);box-shadow:0 2px 6px rgba(76,175,80,.3)}.dashboard-button i[data-v-9f8c336c]{font-size:14px}.view-as-user-id[data-v-9f8c336c]{display:inline-block;font-size:12px;background-color:hsla(0,0%,100%,.2);padding:4px 12px;border-radius:12px;font-weight:400}.user-cloud-iframe[data-v-9f8c336c]{-webkit-box-flex:1;-ms-flex:1;flex:1;border:none;width:100%;background-color:#fff}.loading-overlay[data-v-9f8c336c]{position:absolute;top:50px;left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:hsla(0,0%,100%,.95);z-index:50;gap:20px}.spinner[data-v-9f8c336c]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #1976d2;border-radius:50%;-webkit-animation:spin-9f8c336c 1s linear infinite;animation:spin-9f8c336c 1s linear infinite}@-webkit-keyframes spin-9f8c336c{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-9f8c336c{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading-overlay p[data-v-9f8c336c]{font-size:14px;color:#666;font-weight:500}.error-container[data-v-9f8c336c]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px}.error-content[data-v-9f8c336c]{background-color:#fff;border-left:4px solid #d32f2f;padding:30px;border-radius:4px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1);max-width:500px;text-align:center}.error-content h3[data-v-9f8c336c]{color:#d32f2f;margin:0 0 10px 0;font-size:18px}.error-content p[data-v-9f8c336c]{color:#666;margin:0 0 20px 0;font-size:14px}.error-button[data-v-9f8c336c]{padding:10px 24px;background-color:#1976d2;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.error-button[data-v-9f8c336c]:hover{background-color:#1565c0}