<style>
        body { font-family: 'Plus Jakarta Sans', sans-serif; }
        
        #app-container {
            position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;
            z-index: 999999;
            background-image: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
            overflow-y: auto; overflow-x: hidden;
        }
        
        ::-webkit-scrollbar { width: 6px; height: 6px; }
        ::-webkit-scrollbar-track { background: rgba(241, 245, 249, 0.5); }
        ::-webkit-scrollbar-thumb { background: #94a3b8; border-radius: 4px; }
        
        .glass-panel {
            background: rgba(255, 255, 255, 0.85);
            backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
            border: 1px solid rgba(255, 255, 255, 0.6);
        }
        .glass-sidebar {
            background: rgba(15, 23, 42, 0.95);
            backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
            border-right: 1px solid rgba(255, 255, 255, 0.1);
        }
        
        .pb-safe { padding-bottom: calc(env(safe-area-inset-bottom) + 160px) !important; }
        
        /* Role based visibility controls */
        body[data-role="pembina"] .role-admin-only { display: none !important; }
        body[data-role="admin"] .role-pembina-only { display: none !important; }

        /* Custom Checkbox for IWB */
        .iwb-checkbox {
            width: 1.25rem; height: 1.25rem; border-radius: 0.25rem;
            cursor: pointer; accent-color: #10b981;
        }
    </style>